<![CDATA[雨风小站]]> http://www.56ui.com/Blog/ zh-cn PBlog2 v2.4 雨风小站 http://www.56ui.com/Blog/images/logos.gif http://www.56ui.com/Blog/ 雨风小站 http://www.56ui.com/Blog/article.asp?id=649 <![CDATA[2011ChinaJoy：Cosplay华丽Coser的舞台]]> 99027074@qq.com(雨风) Sat,30 Jul 2011 21:06:44 +0800 http://www.56ui.com/Blog/default.asp?id=649

每年的ChinaJoy展会上，Cosplay都是一大亮点。华丽的服装，精美的道具，迷死人不偿命的美女帅哥，令无数宅男宅女心驰神往。2011年的ChinaJoy上，Coser会一样是不可缺少的两点，美女Coser更是吸引不少玩家留下来合影。。

这次在ChinaJoy展会上随手拍下的Coser：

























去的不一定是玩家，看游戏、玩游戏、了解游戏多是借口，每年的ChinaJoy展，ShowGirl才大家去的目的，游戏的展商也懂的，在台前不需要华丽的游戏只需要美丽的ShowGirl。。。

ShowGirl 在现场的秀自己：

点击  >>抢先看ShowGirl]]> http://www.56ui.com/Blog/article.asp?id=648 <![CDATA[2011ChinaJoy:一个ShowGirl美女、COS和游戏的聚集地]]> 99027074@qq.com(雨风) Sat,30 Jul 2011 20:44:50 +0800 http://www.56ui.com/Blog/default.asp?id=648

ChinaJoy是一个盛产美女、动漫周边、COSplay和游戏的地方，那么有趣的囧图花絮就是它的副产品。对于专业的记者、摄影师来说，也许惊艳的ShowGirl才是焦点，不同的镜头在不停的捕捉更有趣更特别的画面

一年一度的游戏盛会ChinaJoy在这短暂而又漫长的时间里，无疑是一次极为精彩的游戏盛宴。当序幕缓缓拉开的时候，就没有理由不兴奋不憧憬。“ChinaJoy我来了！”

ShowGirl 在现场的秀自己：



























去的不一定是玩家，看游戏、玩游戏、了解游戏多是借口，每年的ChinaJoy展，ShowGirl才大家去的目的，游戏的展商也懂的，在台前不需要华丽的游戏只需要美丽的ShowGirl。。。

ShowGirl 在现场的秀自己：





















最后来一只“大黄蜂”



COSplay 秀 也是展会的很大亮点，游戏与动漫本身就应该是一起的。

点击 >>抢先看美女Coser
]]> http://www.56ui.com/Blog/article.asp?id=647 <![CDATA[看色彩是如何影响购物?]]> 99027074@qq.com(雨风) Sun,24 Jul 2011 21:13:01 +0800 http://www.56ui.com/Blog/default.asp?id=647
色彩和市场

当出售新产品时，有一点需要认识到，消费者在购物时，商品的视觉感官和色彩往往比其他因素决定消费者购买。



85%的消费者在决定为什么购买一件商品时，将色彩作为最主要的原因。



色彩和品牌

色彩可有效增加品牌认知度，品牌认知直接关系到消费者的认可程度。



色彩和消费

色彩是一种非常强大的影响手段，然而并不是完全通用。在北美和印度不同色彩的影响力就是不同的。看看下面这些影响北美在线销售的色彩。





不同的色彩可用于不同的场景，并影响特定类型的消费者，从而改变消费者的购物行为。





]]> http://www.56ui.com/Blog/article.asp?id=646 <![CDATA[品牌的形状:品牌识别度的不同表现形式]]> 99027074@qq.com(雨风) Sun,24 Jul 2011 19:22:54 +0800 http://www.56ui.com/Blog/default.asp?id=646 形状便是其中一种。尤其是在移动时代，每天你点击最多的是那些 App 图标。这让形状与品牌的联系更是深入人心。Clayton Miller 有心的将各家的图标形状整理出来，做了个排排坐：



从左到右，正好是方形到圆形的缓变过程！

拥有你自己的形状

