五步提高交互设计

本文主要介绍了 一套交互设计方法，希望对大家有用。

正如著名的交互设计师 Stephen P. Anderson 建议，可以有某人去代表你的界面，而你作为一个用户与他沟通。你可以听到来自界面的回应，来帮助你创造人性化的交互流程，而不是机械而难懂的。一旦你完成角色扮演，你就可以开始重构你的设计了。

1 角色扮演

正如 Anderson 建议，抓2个人，一个来扮演界面，一个来记笔记。做一个浏览器界面，让界面人举着。接着开始对话，你作为用户，要代表他们表达他们的目标，然后限制"界面"的回应，仅限于标签，目录以及任何 UI 上面有得东西。

2 叙述整个故事

输出整个过程的体验步骤，包括任务和表情。它可以很简单的只有几个用户场景，或者很复杂，比如"4步体验地图"这样。

图1.png

3 简化步骤

用户有时候完成目标需要很多步骤（比如在线购买汽车，预订机票）。你的界面必须能把一个大目标区分成简单的步骤（比如：询问目的地，然后离开/到达的日期等等）。

4 限制用户的选择

这很可能是最难的一步，但是你必须将这些操作简化到一定程度给用户。不断的自问：是不是所有的选择，在这个时间段，在这个时刻都是必要的。如果不是，用另一段对话区分它。

Twitter 的登录界面是一个很好的例子。在这个步骤前，有一些步骤和此界面有关，但是为了让整个界面对于用户来说是简单易用的，它被移动到了另外的步骤里。这样，远远好过减少步骤却让界面混乱。

图2.png

5 关注细节

细节主要针对与界面的交互中，用户可能产生犹豫，越界，或者停下的地方。如果你看一看前面角色扮演的那个练习，你就知道有哪些地方了。为了将这些步骤说清楚，你需要利用微小的文字和界面库模组比如"contextual actions" 和"selection-dependent inputs".

正如魔术师会失败在某个细节的失误上，只需要一个错误的交互过程便会毁掉整个用户体验。我们上面描述的过程希望可以帮助你将交互设计看成一种对话，而不是一些会动的界面。

关键点

交互设计不是说界面怎么表现，而是人们怎么用，并且，还和科学技术相关。这里有两个挑战：

1. 你必须知道你的目标用户，在某种程度上，他们喜欢什么，期望什么。
2. 你必须以现有技术的限制，设计出如何让他们满足这些需求的产品。

当犹豫不定的时候，可以想想你经历的类似设计，用这些经验来帮助你提高自己的设计。

自查列表

最后，我们可以看看自己的设计是否符合了以下几项

直接认知

控件能够表达如何使用

1. 界面交互流程从开始到结果是简单且合乎逻辑的（主要指通过控件操作达到结果）。

2. 控件和真实世界之间有清晰的隐喻

3. 控件的功能显而易见

4. 符号图标对新用户而言也很清楚

   ​

反馈

发生过什么或者正在进行什么是否清晰

1. 展现的所有元素都清楚有效

2. 当前步骤是否容易被用户理解

3. 当任务完成后有反馈

   ​

简洁

尽量集中在任务本身

1. 流程中的每个步骤都对用户显而易见
2. 优化符号以便于快速认知
3. 不要用类似的符号代表不同操作

结构

内容架构合理

1. 信息架构的深度和整个系统保持一致

2. 信息等级和内容架构组织清晰

3. 整个长度要保证其可读性

   ​

一致性

相似性

1. 结合符号学和语言减少对信息记忆的需要

2. 整个系统的动画模式是一致的

3. 调用已经存在的元素减少不一致

4. 整个系统的元素位置一致

5. 整个系统的语言清晰且统一

6. 整个系统的图标复合语境

7. 语言清晰表达相关的图标

   ​

容忍度

避免错误，帮助恢复

1. 提供简单的修复通道

2. 用户可以认知到错误并且修正错误

3. 是否有帮助和支持以防止用户对使用的疑问。

   ​

可访问性

是否可被所有潜在用户使用，包括残障人士。是否可通过任何设备访问，是否不管在任何环境下都可访问。

1. 图标或控件必须满足最小尺寸，空间和相关需求

2. 调整容易被误认元素的大小，颜色，形状

3. 使用多种颜色时，对比度是否易于表达需要展现的内容

4. 在任何条件或环境下，文字的阅读性

5. 可回退空间

   ​

UX Checklist：http://ixdchecklist.com/
参考：UXPIN book《交互设计练习》