UX 设计入门:Affordances 和 Signifiers
UX 设计是创建用户友好界面的重要方面。UX 设计中的两个关键概念是affordances和signifiers。在本文中,我们将探讨affordances和signifiers是什么,它们在UX设计中的应用,以及它们对创建直观用户界面的重要性。
什么是 Affordances?
Affordance 是一个视觉提示,暗示对象或界面元素的使用方式。它是允许用户执行特定操作的对象的属性。例如,具有圆角矩形形状和轻微阴影效果的按钮可能暗示它可以被点击。Affordances 不限于数字界面;在日常对象中也可以找到。例如,一把椅子的形状暗示它可以坐。
什么是 Signifiers?
Signifier 是一个视觉或听觉提示,传达对象或界面元素的意义或目的。它帮助用户理解affordance的作用。Signifiers 可以是图标、文本、颜色或声音,为affordance提供额外的上下文。例如,搜索按钮上的放大镜图标是一个signifier,表明按钮用于搜索。
Signifiers 为affordances提供额外的上下文
Affordances 和 Signifiers 在 UX 设计中的应用
Affordances 和 Signifiers 结合使用,以创建直观的用户界面。Affordances 提供一个视觉提示,暗示对象或界面元素的使用方式,而 Signokers 提供额外的上下文,帮助用户理解affordance的作用。例如,带有图表的滑块是一个affordance,暗示它可用于调整值。比例尺两端的数字是signifiers,表明最小值和最大值。
Affordances 和 Signifiers 协同工作以创建直观的界面
Affordances 和 Signifiers 的常见示例
一些常见的affordances和signifiers示例包括:
- 带有图标或文本的按钮,暗示其用途
- 带有图表或数字的滑块,指示其范围
- 带有放大镜图标或占位符文本的搜索栏,暗示其用途
- 带有图标或文本的聊天机器人输入提示,指示其用途
聊天机器人使用affordances和signifiers创建直观的界面
结论
Affordances 和 Signifiers 是 UX 设计中不可或缺的概念,帮助创建直观的用户界面。通过有效地使用affordances和signifiers,设计师可以创建易于使用和理解的界面。记住,affordances提供一个视觉提示,暗示对象或界面元素的使用方式,而signifiers提供额外的上下文,帮助用户理解affordance的作用。
额外资源
有关UX设计和affordances的更多信息,请查阅以下资源:
最后的话
Affordances 和 signifiers 是 UX 设计中的强大工具,可以帮助创建直观的用户界面。通过有效地使用它们,设计师可以创建易于使用和理解的界面。始终记住以用户为中心,设计时考虑他们的需求和目标。
额外技巧
有关更多关于UX设计和affordances的技巧,请查看以下视频: