01
写在前面交互设计是目前互联网领域比较火热的设计领域，越来越多的人都希望学习交互设计并成为一个合格的交互设计师。但是，交互设计到底是什么？我们如何成为一个合格的交互设计师？关于这两个问题一直都没有一些好的答案，下面我将在这篇文章中，用一些伟大的交互设计的案例来回答这个两个问题。
02
交互设计的定义
交互设计是一个过程，在这个过程中，设计师专注于创建具有高度逻辑性的行为和引人入胜的Web界面。优秀的交互设计使用良好的交互技术和交互设计原则来创造目标用户所需的用户体验。
在交互设计领域近十年左右我们一直探索的都是网站和应用程序的交互设计，很少或者几乎没有考虑过其他硬件领域或者大型设备的交互设计。Bob Baxley在2002年的发表的一个由12个部分组成的系列文章中，对交互设计的概念进行详细的介绍，这些常被引用的内容定义了了Web应用程序的交互设计。其中《Introducing Interaction Design》这个文章将交互设计领域分为五个部分，这些部分在今天仍然有用且相关：
- 人机通信——交互设计用于翻译技术和用户之间的对话。交互设计师需要理解双方的微妙之处和语言，确保他们能够轻松有效地相互沟通。
- 动作/反应——互动媒体的行动/反应动态是交互设计的核心。这要求设计人员了解并预测交互如何随时间推移而展开，为可能发生的各种事情进行设计。
- 状态——交互设计还关注确保用户了解应用程序的当前状态。就像人类使用肢体语言和社会情境来控制和预测行为一样，交互式系统传达系统状态，以便用户在任何给定时间了解哪种类型的操作是可能的或合适的。
- 工作流——除了促进离散任务的完成（例如选择付款方式）之外，交互设计还涉及完成多任务的目标，例如浏览，选择和购买项目。就像电影导演将单个镜头连接到场景，将场景连接到电影中一样，交互设计师使用单个屏幕元素来创建页面，用单一的页面来实现复杂的操作，用不同的操作内容来创建完整的应用程序。
- 故障——与所有形式的沟通一样，误解和错误在所难免。因此，预测和缓解这些问题也是设计人员角色的一部分。
**扩展阅读：** _**交互设计会趋向冷门吗？**_
此外，在创建设计交互时，还需要牢记某些注意事项。《Interaction Design Basics》 一文中提供了六个不同类别的基本问题，可以帮助你更好的了解人与机器如何交互：
- 用户可以通过鼠标交互、手指或触笔做什么来直接与界面交互？
- 用户可以发出哪些命令来与界面进行交互？
- 外观如何为用户提供有关其功能是什么的线索？
- 设计师需要提供哪些信息来让用户在执行操作之前知道将会发生什么？
- 是否有可以帮助防止错误的约束？
- 错误消息是否为用户提供了更正问题的方法？
- 执行操作时，用户会得到什么反馈？
- 操作和响应之间的响应时间是多少？
- 界面元素的大小是否合理符合菲兹定律，是否可以与之交互？
- 边缘和角落是否战略性地用于定位交互式元素？
- 设计师设计过程中是否遵循标准？
- 信息容量是否符合“7±2”准则（米勒定律）？
- 用户端是否尽可能简化？
- 是否使用用户熟悉的格式（希克定律）？
03
交互设计师的职责如果你发现自己在思考或提出上面列表中的问题，那么你就是一个交互设计师。交互设计师是设计，开发，创意或营销团队中的人员，他们帮助形成和创建设计策略，识别产品的关键交互，创建原型以测试概念，并及时了解将影响用户的技术和趋势。
这可能听起来像是将许多不同的概念编译成一个工作的模糊描述。交互设计师的职业道路多种多样。有一些人是科班出身，还有一些人是半路出家。但交互设计师的共同特征之一是对事物如何运作的渴望，不害怕提出问题，以及能够以新的方式可视化和组织元素和概念的能力。
04
交互设计概念和原则
那么，是什么真正推动了交互设计领域的发展呢？是什么让它与单纯的设计不同？这条线非常模糊。就数字、Web和应用程序设计和开发而言，交互设计只是一个好的设计中的一小部分。
UX Booth于2009年出版的“交互设计初学者指南” 仍然是一个很好的参考。虽然一些关键的参与者和工具已经改变了，但是推动交互设计的概念是相同的。以下是书中提到的一些概念：
- 目标驱动型设计： 为什么你的网站和做出来的界面交互是有用的？交互设计师需要以目标为导向，弄清楚这些原因和逻辑，才能保证你的应用程序设计十分好。
- 优秀的交互就像魔法： 优秀的交互不需要很长时间来加载/响应，不会让用户思考，不会给用户带来困扰。
- 可用性： 使底层系统的状态易于理解和界面易于使用。
- 功能可见性： 最好的（工业/交互）设计是那些可以自己说话的设计，形式需要服从功能，而不需要让用户花费时间去学习很多不符合认知的功能。
- 易学性： 构成可用界面的很多内容都是由用户熟知的组件组成的。最好的交互设计师不会每次遇到类似的设计挑战时都重新发明新的东西。相反，他们会使用符合用户自身认知的相同的设计语言。
05
交互设计案例展示
在谈论交互设计时，我们需要用一些身边常用的交互设计案例来阐释说明它。下面的每个案例的都是这个概念的核心。请务必访问这些链接，以真正了解有关这些项目（或镜头）如何组合在一起并工作的更多信息。
Move Product by Barthelemy Chalvet (AgenceMe)
Weather App by Sergey Valiukh
Fiche by Barthelemy Chalvet
Material Design Animation
Mobile Animations & Interactions
Team Messages by Jan Losert
Float Label Form Interaction by Matt D. Smith
iOS New Gestures by Javi Perez
Qards Contact Form by Sergey Shmidt
Nike by Owi Sixseven
Android Wear by Ramotion
Apple Watch by Jakub Antalík
06
交互设计资源关于交互设计，交互设计师和整个领域的工作，有很多很棒和有价值的资源。为了更好的利用空闲时间有效学习，视频中给大家推荐了16个交互设计公众号和平台！
（此处为视频，请在原文中观看）
07
总结用户期望在现代网站上获得极致交互式体验，为了吸引用户必须引领最前沿的交互设计，设计优秀的交互设计是必要的。在你的团队中有人负责管理，创建和监控这些交互设计同样重要，所以你可能需要雇佣一个优秀的交互设计师。
ABOUT US
参考文章：查看链接 ↗ Cousins译者：小鸡炖蘑菇为尊重版权和译者转载请联系我们