苹果：最先将自己的形状渗透到几乎所有产品的要属苹果，上图中第二个圆角图标大家应该再熟悉不过。从 iOS App 的图标、内部软件设计规范（到处可见的圆角）到硬件（比如 Mac mini）的设计，圆角让你第一时间想到苹果。（告诉我，你不会喜欢下面这张图片）



接下来是 Palm（那一年还是 2009） 的 webOS。苹果将所有程序图标化、并置于桌面的方式在触摸时代被竞相效仿。webOS 选择了圆形。这是一个极佳的选择，不管是 Palm 的商标，还是 Palm Pre 的外形，乃至现在惠普的商标都与圆形脱不了关系。但从下面这张 Launcher 界面来看，图标统一度方面仍不如 iOS，系统自带图标会倾向圆形设计，而许多第三方程序却有自己的一套风格。但这不可不谓除了圆角之外的另一种尝试。



之后微软加入了这场战争（微软：什么？我一直在战斗的好不好？）。Metro 界面带来一种耳目一新的感觉。这种设计或许有其不足，但让人印象深刻。单色方形图标带来的是简洁、干净。并且微软正在极力将这种风格统一到自己的众多产品中，比如 Windows 8、Office，甚至自己的网站。



似乎可用的图标设计都被使用完毕，所以三星的 Bada 只能向前辈致敬（就不上图了）。RIM 似乎有自己的一套圆角解决方案，但与 iOS 的那种和谐统一的境界还差太远。

等等！Android 呢？我没有将其遗忘，只是它真的没有自己的形状（难道这也可以归咎于平台分裂？）。

创新者诺基亚

这些年来似乎很难将诺基亚与创新联系起来。但在新的系统图标形状上我认为它做了正确的选择。这种形状被称为：Squircle。我们会想，在方形和圆形之间除了圆角还有第二种选择？事实上在 Symbian Anna 谍照图流出来时我是一下子记住了这种图标形状，即便我不知道它叫什么（仔细看就会发现 Squircle = Square + Circle ）。在维基百科上搜索，你会有更有趣的发现！这个形状不是凭空设计出来，它竟然还有表达式：



包括这次的 N9 的发布，系统界面一样赏心悦目：



可以看到通知界面的 Feed 栏头像和 Launcher 界面都使用了这种形状。我很高兴诺基亚终于能在这些细节上下功夫，而不仅仅是硬件上的小折腾。

在图标形状的选择上诺基亚并没有盲从，虽然形状就那么回事，但这关乎到品牌识别度。还记得当年塞班和黑莓上流行的 iOS 主题？虽然很山寨，但我们乐此不疲。]]> http://www.56ui.com/Blog/article.asp?id=645 <![CDATA[海词微课堂“利用零碎时光，实现学习梦想”]]> 99027074@qq.com(雨风) Fri,08 Jul 2011 23:14:22 +0800 http://www.56ui.com/Blog/default.asp?id=645 恭喜Dict.cn海词网的微课堂http://ketang.dict.cn与7月11日正式上线。

你是怎么利用零碎的时光，平时的片段时间里你在做些什么? 微课堂让你实现学习的梦想！



人生如课堂

我们有时候是学生，在课堂上学习知识；有时候是老师，与他人分享经验；在学习和分享中，我们不断成长。

在微课堂，我们可以...

关注自己喜欢的课程，循序进步，不断成长；分享自己的学习经验，称为分享达人和人气之王。

推荐的名师微课堂



课程简介：《绝望的主妇》《Desperate Housewives》是由美国广播公司于2004年10月开始，在每周日晚九点播出的电视剧。故事背景设定在美国一个虚构的小镇—美景镇，描绘了美景镇紫藤巷的五位家庭主妇的婚后生活，每季的剧情也都有新的主线和主妇加入。该剧曾多次夺得美国单周收视排行榜冠军，并横扫美国各大颁奖典礼上的多个奖项。
其中每一集中的经典独白不仅是对全集的提炼总结，从语音语调上看，更是一段美丽的英文。



课程简介：和女友分手后，伤心欲绝的Jimmy回到了中国，他一时间迷失了方向。幸好在这个时候，他遇见了十几年没见到老朋友Max，于是后来也就发生了一些让人啼笑皆非的荒诞故事。。。



