在物理世界中,"能力"(affordances)被描述为物体的可感知和实际属性或特征,这些属性或特征决定了物体的用途,无需解释:一个硬币槽、一个钥匙孔、一个手提箱的把手、一个门把手;这些日常用品,我们会自动理解它们的用途和使用方法。
在数字世界中,同样的道理,用户体验能力是指网站、应用程序或产品中的交互元素,它们能创造直观的操作,让我们专注于我们需要的内容,而不是平台的操作。
作为用户体验研究人员,我们了解这些直观而创新的功能背后的真正价值和好处,以及它们如何区分视觉设计的强弱。汉堡包菜单、购物车功能、电子邮件或社交媒体图标都是清晰明了的实惠,其预期功能显而易见,使用户的数字互动成为本能和无意识的行为。
然而,作为用户体验研究人员,我们经常发现,如果没有操作者能够理解的必要功能,用户界面很快就会变得混乱或有问题。
通过用户体验研究和测试,我们发现了产品在用户使用过程中存在的问题:
- 不知道该采取什么行动
- 看不到可能的下一步
- 没有认识到可能的结果机会
- 失去对功能的控制
- 失去导航控制
- 对复杂任务失去信心
- 无法发现视觉线索
与所有用户体验和用户界面组件和功能一样,要想切实消除错误和误解,唯一的办法就是通过知情、数据驱动的设计和定期测试。可负担性一词指的是元素的基本属性,主要是指这些基本属性应引导用户沿着指定路线前进,以增强体验。只有通过测试,我们才能知道我们的产品是否符合目的。
国际市场的有效承受能力
无论您是为本地市场、文化市场还是全球市场设计产品,最好的用户友好界面都会采用受众易于识别的各种类型的可负担性,以实现本能的用户互动。在开拓全球市场的过程中,研究和测试发挥着重要作用,因为许多图形或隐喻的可负担性无法成功转换,造成混乱,更有甚者会引起反感。
用户体验设计中 Affordance 的定义和解释
Affordance 是物体的一种属性或特征,它提供了一种提示或视觉线索,让人知道该元素是如何实现特定结果的。
用户体验设计中 Affordance 的重要性
- 引导用户行为 ?设计精良、位置合理的实惠功能能简单直观地将用户引导到他们需要的位置。
- 提高可用性 ?就像实物的可负担性一样,这些往往微小的组件在快速流动的数字体验中发挥着巨大作用,使我们与它们的互动更加轻松。可用性的提高会带来更多的参与和更高的转换率。
- 创造一致的用户体验 ?一致性对于每一个成功的数字界面都至关重要。与用户理解、期待和喜爱的格式保持一致,可确保用户不断重复使用。
- 亲和力提升用户体验 ?我们所做的一切都旨在为客户、顾客和用户提供更好的体验。这些功能为我们提供了方便用户的设计。
- 用户体验和用户界面变得更直观、更易于使用 ?我们工作的真正目标。
用户体验设计中的亲和力类型
显性能力
明确的承受能力会被清楚地标注出来,以确保使用时一目了然,通常会使用图片标签或文字说明。
例如一个带有文字描述的按钮,如 "点击此处获取更多信息"、"添加到购物车 "或 "提交表单"。
隐性能力
隐性负担能力指的是那些没有明显的视觉提示或标签,但由于位置或外观的共同设计而被认为是机会的元素。
例如一排社交媒体图标或客户徽标。
隐藏的能力
在用户采取必要行动将其揭示出来之前,隐藏的负担能力一直处于不可见状态。
例如例如,当用户将鼠标悬停在顶层菜单项上时(或在较小屏幕上点击汉堡包菜单时)会出现一个下拉菜单,或者只有在点击搜索功能图标时才会出现一个文本字段。
图形/隐喻功能
这类负担能力是代表现实生活中对应物的图标或图像。它们可以是图标、插图或照片。
例如放大镜图标可以代表搜索栏,也可以用作缩放功能、电子邮件的信封图标、数字购物篮的购物篮,还可以用作更换语言或地点的标志。
Skeuomorphic Affordances
Skeuomorphic affordances 的外观和操作方式与物理世界中的对应物相似。
例如例如,一本可翻页的电子书、可逐月滚动或翻转的日历或可拖动到新位置的项目。
图案亲和力
模式负担能力依赖于已可识别的用户界面方法和模式。
例如例如,网页顶部或底部的导航菜单、让用户返回主页的网站徽标或代表链接的不同颜色的下划线文本。
消极负担能力
负能力代表不活跃的设计元素。
例如、灰色按钮、自动完成的输入字段或选项卡上剩余的未高亮按钮。
虚假的负担能力
虚假的负担能力看似规定了某种特定的行动,但却提供了与预期不同的东西,或者根本没有提供任何东西。
例如如:不提供可点击链接的彩色下划线文本,或点击后仍可使用的灰色按钮。
设计有效辅助工具的关键原则
以用户为设计中心
研究和测试将显示用户本能地理解哪些版本或选项,从而提供最常规、最成功的结果和回报。为了更好地了解用户,可以定义 "角色",并将设计与 "角色 "相匹配,从而创造出有效的支付能力。
遵循良好的设计规范?一致性、熟悉性和逻辑性
保持在可识别的可承受模式惯例和常见设计惯例的范围内。如果一个新的应用程序或功能所包含的元素符合我们习惯的格式,那么我们就会对它感到熟悉。
可见度和反馈
简洁明了的设计意味着在保持简单的同时,通过元素的承受能力描绘出明确的目标。在用户需要确认或反馈操作时,确保通知功能处于运行状态。
清晰和直观
用户界面的清晰度和直观的操作可以带来从一个操作或区域到另一个操作或区域的无缝用户体验。网站和应用程序应足够直观和熟悉,以引导用户找到所需内容并轻松实现转化。
利用亲和力用户体验的用户界面元素
按钮
按钮是我们最有力的 "行动号召 "元素,因此按钮的作用必须明显且易于识别。形状、大小、颜色、标签、对比度和文案都能发挥其作用。
图标
图标是典型的模式化负担,我们可以通过图标所描述的简单内容识别其功能,例如社交媒体的收藏夹和反应图标、电子邮件、下载或分享图标。尽管品牌风格各不相同,但许多图标都遵循我们自动理解的通用(或至少是地理)格式。
输入字段
我们知道,面对输入框时,我们需要添加数据。这些输入框通常都有一个明确的功能,即用浅色显示样本副本,并在正确完成后发出通知。
动画
动画效果可以向用户展示如何操作特定功能或选项。或者,一个晃动的按钮会告诉我们,我们做错了什么,需要解决问题才能继续,而这一切都不需要冗长的文字说明。
通知
通知功能表示发生了变化或需要进行操作。这种视觉能力可能是表单中已完成输入字段旁边的"√"、购物篮中物品数量的更新或 iPhone 应用程序上的红色数字圆圈。
实施 Affordance 的常见挑战和陷阱
平衡简单与复杂
功能性设计的真正魅力在于其简洁性。然而,每个交互式元素都可以控制复杂得令人难以置信的东西。好的设计艺术意味着要在两者之间找到平衡,以最简单的方式完成最复杂的任务。
避免虚假或误导性情境
虚假的支付能力会误导用户,造成操作上的混乱。我们知道,当遇到问题点时,顾客很容易放弃半满的购物车和应用程序,因此,移除令人困惑的元素或明确指出下一步或隐藏的可负担性实例就变得十分必要。
创建无缝 Affordance 设计的最佳做法
用户研究和测试,实现最佳用户体验
作为用户体验研究人员,我们完全有能力告诉你我们在这一领域的工作有多么重要。在数字产品设计的每一个步骤中,都需要在各个阶段和流程中进行持续的测试和迭代。在用户体验方面,我们的工作内容从简单的A-B测试(提供数据驱动的转换选择)到国际用户体验测试,文化和地理差异可能导致流程、用户界面甚至整个应用程序毫无用处。
了解最新的设计模式和惯例
随着技术和设计的不断发展,设计人员必须走在时代的前列。紧跟流行惯例、新工具、创新和时尚的步伐,将使你的数字界面保持可操作性,并符合用户的期望。
结论:改变用户体验的有效亲和力
现在你会明白,负担能力的物理外观和关键属性有多么重要。进行有意义的用户体验研究是我们发现应用程序和产品的问题和困难,以及找到理想解决方案的途径。
尽管用户体验设计看起来只是庞大系统中的一小部分,但它在很大程度上依赖于有效的可承受性来交付性能最佳的项目。无论是基本的复制更新,还是真实或原始对象的表现形式,功能性都有助于避免或防止用户出错,并绕过软件限制;利用功能性已成为一种艺术形式。
如果您想了解更多关于客户控制的信息,请发送电子邮件至 hello@ux247.com.