随着数字化与移动端之风的盛行,网页交互设计的重要性日益凸显。为了打造顺滑而可信赖的用户体验,我们需要对交互设计有更深的理解和运用。
正如在《交互设计最佳实践(卷1)》中所述,做好交互设计需要对多学科有深入了解和熟练运用。这就像是在构建一个系统,使其对用户友好、易于学习并实用。这并非易事。
让我们从基础开始,深入理解核心设计原则,并借助五步设计流程来完成交互设计。
优秀的交互设计是基于用户情感纽带设计的。那么,如何将人的情感转化为数字化的界面和接口呢?这并非是简单的黑白对错问题。我们的经验告诉我们,成功的交互设计基于对用户体验设计的完美执行。
不要急于求成,我们慢慢探究。即便不直接参与用户研究,设计师也需知道如何构建对设计的成熟认知。
在《用户体验设计师必备的4种UX文档》中,我们深入介绍了交互设计师必须知道的四种UX文档。这些文档或过程可以帮助我们构建真实的“用户”,更真实地还原具体的产品流程。
第一种文档是用户角色(Persona),通常需要包含你的目标用户信息。Persona是基于产品研究和用户定位设定的虚构角色,用作设计过程中的“理想用户”。它的目标是通过角色来验证用户如何感受和看待设计。
第二种文档是用户剧本(User Scenario),如果Persona是故事中的角色设定,那么User Scenario就是故事的剧本。它通常围绕一个特定目标设计,比如为母亲节预订礼物。设计师通过预判整个用户流程,可以更好地把握UI和UX的设计。
第三种文档是用户地图(Customer Journey Map),它是对用户使用产品的全流程进行深入了解的文档。它涵盖角色信息、用户剧本和移情地图的全部信息,将用户性格、用户流程和交互过程结合在一起。
确保可用性是交互设计的基础。如果用户无法正常使用产品,那么吸引他们就更无从谈起。以EventBrite的座位设计为例,这个在线APP允许活动者从最初就保留特定座位,整个流程考虑了多种细节。
Affordance是一个重要的概念,它指的是环境为动物提供的属性。在设计中,它意味着设计应与用户的动作和行为相关联,使他们能够直观地理解如何与界面互动。
能指是语言学中的一个概念,指语言的声音、形象等表现形式。在交互设计中,能指与所指(即设计的目的或意义)相结合,为用户提供直观的反馈。
在界面设计中,按钮的设计是一个典型的例子。最初的按钮只有文字,没有能指,而随着发展和进化,加入了圆角边框和阴影层次,从而反映出其作为“按钮”的特征。
直觉化的操作和熟悉的设计应贯穿每个界面。成功的交互设计应借助一致性和可预测性来降低整体复杂度。
UI模式是提升交互可学习性的常见战术。许多网站和APP都采用了UI模式,确保了一致性,也便于用户熟悉。
例如,面包屑是网页设计中常见的UI模式,它帮助用户更有序地浏览网页。无论用户在哪个位置,面包屑都会直观地显示浏览路径。
反馈是交互的核心。每一次交互都是用户与产品之间的对话,因此产品应保持友好、有趣且有用的特性。
从精心设计的动效到简单的嘟嘟声,产品应给予用户反馈。例如,Hootsuite通过猫头鹰来展现用户长时间不操作的“睡眠状态”,这是一种有趣而有效的反馈。
接下来,我们介绍提升交互设计的具体方法。著名的交互设计师Stephen P. Anderson曾说,当与界面进行交互时,任何尴尬的反馈都会被放大。我们需要学会规避的交互。
具体的流程包括角色扮演和互动、勾勒出叙事线索、简化步骤、控制用户选择以及注意微时刻。这些步骤可以帮助我们将交互设计变为界面和用户之间的桥梁。
交互设计不仅涉及界面行为,更是一项基于用户行为的适应性技术。我们的产品应针对用户的期望和需求进行设计。最好的交互设计应是响应迅速、思想清晰,如同一场流畅而充满期待的魔术表演。