设计师必看这十大交互原则 尼尔森十大交互原则有哪些

雅各布& # 183;尼尔森的十大交互设计原则 。它们被称为“启发式” , 因为它们是宽泛的经验法则 , 而不是具体的可用性指南 。所以不能把它上升到一个标准 , 而是要把它作为一种经验来学习 , 然后结合现实中的设计来使用 。接下来作者结合一些具体的例子深入分析了尼尔森十大交互设计原则在设计中的用法~
一、Jakob Nielsen(雅各布·尼尔森)简介: Jakob Nielsen是人机交互博士 , 毕业于哥本哈根数据传输中心 。他拥有79项美国专利 , 主要涉及让互联网更容易使用的方法 。Nelson于2000年6月入选斯堪的纳维亚交互媒体名人堂 , 2006年4月入选美国计算机学会人机交互学院 , 并被授予人机交互实践终身成就奖 。他还被《纽约时报》称为“/s2/]网络易用大师” , 被《互联网杂志》称为“易用之王” 。
二、尼尔森十大交互设计原则深度解析: 原则一:状态可见原则(Visibility of system status ) 系统要让用户时刻知道当前正在发生的事情 , 也就是快速让用户知道自己处于什么状态 , 过去发生了什么 , 目标是什么 , 未来要做什么 。一般的方法是在适当的时候给用户适当的反馈 , 防止用户犯错 。
案例1:
比如今日头条的下拉刷新功能:头条页面的刷新功能采用下拉刷新的交互方式 。当用户下拉页面时 , 页面状态栏和内容区中间会出现“新年快乐”的提示 , 当我释放时页面中间会出现“正在推荐”的动态提示 , 以及一个[这一系列提示就是我们所说的动态可见性原理 , 如下图所示:
案例二:
比如安信记加班中的关注取消圈子功能:用户点击关注按钮时 , 页面中间会出现“关注成功”的提示 , 停留2秒后消失;同样 , 操作后提示也是状态可见性的原则之一 , 如下图所示:
原则二:环境贴切原则(Match between system and the real world) 软件系统应使用用户熟悉的语言、词语、句子或其他概念 , 而不是系统语言 。软件中的信息要尽可能贴近现实世界 , 让信息更加自然 , 逻辑上更容易让用户理解 。
案例1:
比如电脑软件界面的设计:现在我们手机里的计算器软件的设计界面基本上和我们现实中使用的计算器风格差不多 。下图左边是我们在现实中使用的计算器 , 第二边和第三边依次是锤子手机和苹果X自带计算器软件的界面 , 真的很像 。这样的设计可以让用户快速上手 , 操作简单 , 因为用户已经熟悉了如何在现实生活中使用计算器 , 这就是环境适当性原则:
案例二:
比如新浪微博安卓的中文版和国际版:中文版和国际版微博的logo和内页样式、语言、结构和布局 , 包括交互都不一样;考虑到国外用户的使用 , 软件的语言默认为英语 。当然也支持各种语言版本 , 可以根据需要在设置中调整 。此外 , 国际版界面的布局所采用的设计风格完全符合谷歌的设计规范 , 这就是环境适宜性原则 。详情见下图:
原则三:用户可控原则(User control and freedom) 用户经常会误触一些功能 。我们应该让用户很容易退出 。在这种情况下 , 我们应该让“紧急退出”按钮更明显 , 不要在退出时弹出额外的对话框 。很多用户发消息的时候 , 总会有突然意识到自己错了的事情 。这就是所谓的临界效应 。所以最好支持撤销/重做功能 。
案例1:
比如微信聊天中的回忆功能:两个人在微信聊天的时候 , 我发了一条信息或者表情 , 突然觉得不合适 。我可以长按消息或表情 , 在出现的选择框中选择撤回 , 然后重新编辑发送 , 避免误发消息给对方或自己带来麻烦 。这就是用户控制的原理 。详情见下图:
案例二:
比如Google Photos中删除照片后的撤销功能:在使用Google Photos时 , 我们会对照片做一些操作 , 比如删除照片 。当我在Google Photos中删除一张照片时 , 底部会出现一个提示框 , 在框的后面会出现撤销提示 , 这也是用户控制原则的体现 。详情见下图:
原则四:一致性原则(Consistency and standards) 对于用户来说 , 同样的文字、状态、按钮要触发同样的事情 , 遵循共同的平台约定;即相同的术语、功能和操作是一致的 。产品一致性包括以下五个方面:


推荐阅读