尼尔森十大交互原则在设计中的应用

Recommand
武汉/设计爱好者/318天前/124浏览
尼尔森十大交互原则在设计中的应用Recommand
李洛辛
雅各布·尼尔森简介:
交互十大原则由雅各布·尼尔森提出。雅各布·尼尔森是毕业于哥本哈根的丹麦技术大学的人机交互博士,拥有79项美国专利,专利主要涉及让互联网更容易使用的方法。 2006年4月,被纳入美国计算机学会人机交互学院,被赋予人机交互实践的终身成就奖。
本文将通过列举案例、相关设计原则和心理学效应来解读尼尔森十大交互原则。
一、系统可见性原则(Visibility of system status)
保持界面的状态可见,变化可见,内容可见。让用户知道发生了什么,在适当的时间内做出适当的反馈。 比如用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。
 
  • 解读与案例
例如今日头条文章发布功能,点击文章发布,页面跳转回首页,用户可以继续浏览首页,同时显示发布进度,发布成功后给予成功反馈,保证了整体操作体验的流畅性。
  • 延展
多尔蒂门槛
系统需要在400毫秒内对使用者的操作做出反应,这样能够让用户保持专注,长于这个时间通常需要加载动画、占位符、分步加载等方式减缓用户等待焦虑。
参考:52 Design Principles 12条
二、贴近场景原则(Match between system and the real world)
用用户的语言,用词,短语和用户熟悉的概念,而不是系统术语。功能操作符合用户的使用场景。
  • 解读与案例
例如keep需要访问照片权限时会显示:“Keep”想访问您的照片,keep使用相册中的照片发布动态、修改头像等,需要获取相册权限“。而不是显示:APP需要读写存储权限,请在权限管理中打开存储权限。
  • 延展
知识的诅咒
当我们是某个领域的专家时,会不自觉地假设其他人和我们拥有同样的理解能力,尤其是对于专业术语的使用。
参考:认知偏差知识手册-飞书 11条
认知偏差知识手册
认知偏差知识手册
Collect
三、可控性原则(User control and freedom)
用户经常错误地选择系统功能而且需要明确标识离开这个的“出口”。比如支持撤销和重做的功能。
  • 解读与案例
案例一:例如在一次手误关掉了一个打开了十来个网页的窗口之后,本想着即使有历史记录找齐这些也很费劲了,之后惊奇地发现历史记录中有一个最近关闭的功能,可以一键恢复手误关闭的十多个网页。
浏览器
浏览器
Collect
案例二:例如不小心关掉了正在编辑的Word文档,再次打开时文档旁边会显示:从上次编辑的位置继续,非常助于用户快速进入状态。
word文档
word文档
Collect
  • 延展
宽容性
通过约束以及良好的功能可见性来防止操作错误的发生,并允许在错误发生后具备可逆性。威廉·里德维尔(William Lidwell)、克里蒂娜·霍顿(Kritina Holden)和吉尔·巴特勒(Jill Butler)在《通用设计法则》(Universal Principles of Design)中提到,所有的设计都应该宽容用户所犯的错。
参考:52 Design Principles 40条
 四、一致性和标准化原则(Consistency and standards)
遵循平台的惯例。也就是同一用语、功能、操作,保持一致。
  • 解读与案例
案例一:用户使用互联网已形成固定的心理模型,此时应使用用户熟悉的UI概念、操作和表述,能够减少用户的认知负担,例如各平台的左滑删除操作。
微博
微博
Collect
案例二:制定设计规范,可以从宏观统一系统的文字、颜色、间距、操作等,使其具有一致性,在产品中同一层级的模块应该使用一致的设计语言。
Apple iOS UI
Apple iOS UI
Collect
  • 延展