课程简介：海词微音乐电台，在音乐里享受生活，让你的心情沉醉起来；
“蜜舍楠分”——将与你一起分享音乐，分享心情~，因为这个世界需要音乐~，需要你........
凡音之起，由人心生也，当世界变得越发简单，三言两语就能编织一种心境，几句副歌就能绘刻一段记忆；
一首歌的时间就可以让你迷恋上放松的感觉，一句话就可以让你的小脑袋无限放大出自己的创意，一张图就可以让你陷入灵魂的最深处；已经无法想象without music的生活……]]> http://www.56ui.com/Blog/article.asp?id=644 <![CDATA[为iPhone设计的内裤,看如何把你的iPhone装进内裤吧]]> 99027074@qq.com(雨风) Sat,23 Apr 2011 00:23:16 +0800 http://www.56ui.com/Blog/default.asp?id=644


    如果你对这个想法很有兴趣却又不敢这么做时，SCOTTEVEST公司的CEO Scott Jordan提供了一些理由供你参考：“像许多人一样，我睡觉的时候将iPhone放在床头柜上。但是当我想在晚上用手机当手电筒来找卫生间、早上边做咖啡边检查邮件的时候却没有地方放我的手机。”的确，如果内裤上有个口袋，就可以在早上穿着装有iPhone的内裤边检查邮件边做咖啡了。

    除了在家使用之外，Jordan在网上的一段视频声称他们这种新款平角裤相当于两条内裤，并且对于喜欢简单旅行的人来说能算是个旅行箱。这种短裤由快速脱水尼龙和莱卡混纺制成，另外做了防臭处理，每对售价20美元。

    这种短裤有两种可选颜色：黑色和灰色。我想这种旅行平角裤在你实在想不出送什么给你的兄弟作为假日旅行礼物的时候可能会派上用场，应该比送领带的老套做法更有意思。另外，这个可不可以在计划生育方面有什么效果？]]> http://www.56ui.com/Blog/article.asp?id=643 <![CDATA[【产品设计】手机用户忘记密码后的流程设计]]> 99027074@qq.com(雨风) Sat,23 Apr 2011 00:12:31 +0800 http://www.56ui.com/Blog/default.asp?id=643
在我们之前的流程中，用户的基本流程是：先输入用户名，再输入该用户名对应的绑定手机号，然后我们发送一个验证码到用户绑定的手机号，用户通过这个密码获得我们重置后的新密码。这个流程乍看起来没什么问题，但是涉及到细节方面，还是存在一些问题。比如以下两点：

1，用户得先输入用户名，点下一步，输入手机号，下一步，收到一个验证码，输入收到的验证码，获得重置后的密码。

2，获得重置后的密码之后，用户得记住这个密码，然后登陆，才能再修改成自己想要的密码。

在第一个问题中，用户获得重置密码需要经过4个页面（输入用户名-输入手机号-输入验证码-获得新密码），其中还要手动在浏览器和短信两项功能中切换2次次并记住随机验证码。对于糟糕的手机网络来说，获得密码要经过4个页面太多了。

再看第二个问题，用户获得了重置的密码后，他想干什么？肯定是立即修改成他容易记住的密码，而不是一直用这个很难记忆的随机密码。但是他要修改成他想要的密码，首先得记住我们给他生成的随机密码，然后再经过至少6个页面（首页-登陆-首页-帐户-修改密码-修改成功）才能去修改密码。

总结一下，用户忘记密码后，至少需要打开10个页面，输入6次，记住2个随机字符串，手动切换2次程序才能完成他的目标。这些繁琐的操作和记忆，再加上低速的手机网络，足以让人放弃。这种体验让人很不愉快。

所以我们需要做出一些调整，让用户更舒服一点。下面是新的“找回”密码流程：



在新的流程中，用户只需要打开3个页面，输入2次，手动切换1次程序，根本不用记住任何东西就能完成目标。是不是比以前方便多了呢？

