打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
浅析交互设计的10种通用启发性原则,内附交互设计方法学习海报
本文UXD将为同学们讲解由NN Group的Jakob Nielsen分享的交互设计的10条一般性通用原则。我们称之为“启发式”法则,因为它们是广泛的经验法则,而不是特定的可用性准则。

文末扫码可获10种可用性法则海报文件


-01-
认可而避免回忆

通过使元素,操作和选项可见,最大程度地减少用户的记忆负载。用户不必记住界面之间或变化的元素,使用例如字段标签或菜单项在需要时易于用户进行检索。人类的短期记忆有限,促进识别的界面可以减少用户所需的认知工作量。


示例:
对于大多数人来说,识别国家的首都更容易,而不用记住它们。人们更有可能正确回答以下问题:里斯本是葡萄牙的首都吗?而不是葡萄牙的首都是什么?

Tips:
·让人们识别界面中的信息,而不必记住(“回忆”)它。
·在上下文中提供帮助,而不是给用户提供冗长的教程以供记忆。
·减少用户必须记住的信息。



-02-
用户控制和自由

用户经常错误地执行操作,所以他们需要一个类似“紧急出口”的控件,即无需执行扩展过程便可退出不需要的操作。当人们很容易就可以退出流程或撤消某项操作时,就会培养出一种自由和自信的感觉,同时使用户能够轻松控制系统。


示例:
数字空间也像物理空间一样,需要一个快速的“紧急出口”。 

Tips:
·支持撤消重做
·显示取消退出当前交互的清晰方法,例如“取消”按钮
·确保出口处有清晰且可被发现的标签。


-03-
一致性和标准

遵循平台和行业的惯例,这样用户就不必怀疑不同的词语,情况或动作是否意味着同一件事。人们会将大部分时间花在使用数字产品上而不是研究你的产品上。用户对其他产品的体验设定了他们的期望,无法保持一致性可能会由于迫使用户学习新知识而增加他们的认知负担。


示例:
接待通常位于酒店大堂的前面,这种一致性满足了客户的期望。

Tips:
·通过保持内部和外部两种类型的一致性来提高学习能力
·在单个产品或产品系列中保持一致性(内部一致性)。
·遵循既定的行业惯例(外部一致性)。


-04-
与现实世界的匹配

在设计中,应使用用户熟悉的单词,短语和概念,而不要使用内部术语。遵循现实世界的惯例,使信息以自然和逻辑的顺序出现。你的设计方式在很大程度上取决于你的特定用户,设计师常用的术语,概念,图标和图像可能使用户因为不熟悉而感到困惑。当设计的控件遵循现实世界的约定并与所需的结果相对应时(称为自然映射),用户可以更轻松地学习和记住界面的工作方式,这有助于建立一种直观的体验。


示例:
当炉灶控件与加热元件的布局进行匹配,用户可以快速了解哪个控件映射到哪个加热元件。

Tips:
·确保用户可以理解含义,而不必去查找单词的定义。
·永远不要认为你对单词或概念的理解会与你的用户相匹配。
·用户研究将帮助你发现用户熟悉的术语以及他们围绕重要概念的思维模式。


-05-
帮助用户诊断错误并从错误中恢

错误消息应该用简单的语言表达,准确指出问题所在,并建设性地提出解决方案。 还应该对这些错误消息进行可视化处理,以帮助用户注意到并识别它们。


示例:
道路上的路标会提醒驾驶员,他们朝错误的方向行驶并要求他们停车。 

Tips:
·使用传统的错误消息视觉效果,例如粗体,红色文本。
·告诉用户他们理解的语言出了什么问题,避免使用技术术语。
·为用户提供解决方案,例如可以立即解决错误的快捷方式。

-06-
美学和简约设计

界面中的每个附加信息单元将与相关信息单元竞争,从而降低其相对可见性。 这种启发式方法并不意味着您必须使用图形设计,而是要确保内容和视觉设计始终专注于基本元素,并且界面的视觉元素可以支持用户的主要目标。


示例:
一个华丽的茶壶可能因为过度的装饰元素,可以提高可用性干扰,如不舒服的手柄或难洗喷嘴。 

Tips:
·保持UI内容视觉设计集中在要素上。
·不要让不必要的元素分散用户真正所需的信息。
·优先考虑内容和功能以支持主要目标。


-07-
强调灵活性和效率

对于新手用户,快捷方式可以加快用户交互速度,因此设计可以同时满足没有经验的用户和有经验的用户。 允许用户根据操作频率创建快捷方式,活动可以以不同的方式执行,因此人们可以选择适合他们的任何方法。


示例:
常规路线在地图上列出,但是对该地区有更多了解的当地人可以使用捷径路径。 

Tips:
·提供键盘快捷键和触摸手势等加速器
·通过为单个用户量身定制内容和功能来提供个性化设置。
·允许自定义,因此用户可以选择他们希望产品如何工作。


-08-
系统状态的可见性

可预测的交互可建立用户对产品和品牌的信任。 设计需要传递适当的反馈,并让用户了解在合理的时间内发生了什么。 当用户了解当前系统的状态时,他们将了解其先前交互的结果并确定下一步。

示例:
购物中心地图上的“您在这里”指示器向游客展示了他们目前的位置,以帮助他们了解下一步的发展。

Tips:

·向用户清楚地传达系统状态是什么,在没有通知用户的情况下,请勿采取任何对用户造成影响的行动。

·尽快将反馈呈现给用户。

·通过开放和不断的沟通建立信任


-09-
错误预防

错误消息的提示非常重要,但是最佳的设计必须首先仔细防止问题发生。消除容易出错的条件,或者检查错误,并在执行操作之前为用户提供确认选项。错误有两种:无意识的和有意识的。无意识的错误是由于疏忽造成的;有意识的错误是由用户的心理模型与设计之间的不匹配引起的。


示例:
护栏上弯曲的山路防止司机掉落悬崖。 

Tips:
·优先考虑你的工作:先预防高成本的错误,然后防止小的失误。
·通过提供有用的约束和良好的默认值来避免失误
·通过消除内存负担,支持撤消操作和警告用户来防止错误


-10-
帮助和文档

最好的系统不需要任何其他解释。但是,可能有必要提供文档以帮助用户了解如何完成其任务。帮助和文档内容应易于搜索,并专注于用户的任务。文字简洁明了,并列出了需要执行的特定步骤。


示例:
机场的信息亭很容易识别,可以立即解决客户的问题。 

Tips:
·确保帮助文档易于搜索
·只要有可能,就在用户需要时立即在上下文中显示文档。
·列出要执行的具体步骤。

10种可用性法则海报文件

以上的10种可用性启发法我们给大家整理出了一个合集,每个板块都有一个海报,扫码添加小助手获取完整版。

扫码获取完整版海报PDF



UXD交互工业产品设计学院是尤克斯国际旗下的一家专注于交互、服务、工业、产品设计专业的顶级设计学院。除了一对一设计课、基础技能课程、小组课题、设计评图、联合教学外,我们提供不定主题的公开课和内部小组课,教学计划课程由三大部分组成,包括基础软件技能教学、设计理论系统讲座、申请必备知识解析等。



LOCATION
上海市徐汇区西岸创意园2栋 六楼
TEL:13641963425

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
干货|尼尔森十大可用性原则案例解析
关于B端产品的用户体验,你要知道这些! | 人人都是产品经理
这 10 个交互设计原则,你最好永远不要打破
YES SHARE |探索用户体验设计中多学科结合的人为因素原则
活动:设计用户界面原型
案例 | 尼尔森十大可用性原则
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服