恒常性
人们每天都在使用各种各样的电子产品,用户对其他产品的体验设定了他们的期望,不应该让用户怀疑不同的话语、场景或行为是否在表达同样的一件事情,未能保持一致性可能会迫使用户学习新事物,从而增加他们的认知负担,因此系统设计需要遵循平台规则,保持一致性。
参考:52 Design Principles 29、35条
52 Design Principles
52 Design Principles
Collect
单纯接触效应
人们会单纯因为自己熟悉某个事物而产生的好感。它表明某一外在刺激,仅仅因为呈现的次数越频繁,个体对该刺激将越喜欢。
参考:认知偏差知识手册-飞书 27条
五、防错原则(Error prevention)
更用心的设计防止这类问题发生,在用户可能犯错时进行提醒,比如删除可能造成的后果。
  • 解读与案例
案例一:例如登录页面 ,在未填写手机号和验证码的情况下,登录/注册按钮为置灰状态,防止用户误操作。 
站酷
站酷
Collect
案例二:例如微信朋友圈文章取消发布时出现的重复确认弹窗。
微信
微信
Collect
  • 延展
确认性操作
在大部分数字产品中都会运用到的设计,为了提醒用户并给予用户缓冲时间,会在关键信息提交前,系统自动跳出弹窗给用户进行二次确认,问其是否继续执行刚做出的指令。这能有效的避免用户操作失误而导致的麻烦。
参考:52 Design Principles 23条
六、协助记忆原则(Recognition rather than recall)
尽量减少用户对操作目标的记忆负荷,动作和选项都应该是可见的。用户不必记住一个页面到另一个页面的信息。系统的使用说明应该是可见的或者是容易获取的。
  • 解读与案例
例如支付宝理财中的新闻,相比较模态弹窗,更加轻量,能够给予用户信息的同时不打断用户现有操作。
支付宝
支付宝
Collect
  • 延展
米勒定律
从心理学的角度来看,人类处理信息的能力是有限的。这是由美国科学家乔治·A·米勒(George A. Miller)于 1956 年提出,由于短期记忆储存空间的限制,人的大脑最多同时处理 5 到 9 个信息,超过 9 个信息时极易出错,后来也被称为「7 ± 2 法则」。后来尼尔森·考恩(Nelson Cowan)在 2010 年发表的文章中质疑了定律中的数字 7,他进行了深入研究后发现对于年轻人,短时记忆的组块数量大约在 4 个左右。
参考:52 Design Principles 10 条
七、灵活高效原则(Flexibility and efficiency of use)
允许用户进行频繁的操作。 更加便捷灵活的代码和反馈。
  • 解读与案例
案例一:微信聊天表情的“最近使用”功能,用户能够快速地找到常用表情。
微信
微信
Collect
案例二:京东我的订单页面的再次购买功能,用户能够快速进入到需要多次购买物品的订单交易页面。
京东
京东
Collect
  • 延展
帕累托法则
又称二八定律,指大部分系统中的少数变量决定了多数结果,需要识别并提取最重要的 20%。该定律由约瑟夫·朱兰(Joseph M. Juran)根据意大利经济学家帕累托(Vilfredo Pareto)观察到的现象 —— 意大利约有 80% 的土地由 20% 的人口所有,80% 的豌豆产量来自 20% 的植株 —— 发展而来。
表单设计中,可以默认选中一个最常用的选项,提高用户的填写效率和用户体验。
参考:52 Design Principles 1 条
52 Design Principles
52 Design Principles
Collect
八、审美和简约设计原则(Aesthetic and minimalist design)
不应该包含无关紧要的信息。
  • 解读与案例
例如飞书云文档工具栏,将低频的操作统一收在“更多”按钮中,保证页面简洁,避免一次性给用户暴露太多信息。
飞书云文档
飞书云文档
Collect
  • 延展