在旧的流程中，走的是开发思维，比如先判断用户名是否存在，再判断输入的手机号是否与用户名匹配，程序每次的判断都需要用户也接受。或许这种流程对于电脑上的网页来说并不困难，因为桌面网络速度较快，验证码与操作界面分离从而不用记忆，复制粘贴方便等，而在手机上则是完全不同的操作方式，优化后的流程是站在手机用户的角度，把不该用户参与的流程都隐藏起来，这样用户才能有良好的体验。]]> http://www.56ui.com/Blog/article.asp?id=642 <![CDATA[2011年移动终端手机产品设计新趋势]]> 99027074@qq.com(雨风) Sun,10 Apr 2011 13:31:21 +0800 http://www.56ui.com/Blog/default.asp?id=642
汇总本年度手机应用程序和热点问题之后，不难看出其中的趋势性特征，如精致的界面、操作体验、基于硬件的应用和消息推送等问题。可以预计的是，在2011年的产品设计中这些特征会逐渐得到强化。

精致实用的界面



自从iPhone 4视网膜屏幕（Retina Display）
发布，成为迄今为止在移动设备上能见到的最细腻、显示细节最清晰的屏幕，326显示精度比普通印刷品还要高，而以往普通手机的96像素，Android平台各种手机在120-240像素区间内，iPhone 4之前的屏幕也只有164像素。



高精度意味着同样大小的屏幕上可以显示更多的细节，这对界面视觉设计要求也更高。出色的设计也能让你的应用程序脱颖而出，同时美观的界面看起来更好用。



为了保证视觉效果统一性，各产品都不遗余力地弥补终端差异性，wap网站通过识别终端分辨率和平台显示不同的视觉效果，客户端也会在Android平台达到屏幕完美适配。

多主题



在安装包容许的情况下，为应用程序设计多套主题也是设计师满足用户多样化需求的手段之一。优先满足主体需求，也能照顾到用户的个性化需求。


控件

设计师也不再满足于系统提供的看起来千篇一律的标准控件，特别是Android平台黑乎乎的表格视图让人难以忍受。后半年新出的应用程序大多采用更为美观的自定义控件，提升用户体验的同时注重产品的品牌形象。



根据产品的实际情况修正的自定义控件，也能带来操作上的便利。如可爱的小地陪没有使用Android的下拉框控件，虽然单栏一次无法展现多个选项，但是去掉了弹框能减少了操作步骤和等待时间，而小米分享将引入网页和iPad中的气泡框。由于设计经验有限，需要避免网页设计的照搬，设计适用于手机的控件是交互设计们需要关注的问题。

字体



早期Nokia为了满足低像素手机的字体显示要求，设计了点阵式字体Nokia Sans，为了让用户一眼就能识别出Nokia，该字体一直沿用至今。但手机渲染字体的能力已经显著提升，针对高分辨率设计的Android的Droid和iPhone的Helvetica更能适应显示要求。

布局



顶部标题栏、中部正文和底部工具/标签栏是常见的手机界面布局，根据操作情境在调用合适的控件。一方面设计要关注如何让界面更为巧妙地布局，如在标题栏中显示Tab分栏和充分利用表视图，另一方面似乎如何巧妙都不满足用户的屏幕显示尺寸的需求，主体部分最大化已经在部分应用程序和操作系统中有所体现。如随着操作Android自带浏览器chrome掩藏地址栏，而Windows Phone 7掩藏状态栏。

尺寸



在网页设计中栅格系统和比例关系能大大提高网页的规范性，页面中所有组件的尺寸都是有规律的。



如上图的布局尺寸主要包括比例和模数尺寸，界面设计中不存在孤立的元素。除了色彩之外，布局和采用有联系的模数尺寸和建立界面元素的联系，看起来更为协调,，克服视觉的不确定性。但一方面手机端界面设计还需要考虑手指点击，另一方面手机屏幕统一程度低，同样的设计在各个终端看起来不尽相同，规范性尺寸设计较低。但是未来如条件容许，科学精确性设计是必然化趋势。]]> http://www.56ui.com/Blog/article.asp?id=641 <![CDATA[日本最大SNS交友网站Mixi的秘密]]> 99027074@qq.com(雨风) Tue,05 Apr 2011 22:16:36 +0800 http://www.56ui.com/Blog/default.asp?id=641
日本有9000万互联网用户，Mixi作为最大的SNS网站，有2100万用户，渗透率23％左右。而Facebook在日本仅有200万。Mixi把自己和Facebook定义成SNS，而把Myspace和日本第一大社交游戏网站、市值最大的移动互联网公司Gree归为一类：社区网站。Mixi认为，SNS以人际关系为核心，而社区网站以内容为核心，比如Myspace的音乐和Gree的游戏。


