【设计分享】第一期

讲好的交互设计前，当然需要先知道什么是交互设计，什么是好设计。

交互，是一种发生于人、系统（机器、对象）之间的对话方式，这种对话随着第四个维度（时间维度）而逐渐推进，具有易变和流动的特性。因此，理解人，在什么场景下具有什么需求，媒介应当给予什么支持，人会对此有什么反应，是交互研究的重点。

交互设计从起源来看，最早出现于没有文字记录的史前年代。当土著印第安人使用狼烟来进行远距离通信时，交互设计就已经出现了。

而随着近年来互联网和移动设备的兴起和发展，交互设计的载体越来越多样，其表现方式和交互场景也越来越丰富，承载于用户图形界面的交互设计开始繁荣（互联网不仅可以提供内容，更可以用来做事和连接）。

从交互设计的起源和发展也可以看出，承载于用户图形界面的交互（也就是我们现在熟知的App设计）仅为交互设计领域中很小的一部分，其设计原则和对象并没有多大改变。因而，无论交互设计的载体如何变化，其衡量标准和设计原则基本保持恒定。

交互设计的过程是通过媒介元素（button，icon，search bar、toast、alert、tips等）／手势、声音等进行信息的传递，借由人与产品的持续对话，来支撑产品的使用体验，从而对用户的行为进行引导，使用户尽可能的按照设计好的步骤进行，以塑造人的行为，达成（我们期望的）目标。在这个过程中，如何帮助用户更快更好更优雅更有趣更快乐地完成任务，是设计师设计的重点。

因此，下面三个小案例，也是或多或少满足了以上提出的要点.

案例一：iPhone的来电模式

入选理由：分场景设计，以用户为中心

iPhone锁屏和非锁屏状态下的来电模式

从用户行为角度来看，当有来电时，用户有两个选择，接电话or拒绝来电，其中，接电话概率>拒绝来电。滑动操作为一连串动作，需连贯完成后方能触发操作；点击操作操作成本低，速度快，容易触发后续操作。

从使用场景角度来看，当手机处于锁屏状态时，手机可能放在口袋或包中，滑动解锁可避免用户误操作而接通电话，较小概率出现的拒绝来电的操作用点击电源键来实现，是基于当下场景的优先级判断的结果。当处于非锁屏状态时，一般用户当下正在使用或关注手机，直接将接受或拒绝按钮显示出来，用点击的方式，操作速度快，简单便捷，学习成本低。

案例二：Snapseed-指尖上的修图软件

入选理由：化繁为简，流畅的手势操作

snapseed主要页面

交互设计是关于行为的设计，人的手指作为有着极为丰富的感受和操作能力的感官，当与外界的交互越接近自然手势操作，交互起来就越轻松和流畅。

修图工具内容复杂&数量多，如何让用户快速找到某工具，并方便其在不同工具间切换，简单直观地完成任务，是设计重点。

Snapseed中，用户首次进入时，「添加照片」为当前状态下最重要操作，将其操作按钮放大，且可点击界面任意位置打开照片，降低了操作成本，提高了效率；在工具列表，用户需要选择对应的操作以调整照片，操作类目布局清晰，在列表中直观展现了所有可用工具，简化选择步骤；对于操作方式来说，app中仅包括上下滑动和左右滑动两种方式，在界面任意位置上下滑动唤出选择器，选中后，左右滑动调节具体数值，照片随之改变，给予直接反馈，总体操作连贯流畅。

案例三：最美有物

入选理由：有趣的交互方式&反馈

最美有物app

最美有物是一个全球原创设计品的发现平台，包括纽约、巴黎、米兰、伦敦等地的优秀设计师的作品。其主要目标用户为设计师群体、时尚达人、白领。

app首页采用卡片重叠的设计模式，用光和影来划分空间，在平面中增加了应用的空间感，同时给人以在上下翻动杂志的体验。在翻动过程中，至多可以看到三个内容标题，极大的减少了其他文字的干扰，用户视觉中点落在中间文章标题，有利于抓住用户注意力。

在feed流中，用明确的icon表示喜欢与不喜欢（趣味性设计），点击后，通过高矮直观地表现支持率高低，让交互变得更有趣味性，令人愉快。

feed流的评论出现于用户表达喜好后，一来减轻正常浏览过程中的信息负担，二来当用户对产品表达喜好时，是评论动机最强的时候，该场景下出现，在满足用户当下需求的同时，也更容易触发其评价作品。