多功能代价
产品的功能增多,可以满足更多用户需求,但可用性和操作性会降低。威廉·里德维尔(William Lidwell)、克里蒂娜·霍顿(Kritina Holden)和吉尔·巴特勒(Jill Butler)在《通用设计法则》(Universal Principles of Design)中提到,瑞士军刀包含多种工具,灵活性强,但对于单功能的工具而言,这套工具的使用性很差。
参考:52 Design Principles 2 条
渐进呈现
在交互设计中,为了减轻用户在浏览大量信息时的压力,通过逐步披露信息的方式来改善用户体验。这是 1980 年代之前就存在的概念,信息科学家杰克·卡罗尔(Jack Carroll)1983 年在 IBM 实验室工作时,使此概念引起了用户体验专家们的关注。
参考:认知偏差知识手册-飞书 27条
九、容错原则(Help users recognize, diagnose, and recover from errors )
错误信息应该用语言表达(不要用代码),较准确地反应问题所在,并且提出一个建设性的解决方案。比如404。
  • 解读与案例
例如当登录页面手机号输入错误时,会出现错误提示与原因。
蓝湖
蓝湖
Collect
  • 延展
不明确性效应
我们倾向于避免未知,决策时避开资讯不足的选项,通过添加明确的细节来最大程度地减少歧义。
参考:认知偏差知识手册-飞书 1 条
十、人性化帮助原则(Help and documentation)
有必要提供帮助和文档。任何信息应容易去搜索,专注于用户的任务,列出具体的步骤来进行。帮助性提示最好的方式是:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档。
  • 解读与案例
案例一:例如浏览器搜索输入的联想功能,在用户不知如何清晰描述问题时,输入关键词就能够得到多条相关词条入口。
浏览器
浏览器
Collect
案例二:例如飞书系统新手引导功能,对于功能庞杂的系统,清晰明了的新手指引能够很好地帮助用户熟悉功能、完成目标,缓解用户焦虑。
飞书
飞书
Collect
  • 延展
忽略可能性
当我们承受压力时,我们没有想到风险发生的可能性。结果,较小的风险可能会被高估或被忽略。
在转换中,不确定性可能导致用户对产品不信任并停止使用。需要确保所有细节均需清晰明了,预先显示,尤其是与金钱相关。
参考:认知偏差知识手册-飞书 29条
认知偏差知识手册
认知偏差知识手册
Collect
泰斯勒定律
又称「复杂度守恒定律」,是指一个系统中有一定程度的复杂性是无法被降低的,内在的复杂度只能通过产品设计去设法平衡和转移。该定律由拉里·泰斯勒(Larry Tesler)提出,他认为工程师应该多花一周来降低应用程序的复杂性,而不是让数百万用户因为复杂性多花一分钟。
参考:52 Design Principles 11 条
0
Report
|
1
Share
相关推荐
EnerOS|VPP&能源可视化操作系统
Homepage recommendation
内容含视频
华为项目——Ai智慧网图
Homepage recommendation
内容含视频
交互
交互
交互
交互
作品收藏夹
(交互)大屏工具-设计器改版
Homepage recommendation
内容含视频
抖音钱包2024年度账单
Homepage recommendation
内容含视频
设置项2.0系统迭代
Homepage recommendation
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
字体设计CN(2025) Vol.06
Homepage recommendation
水墨动物插画日历
Homepage recommendation
相关收藏夹
交互
交互
交互
交互
作品收藏夹
餐饮案例
餐饮案例
餐饮案例
餐饮案例
精选收藏夹
作品收藏夹
视觉包装设计
视觉包装设计
视觉包装设计
视觉包装设计
精选收藏夹
作品收藏夹
拟人化
拟人化
拟人化
拟人化
精选收藏夹
作品收藏夹
国潮&国风
国潮&国风
国潮&国风
国潮&国风
精选收藏夹
作品收藏夹
【作品集】优秀作品鉴
【作品集】优秀作品鉴
【作品集】优秀作品鉴
【作品集】优秀作品鉴
精选收藏夹
作品收藏夹
大家都在看
Log in