尼尔森十大交互原则

编辑导语:我们都知道,产品交互设计,直接决定了用户使用你的产品过程中的体验,其重要性不言而喻。那么在我们设计交互行为方式的时候,应该遵循什么原则呢?本文将为大家阐述、解析尼尔森十大交互设计原则,欢迎大家讨论交流。

Jakob Nielsen

雅各布·尼尔森,著名网页易用性专家。被誉为可用性测试鼻祖,尼尔森—诺曼集团的主要负责人之一。他被《美国新闻与世界报道》杂志誉为“Web可用性方面的世界顶尖专家”。他写过很多书,包括畅销全球的《Designing Web Usability》一书。




全文以网易云音乐为例

1,状态可见原则(Visibility of system status)

① 定位指示。让用户知道现在的状态,对过去发生、当前目标、以及对未来去向有所了解,不致于在产品中迷路。

提示你现在处于这个歌单、这个栏目

② 操作反馈。告诉用户他的操作被接受了,这个操作可行。

由“播放”变为“暂停”

③ 告诉用户,系统运行状态。

状态

④ 告诉用户,系统做了什么。

提示“已开始播放”

2,环境贴切原则,匹配系统与真实世界(Match between system and the real world)

       贴切环境。系统使用的语言、文字等,需要是用户熟悉的、能理解、不会有歧义的。遵循现实世界的惯例,让信息符合自然思考逻辑。

①使用现实界的习惯、隐喻。降低认知成本。

使用黑胶相片的暗示

②说人话。语言、用语、说话方式等都要贴合场景。

3,用户可控原则,用户的控制性和自由度(User control and freedom)

        用户拥有控制权。用户可以自由的控制返回和去到的地方。[如前进、后退]

很多用户发送一条消息,总会有他忽然意识到自己不对的地方,这个叫做临界效应;所以最好支持撤销/重做功能。

前进/后退

4,一致性原则(Consistency and standards)

[产品内部、产品迭代、业内产品]

一致性:同样的文字、状态、按钮,都应该触发相同的事情,也就是,同一用语、功能、操作保持一致。减轻用户负担,使用连贯舒服。

① 结构一致。保持类似的结构,减轻用户思考负担。

都使用符号+歌名+歌手;喜欢都是爱心

② 色彩一致。网易云音乐的图标颜色与界面的主色均为红色,也括其中一些标签和强调的文字颜色都是红色,整个界面除了图片的有效信息外,都通过灰、白、红色来呈现。

红色系

③ 操作一致性。同类型的操作交互应该一致。比如任何界面退出的方式都是左上角退出按键。

④ 反馈一致。用户在操作按钮或者条目的时候,点击的反馈效果应该是一致的。

喇叭提示

⑤ 文字一致性。产品中呈现给用户阅读的文字大小、样式、颜色、布局等都应该是一致的。

5,防错原则(Error prevention)

在错误之前防止它。在用户不可逆的错误之前进行弹窗提示,或者不给他犯错的机会。

关闭提示

6,易取原则,识别比记忆好(Recognition rather than recall)

①尽量减少用户对操作目标的记忆负荷,动作和选项都应该是可见的,即把需要记忆的内容摆上台面。

(菜单是最经典的设计)

用户不必记住一个页面到另一个页面的信息。对行为直接进行提示,或通过弹窗提示。

鼠标停留出现提示

② 提供选择而不是输入。

备选项

7,灵活高效原则(Flexibility and efficiency of use)

允许用户定制常用功能,更方便快捷操作。

① 快捷键。

② 为用户常操作提供模板。

③ 提供默认值。

定制喜欢的音乐

8,优美简约原则,审美和简约的设计(Aesthetic and minimalist design)

对话中的内容应该去除不相关的信息或几乎不需要的信息,突出重要功能。因为每个多余的信息都会分散用户对有用或者相关信息的注意力。

突出关键

9,容错原则,帮助识别,诊断,并从错误中恢复(Help users recognize, diagnose, and recover from errors)

①错误信息应该用语言表达,较准确地反应问题所在,而非代码,比如404。

②并且提出一个建设性的解决方案,帮助用户从错误中恢复,将损失降到最低。如果无法自动挽回,则提供详尽的说明文字和指导方向,

准确反应问题所在

10,人性化帮助原则(Help and documentation)

提供帮助信息,任何帮助信息都应该可以方便地搜索到,让用户知道如何解决,不致于茫然。以用户的任务为核心。

① 帮助文档应该方便寻找。比如放在显眼的菜单栏。

② 帮助操作应该易于理解。比如图文引导。

总结

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

推荐阅读更多精彩内容

  • 前言 作为设计人员,时常会收到来自产品的反馈。对于视觉上的问题,比如颜色不好看,文本没有对齐,图标风格不一致,表述...
    vcy桑阅读 10,635评论 5 89
  • 雅各布·尼尔森博士是尼尔森诺曼集团的用户倡导者和负责人,他与唐纳德·诺曼博士(Apple Computer的前研究...
    周子鱼Jo阅读 2,275评论 0 4
  • 用过无数产品,被无数优秀的产品经理宠爱之后,“被惯坏的你”追求的是更好的体验。 体验可能成就一个产品,也可能毁灭一...
    a51de29efc1d阅读 19,170评论 1 30
  • 首先我是一个产品经理,关于产品经理的定义,比较宽泛,所以很多人都自称产品经理。 今天看到了尼尔森的交互原则,然后自...
    蓝轶辰阅读 716评论 0 1
  • 尼尔森十大交互原则 以CSDN网页为例,解释尼尔森十大交互原则。 一、状态可见原则 用户在网页上的任何操作,不论是...
    Lzer0阅读 9,461评论 0 17