鼠标悬浮提示只在用户想要了解某个功能点的时
各个功能都要符合自解释原则,尽量通过图形和文字让用户能根据他以前的常识和经验就能上手,实在做不到就用注释或鼠标悬停提示进行说明,或者将相应的帮助信息放在这个功能旁边让用户可以顺手查看。
OS X Leopard中引入了一个备份还原工具——时间机器(Time Machine,参见图2-5-24),它的名字和操作方法都是绝佳的隐喻,这种设计风格被称为拟物化(skeuomorphism)。时间旅行这一科幻概念经常出现在影视作品中,已经人尽皆知,比备份/还原这样的说法更易于被接受,使用起来也是趣味十足。
图2-5-24时间机器很到位地模仿了特性和操作体验,这才是拟物化的精髓
如果把时间机器和中国的流行软件“一键GHOST”作比较(参见图2-5-25),我们就会发现中国式产品的精华所在——傻瓜到只有一次操作。
图2-5-25“一键GHOST”的软件界面
第一次启动“一键GHOST”的时候,默认选项是“一键备份系统”,这时候只要点击一次“备份”按钮,便进入了无人值守的自动备份程序,先是重启系统运行GHOST程序开始备份,备份结束之后再次重启系统。以后再运行“一键GHOST”,则会默认选中“一键恢复系统”,这样就减少了误操作的可能性(一般都是电脑城装好机之后给用户备份一次,用户搞砸了就自己一键恢复),点击恢复,依然是无人值守,重启两次之后系统就还原了。
对于教育程度参差不齐的中国用户来说,时间机器太复杂了,门槛太高,“一键GHOST”软件能学会用,这就是中国式产品的胜利。为什么hao123让所有资深IT人士大跌眼镜,为什么很多中国用户不喜欢(或不会用)官方版的XP非要换成番茄花园,作为产品经理,我们需要反思一下我们是否真的了解我们的用户。
在Google Chrome浏览器中,我们也可以看到另外一种更加精巧的做法——递进显示(Progressive Disclosure)——只显示与用户当前任务相关的功能,隐藏其他功能。
Chrome浏览器的底部并没有固定的状态栏,当用户的鼠标滑过某个链接或者点击某个链接的时候,一个浮动的状态栏会出现,告诉用户链接地址是什么。Chrome浏览器还可以选择是否“总是显示书签栏”,选择否的话,书签栏只会在空白的标签页中出现,我个人使用中感觉这样的做法很恰当,并不影响我使用书签栏。这些做法一方面增加了Chrome浏览器的显示面积,提高了信噪比(对于用户的核心任务——浏览网页内容而言,不必要的浏览器元素都是噪声),另外一方面,通过减少“当前不需要的信息”降低了用户的学习成本,用户打开Chrome之后不需要去花时间研究他们暂时用不到的功能(参见图2-5-26)。
图2-5-26Google Chrome浏览器
递进显示在显示面积非常有限的时候变得更加重要。比如很多手机上的浏览器,地址栏只在滚动到页面最顶端的时候才会出现,滚动条只在滚动操作的时候才会出现一小会儿。站在用户体验的角度,我认为不应该在被逼得没办法的时候才使用这招,在显示面积足够的时候也应该考虑哪些是当前不需要的信息,然后把它们隐藏起来。
练习题
尝试用Chrome的思路优化“一键GHOST”的界面。哪些信息需要在哪些时候展示?
图形界面中,窗口的大小一般是可以改变的,那么,如何让用户了解这个功能呢?首先,功能是通过鼠标拖放改变窗口大小的,需要让用户知道这个窗口能不能拖放,哪里可以拖放;然后,需要寻找一个视觉特征可以让用户“猜”到这里是可以拖放的。真实世界中,瓶盖和滑动开关上会用一些条纹或网点来增强摩擦力,如图2-5-27中的瓶盖。
图2-5-27瓶盖上的条纹
将这种表现摩擦力的视觉特征运用到浏览器窗口上,就有了图2-5-28右下角的效果(鼠标经过窗口右下角条纹区域时会变成拖放箭头的形式进一步提醒用户)。
图2-5-28浏览器窗口右下角的效果
注释可以将问题解释清楚,但它的缺点是容易破坏界面的简洁,如图2-5-29所示。
图2-5-29界面中加入注释的效果
将注释直接展现在输入框中,可以最大限度地保持界面的简洁,如图2-5-30所示。
图2-5-30将注释直接展现在输入框中
鼠标悬浮提示只在用户想要了解某个功能点的时候出现,对界面简洁的影响不大,非常适合使用在界面中固有的文字和图片无法有效自解释的时候,如图2-5-31和图2-5-32所示。
图2-5-31“实用网址大全、便捷直达常用网站”的注释
图2-5-32“隐藏参与者的显示图片”的注释
不过,鼠标悬停提示无法应对解释文字很多的情况,这个时候可以通过帮助页面进行更具体的解释,如图2-5-33和图2-5-34所示。
图2-5-33Google AdSense 中用问号图标引导用户进入帮助页面
图2-5-34淘宝用注释文字“什么是购物车”引导用户进入帮助页面
练习题
滚动条源自真实世界中的某样东西吗?为什么我们可以很快掌握它的使用方法?
越复杂的东西就越难被理解、学习和记忆,所以要牢记奥卡姆剃刀定律——如无必要,勿增实体。像Google一样保持简单需要很大的勇气和毅力(如图2-5-35所示),把一款产品的界面搞很复杂则要容易得多(如图2-5-36所示)。 当然,以新浪为代表的中国式复杂有它出现
下一篇:你也可以选择不加入群