尼尔森十大交互原则

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

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)

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

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

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

总结

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

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