选择页面

在过去,我们常常用以下的论调来表达我们对一个好产品的喜爱:

  • 哦,它用起来体验很爽。
  • 啊,它看起来逼格好高。
  • 嗯,很多人都是模仿着它做的。

在《做不好设计,不是你没想法,而是你没良心》这篇文章中,我提及如何利用斯坦福D.School的设计原则和步骤,打造一个“令全世界尖叫”的产品。既然优秀的产品设计是有路可循的,那当我们评价一个产品的用户体验的好坏时,是不是也是有路可循的呢?

换句话说:当我们一直再说一个产品用起来“很爽”的时候,我们到底在指是什么?

在众多的评估理论体系中,我使用了有“易用之王”称号的Jakob Nielsen的可用性标准(也被称为尼尔森十大可用性原则),来评估一个产品用户体验做的好还是不好。

先抛出在互联网产品情境下的用户体验定义:它指的是:让用户通过你的产品满足需求时足够方便、舒适和快捷的程度(刘飞)。

那尼尔森十大可用性原则是指的是什么呢?这些原则又是体现在产品设计的用户体验中呢?接下来我使用正方两个案例逐一揭秘。

1. 可见性原则

Visibility of system status:告知系统的现行状态。产品设计要让适当的时间告知用户现在到底发生了什么事

图解:左图家里墙上的网线插口,插进去没有任何提示灯;右图是小米路由器的网线插口,插进去信号通的话就有绿灯闪烁。

2. 场景贴切原则

Match between system and the real world:产品的功能操作要符合用户所在的真实世界。也就是说,你的设计确保用户知道并理解你说的是什么:如果你的产品是给人用的,请使用人看的懂的语言&标示

图解:左图家里的热水器指示器,没有数字指示导致我对于水温只能靠猜;右图是得力的温度表,度数、颜色、体感一一俱全。

3. 可控性原则

User control and freedom:支持撤销和重做。用户没有你想的那么聪明,所以当它们操作失误的时候,给他一个“安全出口”让他迅速的回到原来的状态

图解:上图为百度图说的操作页面,在设计操作中没有任何撤销的按钮;下图为苹果手机的Home按键,有了它任何时候你都能回到手机的首页。

4. 一致性原则

Consistency and standards:遵循统一的平台设计规范/逻辑。简单的说,如果你想告诉用户点什么东西,请使用同一种语音语调,不要一会是低沉的男声,一会儿是高亢的女声。

图解:上图的男女厕所标示设计不规范,左边是白底黑标示,右边是黑底白标示;下图则是更容易理解的公共厕所性别标示,因为男女处于同级的关系。

5. 防错原则

Error prevention:设置犯错的机制。在用户发出“搞什么鬼,我什么也没做啊,怎么会变成这样”的问题之前,产品就应该就做好充分的提示;如果真的出错了,给出解决的办法

图解:上图是Window XP 下U盘弹出错误的窗口提示;下图是某虎软件的弹出提示,不仅给出了提示,还提供了解决方案(体验这方面,某无节操虎还是做的挺好的)。

6. 协助记忆原则

Recognition rather than recall:不要让用户在使用产品的时候记忆太多的东西,尽量做到用户还没张口要东西吃的时候,你就把东西送到他的嘴边

图解:上图是苹果系统输入法,在系统中我填写过近百次的邮箱地址,但是需要输入时它总是不会自动填写;下图微信的聊天窗口,只要我软件中保存了新图片,我要发送该图片之前,微信就会自动跳出该图片的发送提示;

![][61]

7. 灵活和高效原则

Flexibility and efficiency of use:无论你是普通用户还是专家用户,都可以顺畅的使用产品,这也就意味的一些高级的功能要适当的隐藏起来,不要干扰到普通用户。

图解:Adobe PS 的界面中,左边是普通用户最常用的工具按钮,点击按钮右下角弹出的菜单才是高级用户会使用的工具,通过这个虚弹出菜单,产品让高级的选项不会干扰到普通用户的使用。

8. 美学和最简主义原则

Aesthetic and minimalist design:请优雅的删除产品里不必要的信息,你的设计不仅让用户发出“真他妈的帅呆了”的赞叹,还要让他跪倒在简约的世界里无法自拔。

图解:上图是Sony 给Google TV 出的遥控器,作为观看辅助的遥控按键不仅细小还密密麻麻……;下图是Apple TV 的遥控器,3个大按钮搞定,简约帅气!

9. 容错原则

Help users recognize, diagnose, and recover from errors:使用产品出现了任何问题,请用人话告诉用户,并让它们知道为什么会出错。

图解:上图的404页面没有给出任何的问题解释;下图网易的404页面不进告知的“网页不存在的原因”,提供了返回首页的链接。

10. 帮助和文档

Help and documentation:大而全还带着各种参数的使用说明书是极其反人类的,请附带一份如何使用产品核心功能&具体步骤的帮助文档,这样用户真的遇到问题也有地方查找。需要补充的是,如果一份大众产品的使用说明书连你的父母也看不懂,或许需要再被推敲推敲。

扩展阅读:[10-Usability-Heuristics for User Interface Design][10]

[63]