UI 10大可用性原则分析

1 . 系统可见性原则

系统对用户的
“操作指令”,“当前状态”,“可操作内容” 应该有一定的 视觉 反馈。目的是让用户能感受到 “操作被传达给设备了”,“现在我在系统的什么状态里”,“操作什么可以继续”。
例如:

MD 里使用涟漪扩散来表现点击反馈

还有个例子特别有趣

左边是 Mac 的滚动条,右边是 Windows 的

在这个例子里,两者都表现出在纵向滚动页面时的阅读进度。Windows 更加是在上下增加了可点击的箭头。点击后则下移一点。滑块上也画出了纹路,意图表达“可拖拽”的提示。如果原教旨的去看尼尔森的原则,毫无疑问,Windows 更加细致的遵守了原则,既有进度显示,也有操作区提示。而 Mac 似乎太过于简洁了。然而,事实是 Windows 8 后,微软拿掉了这些“多余的提示”。这是为什么呢?

2 . 匹配系统与真实环境

这个标题读起来都有点拗口。但是,想说明清楚其实很简单。将按钮画的像按钮。书本画的像书本。让系统看起来符合我们生存的物理世界。这是啥呢?不就是写实(拟物化)设计所做的么。将自然环境中的光影材质使用进系统里,让没有接触过系统的用户可以调用自己平时的生活经验来操作系统。


IOS6_podcast

3 . 用户的控制性和自由度

这部分不是太能理解,大概是用户应该有一个方便的行为来控制界面,比如iOS的右划返回

4 . 一致性和标准化

这个算是真实设计场景中非常常见,但很多人都难以控制好的一点。但它却非常重要。当相同的功能控件设计的不是一样的样子时,用户会非常困惑。因为他们需要重新记忆一个新控件。
这个规则甚至可以推演开来:
相同目的的交互是否应该一致呢?同级的功能区块是否也应该尽量一致呢?相同功能的图标是否也应该一致呢?相同配色的按钮是否也应该功能一致呢?一致性总是越高越好,但真实设计过程中,往往很难在设计之初能够从全局纵览整个项目,归纳同类型的设计。

格式塔原理-相似性:如果物体看起来相似,那就感觉是属于一组的

星星的间距相同,但同类型的星星就是感觉是一组的

5. 防错原则

看见这个词就想到了“防呆插槽”,确实,在工业设计中,有很多防止,甚至可以完全杜绝用户出错的设计。比如苹果的 lightning 数据线,思路是无论怎么插都对。另一种是电脑里很多主板,内存条之类的插口,如果用户反着插就根本插不进,也就避免了差错。思路是错误操作无法进行,转而回归正确。
设计中的防呆策略

6 . 识别比记忆好

意思应该是不要让用户记忆太多东西。因为记忆是会出错的。尽量使用直觉操作。而引导用户产生正确的直觉,离不开上面说的各种原则。

7 . 高效灵活的使用

系统应该流畅运行,有方便的入口进入主要功能。比如 3D touch。


3D touch

8 . 审美和简洁的设计

越简洁,越清晰
控制版面,放大留白,少即是多。

减弱,剔除无用,或暂时无用的信息,重要的信息才能显露出来。

9 . 帮助用户识别,诊断,并恢复

网络出错时,提示用户怎样恢复
给出建议

10 . 帮助文档

但产品比较复杂时应该提供帮助文档。当然,应该尽量避免产品需要帮助文档。

生活实例

1,电梯口处,当按下按钮后,对应要来的电梯口上会有提示灯亮起,让用户明白自己叫电梯这个指令被传达了,并且有反馈。

2,红绿灯读秒,让行人对当前状态有一个心里预期,缓解等待时间



3,将计算器界面设计成真实的计算器样式。用户可以跳过理解,直接使用。

4,电梯内,楼层按钮如果按错,可以双击取消(少数电梯有这个功能 @_@)


5,道路警示牌,有圆形的,和三角形的。圆形表示“禁令标志”。三角形表示“警告标示”,同类型的警告,用同类型的样式。


局限性

尼尔森貌似是在 web 时期总结的这十条原则,有些非常实用,至今依旧非常经典,比如“系统可见性”,“一致性和标准化”,“防错原则”等等,但也有些原则,时至今日已然渐渐消失的,比如“帮助文档”,“匹配真实环境”。归结于一点:产品越来越简单易用,而用户也越来越有经验了。曾经我们我们面对一个硕大的方块盒子,难以理解运行在它上面的程序或文件是怎样使用的。我们需要帮助,需要手把手的搀着走,需要近可能的模拟真实环境,以此来帮助我们理解这个大方盒子到底怎么用,而如今,这个大盒子都放进了我们的衣服口袋,戴在我们的手腕上了。它们不在那么让人难以接受了。相反,我们完全离不开它们。
强大,但是易用,就是今天包括未来的产品都将走向的路。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容