Mixi是日本最大SNS



Mixi把自己和Facebook定义成SNS，而把Myspace和日本第一大社交游戏网站Gree归为社区网站


Mixi的两个基本使命是：建立一个真实的朋友网络，并且促进他们的交流。

为此，Mixi还在逐渐完善产品线。之前推出的SchoolMates校友录，即类似QQ校友的产品，已有500万用户，并且只有当用户登录后才能看见其网页和内容。Mixi表示：SchoolMates校友录，是帮助Mixi用户找到熟人的渠道，目的是为了丰满这个人群的真实关系。与此同时，Mixi也正在推进同事录Colleague这一产品。其思路也跟Facebook吻合。Mixi正在通过Gmail等邮箱的通信录来为Colleague导入真实关系。

对于Gree等对手通过社交游戏建立的虚拟关系，即人与人通过网络游戏认识并结为朋友的关系，Mixi认为：虚拟关系和真实关系在一个网络体系内不能共存。

目前，Mixi每年新增用户360-400万；每月登陆用户约1500万。Mixi表示，其产品要求用户参与的动作越来越简单、门槛越来越低，由之前的写日记、传照片，到后来的发表一句话微博，再到现在的一键收藏某个网页，所以登录的有效用户越来越多。


Mixi个人资料页


Mixi已经建立了开放应用平台，目前2000款应用，其中需要付费的有190款。Mixi不自己开发应用，跟Facebook类似。目前，来自中国的热酷研发的游戏阳光牧场在Mixi已经有500万用户。这些用户玩游戏需要花钱买积分，即Point。


Mixi开发者中心，提供相关API、插件等


MixiVoice是Mixi推出不久的一个类似Twitter的微博功能，这个功能目前被置于Mixi用户主页的最顶部。但与Twitter不同的是：Voice让用户输入150个字符，只有朋友间才可以相互关注，而不是所有人都可以关注所有人；并且，没有转播即Retweet的功能，只有评论和“赞”2个互动功能。

目前，Voice每个月产生1亿条微博，相当于每个人6条微博；每个月2亿条评论和“赞”，也就是平均一个微博有2个评论或“赞”。


Mixi Voice是类似Twitter的微博功能，但不同的是，只有朋友间才可以相互关注


仅次于Mixi Voice放在个人主页中间位置的是Mixi Check，也就是把第三方网站的内容一键分享到Mixi的产品。当Mixi在第三方网站的页面点击这个按钮后，这个内容就会被Mixi的所有好友看到。


Mixi Check是类似Facebook“赞”（Like）的分享功能



跟Facebook的方式一样，在第三方网站点击Mixi Check按钮，会将该网页分享到Mixi


目前，Mixi Photo每天有200万张照片上传，会产生150万个关于照片的评论。

Mixi最近一季度的营收是4900万美金，同比增长31％；1300万运营利润，同比增长23％。作为中国最大的SNS运营商，腾讯的营收和利润大约是其13倍。

Mixi的PC用户每月的停留时间是3小时23分钟。

Mixi用户每月产生的PV中，手机有245亿，PC有52亿，一共300亿。其中，智能手机仅有5亿。


目前Mixi每月产生的PV大部分来自手机


Mixi用户中，20-29岁占总用户的51％，而在手机用户中占58％。这表示：年轻用户使用手机的比重明显更大。

总用户中，男性占48.5％，女性占51.5％。但有趣的是，手机用户中，男性萎缩到45.6％，女性增长到54.4％。

Mixi营收中，广告占81％，其中PC端的广告4000万，移动端的广告400万。虚拟物品收费占总营收的14％。

最近一个季度，Mixi花了400万用于调查其平台上每一个开放应用的使用趋势和广告效果。

