现在申请

UI/UX入门系列(三)|UI/UX的10个设计灵感

通过Jackob的10个灵感总结,结合现实生活中的一些用户体验设计,来讲一讲我们数字世界中同样值得遵守的几个设计法则。

UI/UX入门系列(三)|UI/UX的10个设计灵感
分享文章
欢迎大家来到UI/UX入门系列的最终章!

前两期,我们聊到了什么是UI/UX设计以及几个好的UI设计的案例。想必对很多人来说,UI设计能还是一个抽象的概念。

今天我们就来通过Jackob的10个灵感总结,结合现实生活中的一些用户体验设计,来讲一讲我们数字世界中同样值得遵守的几个设计法则
nngroup.com


1. 让用户了解这是哪一步

设计要能通过正确实时的反馈让用户知道发生了什么,这样他们会有一个合理期待,并且知道在下一步交互之前应该做什么。可预测的互动能够让用户建立对产品和品牌的信任。

nngroup.com
举个例子🌰 购物中心地图上的“你的位置在这里”的显示,让人清楚了解他们现在的位置,才能更好做出决定,下一步怎么走。


TIPS

 

2. 说用户的语言

设计应该使用用户的语言。通过用户熟悉的词汇、短语和概念,而不要使用内部技术术语。要遵循这个世界的原则,让信息自然而有逻辑地出现。


内部看似清晰的一些术语、概念和图标,可能会让用户感到很困惑。当设计组建能够遵循现实世界的沟通方式的时候,用户可以更轻松地学习并记住整个界面的工作方式,从而让体验更加直观。

nngroup.com
举个例子🌰 当炉子的加热元件和控制的按钮布局相对应的时候,用户可以直接快速地知道哪个按钮操控哪个。


TIPS

3. 让用户决定,给用户自由

用户的很多时候会犯错,他们需要一个明显的“紧急出口”,能够快速地退出错误的操作。如果软件中的返回或者退出的选择明显直观,可以个人一种自由的感觉。给用户出口,让他们来决定如何操控。

nngroup.com
举个例子🌰 数字世界里,也要和生活场景中一样,有快速便捷的”紧急出口“。


TIPS


4. 按规矩来,保持一致性

使用符合行业标准的词汇和表达方式,让用户花最少的时间,来熟悉和适应产品的风格和调性。雅各布法则指出,人们大部分时间都在使用其他数字产品而不是你的产品。市场上所有的产品让用户设定了他们的期望。设计师应该通过保持一致性,减少用户学习新规则的认知负担。
nngroup.com
举个例子🌰 签到台通常都在酒店大堂显眼的位置,这样的一致性符合了用户的期望。


TIPS


5. 预防问题的发生

好的设计先要预防问题的发生。要么消除容易出错的条件,要么检查以后和用户进行确认再进行操作。


两种错误类型:不小心滑到和犯错。第一种是无意识的错误,第二种则是基于用户的心理模型与设计之间不匹配而产生的有意识的错误。

nng.com

举个例子🌰  蜿蜒曲折的山路上设置护栏可防止车子的滑落。


TIPS

6. 用户记不住太多东西

通过使用一些元素、行为和可见选项来最大程度地减少用户的记忆负载。不能以来用户去记住所有界面上的信息,所需的信息(例如字段标签或菜单栏)应随时可见或在需要时易于检索。人类的短期记忆有限,能够帮助认知的界面减少了用户所需的认知工作量。
nngroup.com
举个例子🌰 对于大多数人来说,识别国家首都更容易,而不是记住它们。人们需要回答的不是日本的首都是哪里?而是东京是日本的首都吗? 

TIPS


7. 保持灵活高效

通过提供捷径,为高级熟练的用户加快他们的交互速度,让设计可以满足不同经验程度的用户需求。让操作方式更灵活地执行,以便人们可以选择最适用于他们的方法。
nngroup.com
举个例子🌰 地图上会显示常规路线,但是老司机总是知道哪条小路开得更快。

 
TIPS


8. 好看又简单

不要放没用的信息,每个额外的信息点都会分散人们的注意力,从而降低用户对于真正有效信息的关注度。设计师应该确保所有内容和视觉设计都在突出重点。
nngroup.com
举个例子🌰 好看的水壶有时候并不实用,手柄握着不舒服,或是壶口很难洗。有时候水壶,就应该简单点啊。


TIPS


9. 帮助用户从哪里跌倒,就从哪里站起来

错误提示应该简单明了,准确地指出问题所在并为用户提出解决方案。设计师对这些错误消息应该进行视觉处理,来帮助用户注意和识别到它们。
nngroup.com

举个例子🌰  “此路不通”的道路指示牌可以提示驾驶员,让他们重新调整方向。
 

TIPS


10. 帮助指南

好的产品应该是不需要额外说明书的。但是,提供一些指示和说明来帮助用户更好地完成他们的任务还是比较周全的。用户指南部分的内容应该易于搜索,把关注点放在用户的目的和任务上,并列出详细清晰的用户行为步骤。
nngroup.com

举个例子🌰  机场的询问台很容易识别,能够帮助快速解答客户的问题。


TIPS
Le Wagon


下周六晚,来Le Wagon上海和深圳编程训练营的学员展示日看看我们学员产品的UI/UX设计吧!欢迎大家扫码下方图片进行报名哦!

Le Wagon Shanghai Demo Day
Le Wagon Shenzhen Demo Day
2021年想要在数字世界一展身手,探索一种新的职业可能或是提升你的技术技能?现在报名沃耕编程训练营,即可享受10%的早鸟优惠哦!


对UI/UX设计感兴趣?想要学习怎么做出好看又实用的设计?在我们全栈网络开发课程的设计模块中,我们会详细带你入门UI/UX设计,仔细分析各种优秀案例,教你如何做出一款能够满足客户需求的设计。
想进一步了解Le Wagon编程训练营?
Go further illustration

准备好学习编程了吗?

我们分布在全世界40个城市。

Laptop illustration