2016.3. 可用性经典十原则

10 Usability Heuristics for UI Design

form Jakob Nielsen
https://www.nngroup.com/articles/ten-usability-heuristics/

  1. 系统状态可视化

Visibility of system status
The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.
系统页面应即时给出反馈,不论用户单击还是滚动,合理时间内能看到系统反馈。

  1. 环境贴切原则

Match between system and the real world
The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.
从用户角度出发,应尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),而不要使用第二世界的语言。例:拟物化。

  1. 撤销重做原则

User control and freedom
Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.
用户经常无意出错,应当设有撤销与重做。

  1. 一致性

Consistency and standards
Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.
用户不必怀疑不同的话语、情景、或是操作代表同样的事情,遵循平台的公约。

  1. 防错原则

Error prevention
Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.
通过网页的设计、重组或特别安排,淘汰掉有出错导向的条件或是在提交前设置确认操作等,防止用户出错。

  1. 易认原则

Recognition rather than recall
Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.(Read full article on recognition vs. recall in UX.)
尽可能减少用户回忆负担,使用指引、操作可视化展示需要记忆的内容。

  1. 灵活高效原则

Flexibility and efficiency of use
Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.
根据实际用户情况,“少数服从多数”等贴合小白或是熟练者,使他们尽快适应流利的操作。

  1. 极简原则

Aesthetic and minimalist design
Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.
突出重点,在信息单元对比下剔除不相关的内容

  1. 容错原则

Help users recognize, diagnose, and recover from errors
Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.
平实表达错误信息,并想尽办法提供建议(非代码)挽回错误。

  1. 帮助原则

Help and documentation
Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.
依次递减:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档

日常App/Web 10条原则的体现

状态可视化

iphone 闹钟

设置闹钟后,按钮呈绿色,所在条目高亮,右上角出现闹钟标志。

环境贴切原则

keep App

我的徽章等描述突出了用户的等级分化等,这种命名方式十分常见于打卡类app中。
撤销重做原则
网页云音乐-删除分享

用户可以选择删除自己的动态等、撤回消息同理。
一致性原则
简书网页版首页

简书移动网页版首页-IOS端

“成也萧何败也萧何”
图2 中头像左侧夜间模式却在图1侧边栏 的字体点开才能找到
图1 中搜索框在图2中怎么也找不到?!

防错原则

微信-发送给好友

很贴心的问多一次,确认?
但若是转发给多个人,微信自动会建群(;´༎ຶД༎ຶ`)那天我差点吓死!
并且这种方式建群不讲话没人发现,你还能选择默默删除群再退出。

易认原则

amazon searching

搜索栏中的自动联想免去了用户可以输入错误的长词或者其他

灵活高效原则

脉脉小助手

新手的指引已经是业内规范了,几乎每一个app都会有一定的用户提示,从知乎的文字版指南faceu的阴影下引诱点击教学都是很好的一种体现。

极简易读性原则

脉脉消息小黄点

几乎所有的app都含有通知类型的圆点,很好的吸引了用户的注意,第一眼高效处理完工作。

** 容错原则**

[Niki Brown](http://nikibrown.com/404).png

这个404页面除了提供了一些重要的链接之外,还提供了几个秘密链接,当用户点开之后,会发现一些颇为不错的音乐。这种方式会增加网站的黏度。

chrome浏览器断网-恐龙小游戏

帮助原则

https://www.southwest.com/

在选好返程日期后,会有灰色区域引导点击去程日期,很贴心的小助手。
同样知乎指南、简书markdown链接说明也是同理。

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

推荐阅读更多精彩内容