Mixi的广告收入分类中：互联网服务和通信33％，美容家居22％，零售贸易11％，旅游、运输7.6％，招聘、教育7.3％。但房产和汽车的比例相当低，分别是0.3％和0.6％。

每一千个PV的广告价格，PC上是90日元，手机上30日元，PC目前是手机的3倍。

Mixi今年开始走出国门。9月份刚刚与中国的人人网和韩国的Cyworld建立了同盟关系。这个同盟并非把人际关系打通，因为分属于三个不同国家的人际圈子打通没有意义。这个同盟是把三个平台的应用打通，也就是当一个针对于人人或者Cyworld开发的应用，也可以同时拿到Mixi上来运营，不需要重复开发。]]> http://www.56ui.com/Blog/article.asp?id=639 <![CDATA[互联网产品开发中所用到的十类书面文档]]> 99027074@qq.com(雨风) Thu,06 May 2010 09:18:40 +0800 http://www.56ui.com/Blog/default.asp?id=639 1、产品概念文档(项目策划书)

主要是对市场需求进行合理的科学的推导，得出新产品机遇，并对产品定位以及未来的发展方向进行概念性阐述。产品概念文档主要用来对新产品进行宣讲，让项目团队对将要开发的产品有一个概念上的理解，在思想上达成一致。

2、用户调研报告

主要有两类，一类是产品概念形成之初，研究人员进行的需求调研而输出的报告。主要是为产品概念的提出提供科学的依据，为需求的推导寻找佐证。另外一类是项目开发过程中，对设计中不确定以及有分歧的地方进行用户测试，得出结果并输出用户测试报告。

3、产品需求列表

这个列表并不一定是文档，但是他非常重要。它是将新产品拆分成几个大的模块，并将这几个大模块再细拆分成各个功能点后形成的功能列表。它的用途是将整个产品的工作量化，利于设计师、开发人员、测试人员评估自己的工作量，利于开发过程中对各个功能点进行跟踪，不遗漏，利于产品测试时对产品进行全面覆盖。

4、产品说明书

产品说明书是目前很多公司中最常见，他主要包括产品功能的详细描述，产品所需要的开发、运行环境，性能要求等等。准确的讲，这份文档并不应该包含具体的交互内容。这个文档面向的是项目的全体成员。

5、交互设计说明书

交互设计说明书对整个产品的界面结构、交互流程进行详细的描述。它一般包括需求分解、竞争产品分析、流程说明、页面布局说明等内容。交互设计说明书的格式众多，灵活性也相当高，但目的都是将产品的结构和及流程形象化。交互设计说明书主要面向开发人员和测试人员。

很多公司将交互设计说明书和产品说明书结合在一起进行撰写，其实这种做法并不是十分合理。通常情况下，产品和设计结合的文档结构非常庞大，非常不利于查阅，也不利于撰写，而且这种结合文档的很多内容对特定人员是无用的。

6、交互设计规范

交互设计规范主要是用来规范新产品中常规的功能、操作等内容，比如页面的标题规范、界面快捷键操作的规范、提示反馈信息的规范等等。

7、视觉设计规范

视觉设计规范主要是规范新产品中一些视觉元件的样式、页面边距相对边距、通用界面的页面框架等等，开发人员根据规范就可以自行开发一些通用界面。

8、开发文档

开发文档包括一些需求分析、系统架构分析、数据库分析、开发日志等等内容。开发文档主要用来作为开发团队的技术沉淀。

9、测试用例

测试用例指对新产品进行测试任务的描述，体现测试方案、方法、技术和策略。内容包括测试目标、测试环境、输入数据、测试步骤、预期结果、测试脚本等，并形成文档。

10、产品评估报告

产品开发完成后，应由测试人员撰写一份评估报告，对产品功能的实现情况、性能情况、bug解决率等问题进行综合说明和评估，来确定新产品是否符合发布标准。

上面的这十类文档是非常理想化的项目中才具备的，也并不是适用于所有的项目开发，但是，产品说明书、交互设计说明书、测试用例等几类文档是一个项目中不可能缺少的，他们是一个项目有效运行的核心文档。]]>