尼尔森十原则的思考与总结

    尼尔森(Jakob Nielsen)是尼尔森诺曼集团的用户倡导者和负责人,拥有79项美国专利,专利主要是关于如何让互联网更容易使用。他于1995年1月1日发表了基于Web的「十大可用性原则」。这些原则即时目前看来,同样也适用于手机端。这里我主要一下我对这些原则的理解和应用。

一、Visibility of system status(系统状态可见性)

原文:The system should always keep usersinformed about what is going on, throughappropriate feedback within reasonabletime.

翻译:系统应该通过在合理的时间内提供适当的反馈,让用户随时了解正在发生的事情。

1. 系统需要向用户提供当前位置、网络状态、任务状态

如:新闻网站常用的顶部导航和后端管理系统常用的左侧导航,都会显示你当前处于哪个分类目录下;手机的4G信号格数显示了信号强弱,电池电量显示当前你手机剩余的电池容量;一个分步任务会告诉用户当前处于第几步骤。

2. 系统需要对用户的操作给予及时的可见反馈

常见的用户操作包括:

在PC端:鼠标滚动、鼠标左键单击、鼠标左键双击、鼠标左键长按、鼠标右键单击、鼠标左键长按拖动、滚轮滚动、键盘输入。

在移动端:单指点击、单指双击、单指长按、单指滑动、长按拖动(如iPhone手机调整App的位置)、双指捏合(放大缩小照片)、侧边滑出(调出系统栏)、摇晃手机(比如微信的撤回操作)。

常见的反馈包括:

用户操作反馈:按钮、输入框、链接、页签等的默认态、悬浮态、鼠标点击态、选中态、禁用态等。

后台响应反馈包括:无法连接服务器时的404、503等错误告知,下载、上传、发送等的成功提示。

3. 如果不能即时给予用户操作反馈,则需要告知用户当前状况

系统反馈时间小于0.1秒时,系统直接反馈结果即可;

系统反馈时间大于0.1秒小于1秒时,用户能感受到延迟,但用户不会被分散注意;

系统反馈时间大于1秒小于10秒时,用户可能会去处理其它事情,如:打开页面,不能立刻加载出来,此时可以给一个小动效,告知用户当前处于加载中;

系统反馈时间大于10秒时,用户已经无法对当前任务保持专注力。如:下载一部影片,需要半小时才能下完,那么就需要为用户提供当前的进度和剩余时间。

4. 提供多种形式的反馈

如:文字、图片、阴影、小动画等,同样还包括听觉和触觉(如手机振动)反馈。

二、Match between system and the real world(系统与现实世界的匹配)

原文:The system should speak the users' language, with words, phrases andconcepts familiar to the user, rather than system-oriented terms. Followreal-world conventions, making information appear in a natural and logicalorder.

翻译:系统应该使用用户熟悉的单词、短语和概念来表达用户的语言,而不是使用面向系统的术语。遵循现实世界的惯例,使信息以自然和逻辑的顺序出现。

1. 使用与用户背景相关的语言

首先需要明确你的平台用户标签,如:专业开发者,家庭主妇、学生党、海龟。

如:一个面向专业前端的开发工具使用使用padding, margin就比内边距、外边距要好。同一网站,通过IP地址判断用户所在地区,对于中国用户显示中文,外国用户显示英语。

2. 图标使用通用图标

尽量使用在用户心理已经形成了固定认知的图标。

如:垃圾箱代表删除、齿轮代表设置。

3. 正确识别用户的输入

系统需要为用户提供正确的语言,同样,系统应该也能识别用户的输入语言。

如:设置色值时,#333;333;333333代表的结果都是#333333,用户会认为这几种输入都是正确的,那么系统都应该正确识别;输入法支持手写文字,天猫精灵的方言输入系统都能正确识别。

三、User control and freedom(用户控制和自由)

原文:Users often choose system functions by mistake and will need aclearly marked "emergency exit" to leave the unwanted state withouthaving to go through an extended dialogue. Support undo and redo.

翻译:用户经常错误地选择系统功能,需要一个清晰的“紧急出口”离开当前状态,支持撤消和重做。

1. 需要为用户提供紧急逃生出口

用户在任何界面,都应该有一个紧急逃生出口,让用户可以随便跳出去,而不会无所适从。

如:网站左上角的logo点击可以回到首页;手机的初始化功能;iPhone的Home键确保用户在App没响应的情况下也能快速退出。

2. 支持撤销和重做

撤销重做可以让用户从配置中快速恢复,并且能够让用户从删除的二次确认弹窗中释放出来。

如:浏览器的前进后退,Office软件的Ctrl+Z;邮件发送后在无人阅读的情况下支持撤回。

3. 让用户感觉自己在掌控全局

让用户感觉自己能够掌控这个软件、App,而不是被这个软件绑架。

如:音乐软件的播放/暂停/快进等;用户在视频软件可以选择自己电影播放。

四、Consistency and standards(一致性和标准性)

原文:Users should not have to wonder whether different words, situations,or actions mean the same thing. Follow platform conventions.

翻译:不同的词语、状况、操作代表相同的东西会让用户感到疑惑,遵守平台规则。

1. 同一产品使用相同的词语、相同的图标代表相同的事物

