每个设计师都应该知道的10个可用性启发

用户头像
长沙/插画师/6年前/221浏览
每个设计师都应该知道的10个可用性启发
用户头像
zeluola

原文作者:Michal Langmajer 阅读约需9分钟

      25年前,Jakob Nielsen描述了交互设计的10条基本原则。这些原则是在可用性工程领域多年经验的基础上发展起来的,并且它们已经成为人机交互的经验法则。

      而于当今,它们也同样重要。它们可以帮助开发团队在早期的可用性测试中节省大量的时间,这样他们就可以将他们的注意力转移到更复杂的设计挑战上。此外,在设计新产品或功能时,它们也可以用来作为测试清单。

1 系统状态的可见性


      人们都喜欢事物在可控制范畴之内,只有这样他们才能得到安全感。从进化的角度来看,人类对于安全和生理上的需求(比如食物、睡眠和性)帮助我们生存了下来。每次交互后提供系统状态和反馈信息,可以激发控制感。

      看看你的智能手机。屏幕一亮,他就会告诉你关于它的电池、wifi连接、收到的信息、错过的电话等等。想象一下,如果没有这些信息,你会感到多么的不安。通过使用符号、图标和指示,系统可以传达它的状态,并帮助用户做出更好、更明智的决定。

      当用户在操作任一系统时,系统应该提供关于交互的即时反馈。我们每个人都曾被糟糕的用户体验所伤害,这让我们习惯先入为主的对系统抱有怀疑和不确定。简单的运用视觉符号,比如按钮颜色的变化、一个加载旋转或者说一个图标动画就可以帮助用户理解发生了什么,并阻止他们进行其他不必要的交互。



2 系统与现实世界的匹配


      人们在接触到每一个新系统的时候,脑子里都有一个思维模型。换句话说,人们是基于自己使用其他类似系统的经验来推测这个新的系统是如何工作的。通过使用他们熟悉的语言,可以帮助用户克服最初的尴尬。

      一个极端的例子是拟物态设计,它将现实世界中物体的所有细节都转移到软件中。在智能手机应用的初期,它帮助人们通过他们之前熟悉的美学形式和工作流程来学习如何使用他们的新伙伴。

      即使在今天这个倡导极简主义的世界里,也从那个时代延续下了几十条设计思路:指南针或计算器之类的应用程序,文件夹、开关或锁的图标之类的设计组件。此外,来自真实世界的语言和概念也能够帮助用户轻松了解应用系统。这就是为什么存储卡片的应用程序被称为“钱包”,我们使用“书签”来保存我们最喜欢的网站,我们使用“垃圾桶”来删除旧文件,或在网上购物时使用“购物车”。

与现实事物匹配的图标



3 用户控制与自由


      人们与系统的交互往往非常的快速,而且很多时候,他们甚至没有完全集中注意力。这会导致诸如误点或其他可能令人沮丧的状况。想象一下如果出现这样的情况:一个重要文件被意外删除,或者你的公司在社交媒体上发布了一个语法错误的动态;每个系统都应该有一个明确的“紧急出口”机制,在用户发现自己处于不想要的状态后,可以方便地返回。


                                                     “每个系统都应该有一个明确的紧急出口。”


      适当的紧急出口可以是简单的箭头返回(例如在浏览器中)、垃圾桶(防止意外删除)或“撤消”按钮(允许用户还原最后一个操作)。所有这些例子都表明,当用户犯错误时,系统不会让用户沮丧,相反,它们允许用户纠正错误。



4 一致性和标准性

 

      你是否注意到无论你使用什么应用程序,复制粘贴功能的工作原理都是一样的?又例如说,你可以通过简单地从底部边缘向上滑动来进入主屏幕呢?这是两种可用性模型,苹果用它们来让用户的系统保持一致和可预测。一个可被理解的系统不应该使用不同的词汇、视觉或动作来表达相同的概念而使用户感到困惑。


                                        “别忘了,人们90%的时间都花在了与其他应用程序的交互上。”


      如何让你的移动应用程序拥有一个一致的设计系统?无论是苹果的人机界面交互指南还是谷歌的Material Design设计指南,都是一个很好的研究起点。他们通过许多案例来描述讲解了重要的设计组件,这为我们的设计提供了坚实的基础。在设计新应用程序时,不要忘记人们90%的时间都花在与其他应用程序的交互上,因此使用最优实践和常见模式最终会带来更好的整体体验。一致性是可用性最强的贡献者之一。



5 预防错误的发生


      根据唐·诺曼(Don Norman)的《日常事物的设计》(The Design of Everyday Things)书中所说,与用户界面交互会产生两种错误:误操作和错误理解。

当用户倾向于执行某个操作,但由于注意力不集中而执行成另一个操作时(例如,当        执行用户熟知的任务时),就会发生误操作。防止用户误操作的策略是只引导他们进行安全的操作,从而将误操作发生的几率降到最低。使用一定的约束以避免用户去设置错误的值(比如说,当你希望用户填写一个数字,而不是一段文字时),建议用最常见的选项去让用户进行简单的选择(比如说在搜索时),或者说在用户进行危险的操作时使用对话框确认。

                                                        网页端的Gmail有智能防误操作功能。

                                               遗憾的是,在移动端的应用程序就缺少这个功能。


      错误理解通常是由于用户对系统的工作原理有不正确的心理模型造成的。在这种情况下,用户误解了弹框的信息,并有意识的执行了操作,从而导致了与预期不同的结果。这一类型的错误通常不容易修复,它们应该在用户测试阶段就被发现。系统应该运用清晰的对话和一致的设计去避免这一类型的错误。

   

     


