恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
这10条交互设计规则,你必须得遵守
0.0°
2020-06-28 自译外文 经验/观点 原作者: Cristian Bosch 举报 3259 27 23 2

生活中,有某些规则是你不能违背的。同样,在用户界面设计中,也存在一些规则,它们被称为原则。


它们是经过反复测试的可重复模式,可帮助用户导航界面。设计师精心设计的界面将始终考虑以下原则,而设计不当的界面肯定会缺少这些原则中的一项或多项。如果你是UI设计师,违反这些规则之一,将会让用户感到头疼。接下来,让我们来看看有哪些原则:


1.系统状态的可见性

系统应始终在合理的时间内通过适当的反馈使用户了解发生的情况。


始终为您的用户提供适当的信息,提示和上下文,以便他们始终知道他们在系统中的位置。这使用户可以掌控一切,并知道下一步该怎么做。该商品是否已添加到购物车?修改是否保存?此过程需要多长时间?我的订单状态如何?现在发生了什么?始终为用户回答此类问题,切勿让他们猜测或在黑暗中。


2.系统与现实世界之间的匹配

系统应该使用用户熟悉的单词,短语和概念来讲用户的语言,而不是面向系统的术语。遵循现实世界的惯例,使信息以自然和逻辑的顺序出现。


使用熟悉的单词和语言。不要使用户的用语过于复杂。屏幕上的单词或图标的含义应清晰易懂,便于目标受众理解。人们还带有心理模型和经验,使他们能够解释模式。


当引入图形用户界面时,技术上的最大进步之一就出现了。在GUI之前,计算机屏幕仅限于模糊的文本命令以记住并在每次想要执行操作时重复,屏幕上几乎没有显示文件夹和文件以及手形光标的图像这些让人们立即理解的视觉符号。这些让用户在使用时对操作的理解需要耗费大量精力。

3.一致性和标准

用户不必怀疑不同的词语,情况或动作是否意味着同一件事。


有两种类型的一致性:内部和外部。


内部一致性是指网站或应用内的模式。这可以很简单,例如在所有页面上使链接保持相同的颜色,或对同一概念使用相同的图标表示相同的概念,例如HOME。


外部一致性是指大多数人使用的其他软件和系统中使用的约定,例如购物车。大多数人都熟悉购物车的工作方式。你无需重新发明轮子。如果这样做,可能会使用户更难了解购物车的工作方式。保持一致并避免用户不必要的混乱。 

4.用户控制与自由

用户通常会错误地选择系统功能,并且需要明确标记的“紧急出口”以离开不需要的状态,而无需进行长时间的对话才能支持撤消和重做。


始终提供出路,切勿强迫用户执行不需要的功能或使他们陷入困境。例如,如果你正在设计结帐流程,请让用户根据需要继续购物。如果他们尝试在应用上执行操作,请让不确定的用户取消操作,直到最后一分钟。 

5.错误预防

消除容易出错的条件,或者检查条件,并在用户执行操作之前向其提供确认选项。 


当系统操作很关键时,例如删除文件或向1,000个收件人发送电子邮件活动,请确保用户知道他们将做一些重要的事情。向他们显示确认对话或提供其他信息,以明确定义在执行该操作之前将要发生的情况。如果不确定自己的行动,这将阻止他们走得更远。

6.识别而非回忆

用户不必记住从对话的一部分到另一部分的信息。在适当的情况下,系统使用说明应清晰可见或易于检索。 


作为UI设计师,我们的目标之一是减少用户的认知负担。心理记忆是一项巨大的资源消耗。记忆以两种方式起作用:识别和记忆。


识别是你立即熟悉的。像一个人的脸。你看着朋友的脸,就知道自己曾经见过他们。而回忆的方式则有所不同,你必须从记忆中检索的东西,例如一个人的名字。回忆通常会花费更多的时间和工作,因为您的大脑必须处理更多的信息才能解读其内容。另一方面,识别是即时的,我们希望在用户界面中获得更多认可,并减少回忆。


一个很好的UI例子就是使用该功能的通用按钮和图标,例如用于编辑的铅笔。而且,如果你必须设计大多数人以前从未见过的新图标,请使用文本描述符来阐明和减轻认知负担。

7.灵活性和使用效率

在你的应用程序或系统中一遍又一遍地重复某些任务时,你可能希望使用户的交互更加有效。例如,使用滑动手势在移动应用程序上的列表中保存或删除项目。删除项目的通常方法是打开一个项目,然后按Delete键。专家方式(更高效的方式)是只需滑动并立即从列表中删除和项目。

8.极简设计与美学

对话中不应包含无关紧要或很少需要的信息。对话中每增加一个信息单元都会与相关信息单元竞争,从而降低其相对可见度。 


为艺术而设计时,我们是否要在屏幕上填充纹理和图像都没关系。但是在设计交互时,我们的目标是降低信噪比。这样做使我们的界面更易于用户理解。您可以通过简单地将显示在屏幕上的内容(图像或文本)减少到最低限度来应用此原理,从而使用户可以专注于手头的任务而不会分散注意力。 

9.帮助用户识别,诊断和从错误中恢复

错误消息应使用简单的语言(无代码)表示,准确指示问题并建设性地提出解决方案。


错误会发生。那是不可避免的。用户遇到错误后发生的事情是UI设计者的责任,因此,通过设计易于理解的错误页面和警报并为问题提供选项或解决方案,可以帮助用户。例如,让我们检查无处不在的404页面。作为设计人员,我们知道404错误页面的含义,但用户通常不会。为了帮助用户,我们必须通过添加一些副本来将404转换为简单的英语,以便清楚地说明发生了什么,例如“对不起,但我们找不到您要查找的页面,这是内容相似的网页的一些建议……”。  

10.帮助和文档

即使可以在没有文档的情况下使用系统会更好,但可能仍需要提供帮助和文档。任何此类信息都应该易于搜索,着眼于用户的任务,列出要执行的具体步骤,并且不要太大。


始终明确获得帮助,并将其放在顶部栏或主导航区域中,当用户遇到问题并且无法轻松找到解决方案时,必须将他们定向到可以找到的部分。这可以采用常见问题解答页面的形式,带有一个提供可能建议和答案的搜索框。如果没有可用答案,则系统必须可以选择通过支持票务系统或直接电子邮件或电话直接与支持人员联系以获得更多帮助。  



文章已得到原作者Cristian Bosch翻译授权,如果你阅读后有所收获则感谢原作者的分享,如果翻译的不好仅仅是我个人的能力有限,与原文章无关。

看完点个赞鸭~


Powered by Froala Editor

微信公众号:设计文

更新:2020-06-28

收藏

27人已收藏

溜滑冰

微信公众号:设计文

  • 23

    作品

  • 356

    粉丝

  • 124

    关注

  • 用户体验设计师应了解的6条视觉设计原则
  • 激发用户内部动机,该怎么做?
  • 这些实用小技巧,能快速改善你的UI设计
  • 超全面!「无障碍设计」指南

    猜你喜欢

      2020-06-28 自译外文 经验/观点 原作者: Cristian Bosch 举报 3259 27 23 2

      这10条交互设计规则,你必须得遵守

      0.0°

      你确定要举报这10条交互设计规则,你必须得遵守

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年06月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      23
      27
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录