如:新增、新建、增加代表的是都是新增,用这些词都能代表一个意思,但是在同一个产品就应该保持用同一个词语。

2. 遵守平台规范

PC端、平板端、手机端都有各自的平台规范,开发的程序、网页、APP需要去遵守平台的规范。

3. 与设计规范一致

当程序比较复杂,设计师比较多时,就需要出一套设计规范来保证一致性。比如颜色、字体、弹窗位置等。

五、Error prevention(预防错误)

原文:Even better than good error messages is a careful design whichprevents a problem from occurring in the first place. Either eliminateerror-prone conditions or check for them and present users with a confirmationoption before they commit to the action.

翻译:比好的错误信息提示更好的设计是第一时间阻止错误的发生。要么消除容易出错的条件,要么检查这些条件,并在用户提交操作之前向他们提供确认选项。

1. 在用户犯错之前给予提示

如:QQ邮箱用户点击发送邮件,如果正文里包含“附件”字样,但是用户并没有上传附件,则会提示用户上传附件。

如:删除按钮用红色字样警醒用户,防止用户误删除。

2. 杜绝用户犯错的可能性

如:输入电话号码时,键盘会自动切换为数字键盘,用户就不可能输入字母、中文等文字;选择日期时,用户只能下拉选择,用户只能从有限的日期里挑选。

六、Recognition rather than recall(再认而不是记忆)

原文:Minimize the user's memory load by making objects, actions, andoptions visible. The user should not have to remember information from one partof the dialogue to another. Instructions for use of the system should bevisible or easily retrievable whenever appropriate.

翻译:通过使对象、操作和选项可见来最小化用户记忆负担。不应该让用户记住从对话的一部分到另一部分的信息。在适当的时候,系统的使用说明应该是可见的或易于检索的。

1. 在用户做操作时,将用户的关键配置信息罗列供用户确认

如:app购物在支付时,会将商品、收件地址等信息呈现让用确认。

2. 记住用户上次所在的位置、状态、配置项等

如:阅读类app打开时,会记录用户上次阅读的位置。

七、Flexibility and efficiency of use(使用起来必须灵活并且高效)

原文:Accelerators -- unseen by the novice user -- may often speed up theinteraction for the expert user such that the system can cater to bothinexperienced and experienced users. Allow users to tailor frequent actions.

翻译:为专家用户提供加速器,这样系统就可以同时很好地初级用户和高级用户,允许用户定制频繁的操作。

1. 为用户提供加速器

中级用户在了解了软件的功能之后,就回去提高自己的操作效率。

如:常见的复制、导入、格式刷、批量操作、快捷键等。

2. 为新手用户提供引导,帮助他们快速完成任务

如:app常见的新手指引,推荐值等。

3. 为用户提供安全、常用的默认值

八、Aesthetic and minimalist design(唯美简约的设计)

原文:Dialogues should not contain information which is irrelevant orrarely needed. Every extra unit of information in a dialogue competes with therelevant units of information and diminishes their relative visibility.

翻译:对话不应该包含不相关或很少需要的信息。对话中每一个额外的信息单元都会与相关的信息单元竞争,并降低它们的相对可见性。

1. 根据28法则,80%的用户使用20%的功能,把用户不用的功能删除、少用的功能隐藏

对于用户不常用的功能,可以放到2.3级目录,让页面更简洁。

2. 将重要内容突出,使用户一眼就能识别

用户对于一个页面首先是扫视一遍,然后从左到右、从上到下阅读,所以将按钮按钮,重要文本加大加粗可以让用户第一时间注意到。

3. 一个任务流可以分步让用户操作完,而不是一股脑全部扑出来

如:注册账号时可以让用户将性别、电话号码、兴趣之类的放在后面填写。

九、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. 告知用户具体的错误原因,并提供从错误中恢复的方法(记得使用用户语言)

如:微信在没有网络时,为用户提供诊断并提供建议。

2. 帮助用户纠正错误

如:用户百度搜索”阿里把把”,百度会识别用户是想搜索“阿里巴巴”并在前几位给出“阿里巴巴”的相关搜索结果。

3. 错误提示需要能够引起用户注意

模态弹窗、常驻错误提示、红色文字、word错误单词有红色下滑波浪线等都能有效引起用户的注意。

十、Help and documentation (帮助和文档)

原文:Even though it is better if the system can be used withoutdocumentation, it may be necessary to provide help and documentation. Any suchinformation should be easy to search, focused on the user's task, list concretesteps to be carried out, and not be too large.

翻译:系统在没有文档的情况下使用会更好,但是如果需要,还是要提供帮助和文档。帮助信息都应该易于搜索,关注用户的任务,列出要执行的具体步骤,并且不要太大。

1. 帮助文档格式建议顺序为:无文档>一次性提示>常驻提示>操作文档(视频>图片>纯文本)

帮助文档只是辅助用户完成任务的,用户并不想在帮助文档上浪费过多时间,所以请尽量简短通俗易懂。

2. 帮助文档要方便用户快速查找、理解

帮助文档需要放在用户恰好需要的地方,如果帮助链接是跳出新页签,在新页签中,需要跳到帮助内容相关的位置。

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