交互设计

交互是任何其他事物的交流互动。人机交互则是人和机器（系统）的互动。那互联网人机交互就是人和用户界面（软件界面）的互动。交互设计就是设计一套人和系统的行为，让人能够更容易和系统对话。

常见的交互方式：

1. 屏幕

2. 传感器，包含GPS、触屏、陀螺仪、光纤传感器

3. 实体按键、虚拟键盘、语音输入、鼠标

好的交互设计可以让用户迅速进入状态，并简单高效的解决问题。交互设计的目标在于交互说明文档：

1. 深刻理解需求定义

2. 功能逻辑流程设计

3. 功能页面流程设计

4. 页面线框图设计

5. 编写交互说明文档

6. 最后交由UI与开发执行

交互设计的方法

如何将功能定义转变为功能的原型展示？

1. 拿到功能定义后，根据设计师对此事的认知/生活经验，分析功能定义，尽可能的挖掘相关场景，对功能进行初步规划

2. 跟进分析，找到达成目标所需要的行为点，按照事物客观发展规律，将行为点串联为可操作流程和步骤

3. 页面是操作的载体，跟进操作流程，将操作步骤按照设计师的理解，放置在页面中，推导出页面流程

4. 根据每个页面的页面职能，做页面线框图设计

交互的三个流程

1. 明确人机交互过程中发生的事情

2. 明确人机交互的方式

3. 明确不同的流程阶段，用户思考的重点是什么

此外，还必须保证一下三个原则：

1. 操作前可预知

2. 操作中有反馈

3. 操作后可返回

操作前可预知

1. 指示明确：尽量让操作后的结果满足用户的预期，用户在不用思考，直观的发现这个操作是什么功能。比如

   1. 图标足够清晰、不明确的图标下添加文字、或者使用文字直接替代图标。

   2. 新手引导页，用于告知用户功能

2. 减少疑惑：减少用户的疑惑，用户在已有的习惯基础上，已经能正确理解产品界面，并不需要太多创新、以及打破常规，如果变化过多，可能会导致用户疑惑。比如

   1. 比如已经有文字了，但是图标与文字不匹配

   2. 没有合适的图标，可以直接使用文字

3. 状态可见：清楚明确的状态可以让用户操作前更好的预支结果，以便省去多余的反复试错的过程，很大程度的优化用户体验。比如

   1. 拖动进度条，拖动时告知用户当前的时间点

   2. 可按按钮置灰

   3. 加载中显示进度条和提示、无网络时给出相应的提示

操作中有反馈

1. 动效反馈：实时返回状态，消除疑惑；一个优秀的动效反馈可以明确引导用户的视线，通过注意力的吸引让用户确定发生的内容。比如

   1. 下拉刷新，刷新进度条

   2. 加载进度，下载进度

2. 弹窗反馈：分为模态弹窗、非模态弹窗，用于明确引导用户视线，通过注意力的吸引让用户确定确定发生的内容。比如

   1. 模态，需要用户操作；比如提示是否真正删除联系人，并告知联系人相关的聊天记录也会被删除；按钮将确定改为明显的目标，并更改颜色。

   2. 非模态，不需要用户操作，比如Android的toast，只能提示，不可操作。提示更新了几条信息。

操作后可返回

1. 返回：操作后可返回。比如

   1. 拥有返回按钮，朝左返回按钮，返回上一个页面或者上一个应用程序

2. 关闭：在特定的情况下提供终止流程的按钮。比如

   1. 有些功能左上角不仅有返回按钮，还有一个X，用于关闭整个页面流程

3. 完成：是和关闭相对的，代表流程已经完毕，一般点击后返回首页。比如

   1. 支付成功后提供了完成按钮，而不是关闭或者返回

关闭按钮的位置取决于你想要用户做的操作，如果你想让用户关闭，就将关闭按钮放在醒目的位置上，否则将其他按钮放在醒目的、易于操作的位置上。