值得你深入了解的交互设计五大支柱

随着单页式设计和移动端的兴起，网页中的交互设计越来越重要了。为了打造流畅而可靠的用户体验，你需要对交互设计有更加深入的了解。

正如同我们在《交互设计最佳实践（卷1）》中所述，要做好交互设计，需要对多个学科有着深入的了解和熟练的掌控，这也是非常符合逻辑的——你要试图让一系列事物所构成的系统令人感到友好，易于学习并且非常实用，这并不是一件简单易行的事情。

所以，让我们从最基础的交互设计的概念开始，深入了解核心设计原则，并且借助五步设计流程，更好地完成交互设计。

真正优秀的交互设计，是由人情纽带所驱动的。那么问题来了，人的情绪纽带又是如何转化成数字化的界面和接口的呢？答案的当然是存在的，但是并非是由非黑即白的是与否、对与错所构成。根据我们的经验，真正成功的交互设计立足于基本用户体验设计的完美执行。

看起来不像是一个答案？没事，我们慢慢看下去。

1、结果驱动式设计

即使不亲自参与用户研究，但是你还是得知道如何对设计构建成熟的认知。

我们在《用户体验设计师必备的4种UX文档》这篇文章中对于交互设计师必须知道的四种UX文档有了深入的介绍，这些文档——或者说过程，可以帮你构建起有血有肉的“用户”，对具体的产品流程有更真实的还原：

1、用户角色（Persona）：Persona文档（控制在2~5个）通常需要包含你的目标用户。作为Persona中的虚构的角色，它的属性和特征是基于产品研究和用户定位来设定的，用作后续设计过程中所面对的“理想用户”，本质上，它就是一个占位符。作为人物设定，其中会包含个人信息，远不止于年龄和收入信息这么简单。Persona 文档的目标是利用角色来验证你的目标用户是如何感受如何看待你的设计的。

2、移情地图（Empathy Map）：它像是一个轻量级的Persona文档，在资源短缺时间紧的状况下，可以使用这个文档。Empathy Map 将 Persona 中的角色的个性和性格部分移除了，更加专注于用户在特定情况下的感受。

3、用户剧本（User Scenario）：如果Persona 是帮你设计了一个故事中的角色，那么User Scenario 就是故事的剧本。用户剧本通常是围绕着一个特定目标来设计的。比如说，第二天是母亲节，要为母亲预订一份礼物。目标很明确，要达成目标，用户需要点击几次按钮，走哪些流程，需要多长时间，如何在过程中融入情感，贯穿始终。对整个用户流程有了预判之后，设计师对于UI和UX的设计就有了把握。

4、用户地图（Customer Journey Map）：这份文档同上门的用户剧本很像，但是它比起前者跨度更大，贯穿体验设计始终。设计人员可以对产品的背景有更深入的了解才能更好地设计，而产品投入使用之后也不是最终结束，这也是跨度如此之大的原因所在。用户旅图将会涵盖角色信息、用户剧本和移情地图的全部信息。这么设定并不是要让用户旅图成为一个大杂烩，而是要将用户性格和用户流程、交互过程结合到一起来看待问题，每个阶段不同环节，都牵涉到不同的情绪和情感。

2、可用性设计

确保可用性是最低限度的设计。如果你的用户都无法正常使用产品，就更谈不上吸引他们了。看看下面的 EventBrite 的座位设计吧。

这个在线的APP允许活动的组织者从活动创建之初就可以保留特定的座位，整个流程保留了大量的细节（特定的行、列，是否靠近舞池等），设计者将多个步骤、多个流程整合到一个流程当中。

就像EventBrite 这样，复杂的系统尤其要保证它的易用性，整个流程要流畅，让用户感到不费吹灰之力就能搞定。在探索系统上耗费的时间越短，用户就越能做好手头真正重要的事情。

3、可供性设计和能指

可供性设计，在我们之前的文章中曾经解释过：

Affordance 是 James J. Gibson 造出来的一个词，Gibson 是20世纪最重要的认知心理学家之一，他的生态学式视知觉论和直接知觉为认知心理学开辟了新的领地。affordance 是 afford (提供、给予、承担)的名词形式，环境的 affordance 是指这个环境可提供给动物的属性，无论是好的还是坏的，所以我认为“可供性”是一个合适的翻译。Gibson 用来解释 affordance 的例子是这样的：如果一块地表面接近水平（而不是倾斜的），接近平整的（而不是凸起或凹陷的），以及充分延伸的（与动物的尺寸相关），如果地表面的物质是坚硬的（与动物的重量相关），我们可称它为基底、场地或地面，它是可以站上去的（stan-on-able），可让四足或两足动物保持竖直姿势，它是可以行走（walk-on-able）和跑动（run-over-able）的，它不像水表面或沼泽表面之于一定重量的动物那样是可陷入的（sink-into-able）。列出的四项属性——水平、平整、延伸和坚硬——它们是这个表面的物理属性，如果以物理中使用的度量衡去衡量它们的话，但是对于特定动物的支撑可供性，它们必须与动物关联上才可以被衡量，它们不是抽象的物理属性，它们是为所指动物特定的，与动物的姿势和行为相关，所以 affordance 不能像我们在物理中那样来衡量。

我们在探讨交互设计的可供性之时，认为一个功能应该能为自己发声，通过合理的方式声明它本身的用处（道路可供人步行）。

能指（Signifiers）是个语言学概念：

能指和所指是语言学上的一对概念，能指意为语言文字的声音，形象；所指则是语言的意义本身。按照语言学家或者哲学家们的划分，人们试图通过语言表达出来的东西叫”所指”，而语言实际传达出来的东西叫”能指”。

简单说来，可供性设计所传达出来的东西，就是它的能指。（地面是平的表明人可以用脚在上面走路）

没有能指，用户也就无法真正察觉到其中的可供性设计。

在上面的案例中，你能看到按钮设计的进化和发展。第一个按钮仅仅只是单词，没有能指，而第三个按钮加上了圆角边框和阴影层次，反映出它作为“按钮”的特征。

能指同样可以以比喻或者暗喻的形式存在，因为人们需要明白他们为什么要同这个对象进行互动，而不止是知道他们可以。正如同上门iPhone 屏幕底部的托盘，你能看到圆角边框的按钮，从而了解我们可以按它，其中的电话、邮件和音符等符号，则以特定的形象暗示用户，点击按钮可以达到什么样的目的，做什么样的事情。

(编辑：小酷)