6 识别优于回忆


      记忆检索分为两种类型:识别和回忆。当你很容易认出你熟悉的某个人或者某个物体时,识别就会发生。这是一种非常简单的从记忆中检索的方式,不需要做任何工作。当你必须在你的记忆中找到很少使用的信息(例如:名字、年份、细节等)时,人们必须激活更多层次的检索,需要进行更多的工作。(这就是为什么考试中的多项选择题比开放题更容易回答的原因。)

      一个好的用户界面不需要用户频繁地回忆。相反,它提供了作出选择所需的所有选项和信息。快速浏览图标或文本菜单并选择一个想要的功能,要比试图从记忆中回忆并将其写入类似终端的文本界面容易的多。为用户提供记住信息的线索,并在功能名称旁边提供图标,或为相类似的功能选定特定的颜色。此外,设计良好的信息体系结构还有助于寻找讯息。

不熟悉代码的用户无法像打开或删除文件那样轻松地执行操作



7 灵活性与使用效率


      每个用户都是独一无二的,每个人都有不同的需求和技能。同样,每个任务都是独一无二的,它们都需要不同的控件。

      清理界面,让应用程序更容易导航。应用程序应该始终只显示相关的UI元素和命令。看看Apple和G-Drive等应用程序;在编写文档时,只会看到几个与文本编辑相关的控制按钮。但是,当你决定添加一个额外的图表时,一个全新的、专门用来帮助您完成此任务的功能面板就会出现。

      不要忽略专业人士和高级用户!当一个新用户进入学习曲线,总是会有不同的需求,而专业人士每天会使用它几个小时。高级用户可能喜欢高级选项、快捷方式,甚至是应用程序界面的可扩展性和定制性。高级用户需要节省时间并快速、准确、可靠地执行任务。一个好的用户界面应该为没有经验和有经验的用户提供合适的功能。

                                                                 高级的photoshop快捷键



8 美学和极简主义的设计


      极简主义不仅是最近几年的一种时尚,而且它肯定是一种持久的趋势,其目的是将对一个主题的描述减少到其必要的元素。它在艺术,音乐和文学中有许多的应用。极简主义帮助用户快速访问重要信息并得到结果。

“完美的实现,不是因为没有什么可以补充,而是因为没有什么可以带走。”——圣埃克苏佩里

      为了突出其余的内容,只能使用空格。它有助于提高内容的可读性,突出对操作的调用,并创建一个平衡和愉快的外观。最小的设计只使用必要的颜色来支持视觉层次。思考每种颜色的目的并令其富有意义,然后统一地去使用它。



9 帮助用户认识、诊断错误并恢复


      任何类型的错误和问题都会让用户感到沮丧。尤其是当它们的设计和沟通都非常糟糕的时候。无论我们愿意与否,用户总是让自己陷入需要找到出路的境地。为了使这种挫折感降到最低,我们应该在错误的设计上投入与系统其他部分同样多的精力。

      每一个错误信息都应该尽可能的清晰和准确。没有人愿意阅读像“有些东西出了问题”这样的含糊不清的信息。用可读的人类语言陈述发生了什么,比如说像“错误372”这样的信息就是荒谬的。正确的错误提示消息应该就下一步该做什么给用户一些建设性的建议,提出解决问题的方法,或者将用户导向能够处理这种情况的客服。好的错误消息的最后一条规则是礼貌,永远不要责怪用户或者暗示他们很愚蠢。

                                 优秀的错误提示案例:                                       错误的提示示例:

                            能够立即提供下一步的操作                                 这样的提示对于用户来

                                                                                                 说不仅不清晰而且无用



10 帮助文档和使用手册


      每一个应用都应该致力于在不需要任何文档的情况下完全可用,但是正如我们前面提到的,每一个用户都有不同的技能和知识水平,对于90%的用户来说容易的东西对于剩下的10%来说可能很难。良好的书面文档、常见问题和教程可能对留住晕头转向的用户至关重要。

      文档应该有良好的结构,使用人类语言编写,并且尽量简化。有时,用户不需要很多的文档;一个简单的说明新功能该如何使用的指导标志,或是一份简要的新手指引就足够了。Trello、Slack和Duolingo等应用在用户登录方面就做得很好。


4
阅读原文
|
举报
|
4
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
新拟态风格 UI设计组件库
Security Camera UI kit
抽象液态渐变UI背景模版
【新年UI图标】钱包icon
拟物风质感写实UI卡片合集源文件
钱包ui模板
智能家居中心 简约 UI设计组件库
UI应用平面图标
【新年UI图标】30个图标
盲盒APP UI设计
高级感金属拟物 UI设计组件库
【新年UI图标】银行卡icon
UI通用设计素材1
3D渐变流体抽象矢量UI背景图
UI 登录界面设计模板包
科技医疗透明柜UI界面设计
UI界面 组件
新能源APP应用UIKit
【新年UI图标】秒杀icon
【新年UI图标】珠宝icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
高级表盘系列UI源文件
3D卡通UI界面图标可爱插画免扣素
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册