产品的交互按照这 6 点做才加分
交互能够让界面看起来生动有趣，但是要格外注意上下文。通过上下文流畅地传递给用户，能够让用户有明显的预期。解释界面上的元素，强化元素间的层次结构，并且表现产品逻辑。
如何让交互的上下文表现的更加流畅呢？《Functional Animation In UX Design: What Makes a Good Transition?》（原文需要翻墙）一文中提到了 6 点，包括：有响应、能联想、自然的、有目的、速度适中、简单清晰。
- 有响应
简单的说，用户操作并产生预期的反馈。作者在文中提到了“开关灯”这个场景，在现实生活中也会有类似的场景存在，比如点击应用图标打开应用、点击用户头像进入用户个人主页等等。我认为，有响应是大多数应用遵循的基本的逻辑和原则。
- 能联想
这一点和“有响应”有密切的关系，也就是符合用户预期。将新展开的界面和构成界面的元素或动作连接起来。组合联系背后的逻辑是帮助用户理解刚刚在可视布局里发生的变化，是什么触发了这个变化。也就是用户在前一界面发生点击行为，与后一界面之间的关联性。这个概率的大小，决定了用户预期的强弱。
- 自然的
在现实世界，物体迅速加速或减速是受重力和摩擦力的影响，比较明显的几种类型有：
类似的，在好的用户界面设计中，开始或停止也不是突然出现的，而是遵循一定的加速或者减速的表现。
- 有目的
在恰当的时机指引到恰当的方向和目的，交互的作用彰显的淋漓尽致。不论是文字段落，还是静态图片，都能通过交互完成，一个好的交互能够引导用户进行下一步的操作。
第一次进入的用户或许不能预知即将发生的交互行为，但合理的动画能帮助用户保持良好的方向感，不会觉得内容突然发生了变化而感觉不适。当把窗口缩小时，Mac OS 使用了一个动画，这个动画连接了前一个状态和下一个状态。
另一个好的示例是一个继承性过渡，当用户在列表中或卡片元素中选择某一项，放大看它的细节内容，这个交互需要用户保持上下文一致。（请对照原文阅读体会）
- 速度适中
原文中表达的是“快速”，我认为应该是速度适中，或者应该是找到一个平衡点，让用户既不会等太久，且符合用户心理感知。在用户操作后，能够让用户理解和判断即将发生的事情。
- 简单清晰
过渡应该避免一次做太多事情，因为当众多的条目需要在不同的方向或路径运动时，它们会让人困惑。
过渡应该清晰、简单而连贯。记住，在交互设计时，少即是多。所以我们应该只关注希望用户做的主要事情，完成我们为用户设置的主要任务就可以了。
关键字：交互设计, 用户, 上下文
版权声明
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！
