什么是交互设计

刚踏入交互设计的新人，估计90%的人都被问过同一样的问题：什么是交互设计，请用一句话概述？很难做到一句话给说清楚，并且每个人的理解都不一样。我们能否从字面上拆开来理解，什么是交互？什么是设计？那交互设计又是什么？或许能找到答案。

什么是交互?

百科解释：交互，即交流互动，是现在的很多互联网平台追求打造的一个功能状态。

说到交流、互动我想大家就很容易理解了，因为我们时时刻刻就在与人、环境、世间万物存在着交流互动。

什么是设计?

百科解释：设计是把一种计划、规划、设想通过某种形式传达出来的活动过程。

生活中无处不在的设计，就说说最近小米11月份发布的黑科技MIX，外观设计来自大师菲利普·斯塔克，下图是他的经典创意外星人果汁榨取器，实用、极简风格自1990年生产销售至今。

什么是交互设计？

交互设计，又称互动设计，(英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the "interaction",即人工制品在特定场景下的反应方式)相关的界面。——维基百科

lnteraction designers strive to create useful and usable products and services .following the fundamental tenets of user-centered design,the practice of interaction design is grounded in an from a user-centered perspective, while endeavoring to balance users' needs with business goals and technological capabilities,interaction designers provide solutions to complex design challenges,and define new and evolving interactive products and services.——IxDA

交互设计是“关于”通过数字产品来影响我们的生活，包括工作、玩和娱乐的设计。——《交互设计》

通过产品（实体的。、虚拟的、服务、直至是系统）的媒介作用来创造和支持人的行为。——查理德·布坎南

人与媒介（产品/服务）交流互动行为的影响和设计，最终要解决人的需求问题。    ——小石头三枚

交互设计需要设计什么？

1.交互设计的基本元素

上面是一些基本元素，其中用户（people）、行为（actions）、场景（contexts）、媒介（means）、目的（purpose）也是交互五要素，如下图

举个栗子，在异地的小明想女友了怎么办？最好办法是视频聊天，那么小明需要一个有WIFI的私人空间，拿起手机打开微信找到女友开始聊天。这里其实就已经构成了交互的五要素：用户（小明）、目的（视频聊天）、场景（有ifi的私人空间）、媒介（手机）、行为（拿起、打开、找）。

2.需要设计什么？

就上面那个栗子来说，身为交互设计我们如何让小明体验到很好的视频聊天的过程，无非是产品提供简单、便捷、优质的服务，这里就需要去设计这个媒介-- 产品和服务 、设计的对象-- 用户的行为 。

3.用户行为的设计

主要有三种：随机交互、往复式交互、渐进式交互

随机交互（淘宝购买商品的场景）

往复式交互（微信看公众号聊天的场景）

渐进式交互（下单支付场景）

4.交互设计思维

交互设计都必须有场景化思维、结构化思维（这两个思维后续发布文章展开），然后在根据所在行业的专属驱动力是什么，结合用户行为逻辑的设计每一款产品。比如：金融行业产品--业务驱动力：1业务的理解（使用对象的分析和使用场景、关键业务点和诉求）。2功能抽象（具体功能点分类、复用性）3.体验优化和流程串联。还有产品驱动、运营驱动、渠道驱动、工具驱动等，行业不同设计方案也不一样，找准核心点后，以最优的方案实施落地，在根据行业、用户、现有的资源做调整迭代，等核心需求跑通解决后在扩展其他需求。

新人切记：看上去美的设计，都是在大问题已经解决的前提下，经过持续的打磨，最终在形式上和功能上都完美的，不要从一开始就追求形式的完美。

总结

交互设计的对象是用户的行为，与用户行为相关的是用户、目标、场景。设计的媒介是产品&服务。就想是设计一座桥梁，让不同的用户便捷高效到达目的地，企业又可以通过这个桥梁赚取更多的利润，需要我们来平衡商业目标和用户目标。

处女作希望大家多多支持，同时也希望大家共同探讨，后续将不断更新。

参考

混沌中浮现的交互设计，辛向阳

简单的说，交互设计是人工制品、环境和系统的行为，以及传达这种行为的外形元素的设计与定义。不像传统的设计学科主要关注形式，最近则是关注内容和内涵，而交互设计首先旨在规划和描述事物的行为方式，然后描述传达这种行为的最有效形式。

交互设计借鉴了传统设计、可用性及工程学科的理论和技术。它是一个具有独特方法和实践的综合体，而不只是部分的叠加。它也是一门工程学科，具有不同于其它科学和工程学科的方法。

交互设计是一门特别关注以下内容的学科：

1、定义与产品的行为和使用密切相关的产品形式。

2、预测产品的使用如何影响产品与用户的关系，以及用户对产品的理解。

3、探索产品、人和物质、文化、历史之间的对话。

交互设计从“目标导向”的角度解决产品设计：

1、要形成对人们希望的产品使用方式，以及人们为什么想用那个这种产品等问题的见解。

2、尊重用户及其目标。

3、对于产品特征与使用属性，要有一个完全的形态，而不能太简单。

4、展望未来，要看到产品可能的样子，它们并不必然就像当前这样。

如果说交互设计是什么？交互设计师又是做什么的？我看到一篇文章特别适合回答这个问题，希望对你有帮助~

交互设计是用户体验(UX)设计的一个重要组成部分。在本文中，我们将解释什么是交互设计，一些有用的交互设计模型，并简要描述通常交互设计师做什么。

对交互设计通俗易懂的理解

“交互设计”通俗易懂地来讲就是：它是用户和产品之间交互的设计。大多数情况下，当人们谈论交互设计时，往往是说应用程序或网站等软件产品。交互设计的目标是做出能使用户能以最佳方式实现其目标的产品。

如果你觉得这个定义听起来很“宽”，那是因为这个领域确实相当广泛：用户和产品之间的互动往往涉及美学，动作，声音，空间等元素。当然，每个元素都可能涉及更专业的领域，例如有关用户交互中声音的声音设计。

你可能已经意识到，交互设计和用户体验设计有很大的重叠之处。毕竟，用户体验设计是塑造产品使用体验，而大部分体验都会涉及用户和产品之间的一些交互。但用户体验设计不仅仅是交互设计：它还涉及用户研究（首先找出用户是谁）、创建用户画像（为什么，在什么条件下，他们会使用产品），执行用户测试和可用性测试等。

交互设计的五个维度

交互设计的5个维度（1）是理解交互设计的有用模型。交互设计学者Gillian Crampton Smith首次提出了交互设计语言“四维“的概念，而 IDEXX 实验室高级交互设计师 Kevin Silver 补充了第五个维度的概念。

第一维：文案

文案（尤其是交互中使用的文本，如按钮上的文本）应该有意义且易于理解。他们应该向用户传达信息，但也不能用过多的信息淹没用户的认知。

第二维：视觉表达

它涉及到用户与之交互的图形元素，如图像、字体和图标。这些和文本信息相配合，补充性地向用户传达信息。

第三维：实体以及空间

用户通过什么实体与产品进行交互？一台笔记本电脑，是带鼠标还是触摸板？还是触屏的智能手机？用户在什么样的物理空间内这样做？例如，用户是站在拥挤的火车上，同时在智能手机上使用应用程序，还是坐在办公室的桌面上浏览网站？这些都会影响用户和产品之间的交互。

第四维：时间

虽然这个维度听起来有点抽象，但它主要指的是随时间变化的媒体（动画，视频，声音）。动作和声音在向用户的交互提供视觉和语音的反馈方面起着至关重要的作用。同样值得关注的是用户花费在与产品交互上的时间：用户能不能了解他们的进度，或是否能在一段时间之后继续他们的交互？

第五维：行为

这包括产品的机制：用户如何在网站上执行操作？用户如何操作产品？换句话说，它体现了前面的维度是如何定义产品交互的。它还包括“反应“ —— 例如用户对产品的情绪反应或反馈。

交互设计师提出的重要问题

交互设计师如何使用上面的5个维度来创建有意义的交互?为了理解这一点，我们可以看看交互设计师在为用户设计时提出的一些重要问题，以下问题由 usabability.gov 提供:

通过鼠标、手指或手写笔，用户可以怎样与界面直接交互？这有助于我们定义用户与产品可能进行的交互。

外观（颜色、形状、尺寸等）是如何表达功能的？这有助于我们告知用户可能的操作有哪些。

如果出现错误，产品提供的反馈是否能让用户纠正问题，或解释错误发生的原因? 这使我们能够预测和减少错误。

执行操作后，用户会得到什么反馈？这使我们能够确保系统在用户操作之后的合理时间内提供反馈。

界面里的元素尺寸大小是否能让用户方便地交互？这种问题能让我们策略性地思考界面里的元素。

是否使用了熟悉或标准样式？标准元素和格式可以简化和增强产品的可学习性。

那么交互设计师是做什么的？

嗯，这要视情况而定。

例如，如果公司足够大，并且拥有巨大的资源，它可能会为UX设计师和交互设计师提供单独的工作。例如，在大型设计团队中，可能有一个 UX 研究员、一个信息架构师、一个交互设计师和一个视觉设计师。但对于较小的公司和团队来说，大多数 UX 设计工作可能由 1-2 人完成，他们可能有也可能没有"交互设计师"的称号。无论如何，以下是交互设计人员在其日常工作中处理的一些任务：

设计策略

这涉及到用户的目标是什么，以及实现这些目标所需的交互。根据公司的不同，交互设计师可能必须进行用户研究，找出用户的目标是什么，然后再制定策略将其转化为交互。

线框和原型

这同样取决于公司的工作描述，但大多数交互设计师的任务是创建线框图，展示产品中的交互。有时，交互设计师也可能创建可交互的原型和/或高保真原型，看起来与实际的应用程序或网站完全一样。可交互的高保真原型现在都可以使用一些在线原型工具实现，比如国内的墨刀，国外的Axure。

例如用墨刀做出来的原型效果图：

上文转载由墨刀翻译自 TEO SIANG 的What is Interaction Design?

UI交互设计，又称UI互动设计，（英文Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。从广义上来说，也可以认为界面设计包含交互设计，在这样的情况下，它同时还包含另外的部分例如外观设计或平面设计，简单的说，把交互设计的理念体现在UI界面上，就是UI交互设计。是一种概念的说法。U就业了解下

交互设计：人与产品（系统/应用/服务等）互动交流沟通的过程设计；产品的输入方式是否直观、简单、清晰、安全；产品的输出方式在不同环境中的适应性、以人类和文化角度表述而易于被理解。

基本原则/标准

1、易用性易用性包括：易理解性、易学习性、易操作性。2、交互设计的目标划分·让用户容易理解：层次清晰；功能区块的划分明确；区分可交互元素与不可交互元素；入口要明确，区分优先级；·让用户操作简单：符合常规的操作流程；符合平台的交互特性；产品自身操作的一致性；及时反馈；更短的交互路径；减少用户记忆；减少输入，帮助用户做选择；防错&容错（不可用置灰、格式限制、可撤销）；

3、尼尔森十大可用性原则

1.状态可见原则2.环境贴切原则3.撤销重做原则4.一致性原则5.防错原则6.易取原则7.灵活高效原则8.易扫原则9.容错原则10.人性化帮助原则

4、诺曼的设计学三层次（《设计心理学》）与交互设计目标体验目标/本能层次——想给用户/用户想要什么样的感觉（激发情感、唤醒某种记忆、视觉/听觉/嗅觉等的刺激带来的情感最终目标/行为层次——用户想做什么（使用产品的目的）人生目标/反思层次——用户想要成为什么样的人（品牌形象）

6、满足不同的需求

用户。产品，自我需求

7、用户体验相关设计原则减少用户输入/避免重复、过多的操作（减少页面跳转；重要信息前置-不需要点击就可以看到；先露出一部分，点击后展开，让跳转过程更加自然、顺滑；）交互设计元素与非交互设计元素区分明显防错&容错帮助用户记忆适当引导、提供帮助交互路径清晰、让用户知道自己所处的位置保持一致性文案清晰易懂直觉设计设计流程/方法

其它

1、反馈设计的重要性2、一些必要的关乎设计学的定律奥卡姆剃刀原则：如无必要，勿增实体。菲兹定律：到达目标的时间与移动距离成正比，与目标大小成反比。希克定律：选择越多，选择时间越长。对于设计而言，可以帮助用户选择（默认选择、不可选的情况置灰）、减少选项、或者将选项分类、区分权重、让用户分步选择等。让用户一次面对的选项较少。特斯勒定律：复杂性守恒定律。产品的复杂性守恒不变，想要让用户在使用中变得简单，需要将复杂性转移给程序来处理，减少用户的操作，提高输入效率，让人来做一些决策等简单但是具有控制权的事情。美即好用效应：当产品足够美观、吸引人时，用户可以容忍一些操作上的不方便。比较适合于文艺类、慢生活类的产品。不是故意做得难用，而是在设计决策时，可以为了美观牺牲一些操作效率，如增大留白/显示面积会让浏览效率降低。多尔蒂门槛：系统/产品对于用户的操作响应时间<400ms，才能让用户保持专注，提高沉浸感与效率。一方面对于动效设计而言，时间需要把控，不能过长。另一方面，对于网络、设备性能等引起的等待时间过长，可以考虑使用过渡方式（过渡动画、占位符）来减缓用户的焦虑情绪。雅各布定律：操作方式与主流产品或者同类型方式保持一致，可以让用户更快上手。没有更好的交互方式时，采用通用的方式会让人更容易接受。简洁法则：人的大脑会简化、归纳、过滤外在的信息，方便简单快速的理解外在的世界。邻近原则&相似原则：距离接近/具有相似性特点的对象会被认为是一组。模块内部、模块之间的距离、样式的一致/差异会区分不同的模块。帕累托原则：二八定律。对于大多数事件，80%影响由20%的因素造成。帕金森定律：任何任务都会拖延，直到可用的时间都用完为止。同域原则 ：元素在一个具有明显边界的区域内，会被认为是一组的。类似卡片风格，卡片内的内容被认为是一组。米勒定律：短时记忆，人平均能记住7±2个项目。对于信息展示而言，一次展示的条目不宜过多。冯·雷斯托夫效应：当存在多个相似的对象时，与众不同的那个容易被记住。对于设计而言，这也是“设计点”的所在。突出真正重要的内容。蔡格尼克记忆效应：人们对于未完成的任务的记忆比已完成的更深刻。对于任务的设计，需要同时关注已完成与未完成，促使、激励人们去完成未完成的任务。3、交互设计五要素——

人、动作、工具或媒介、目的和场景构成交互设计的五要素

Ⅰ、 先了解一下交互设计的基本概念：

交互设计是一种目标导向设计，所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为，让用户更方便更有效率的去完成产品业务目标，获得愉快的用户体验。

Ⅱ、交互设计在项目流程中的位置和任务：

项目前期的流程和节点：

职能的细化就是为了让产品在每个专业环节都做到极致，提高竞争力。如果是为了走流程，每个环节都是任务式的交付，臃肿的分工除了增加成本和拖慢项目进度，没有实际意义。所以交互设计需要做的足够好，才能将这份工作做的有意义。

Ⅲ、交互设计的具体职能：

从上图中可以看出，交互设计主要干三件事：

①定义部分需求 ②定义信息架构和操作流程 ③ 组织页面元素，制作原型demo

①定义部分需求

以前的惯性思维是需求应该由产品人员负责，设计人员只是实现和改善界面体验。而产品的真正需求不仅仅来源于业务，还包括使用者的情感需求。在情感分析方面，交互专业是具有优势的，举个例子：

一个增值服务的宣传模块，业务模型可能是这样子：

考虑到情感因素后，需求模型会不断完善：

上图仅仅是举个例子，真正的产品人员不会将业务模型想的如此简单。举这个例子就是想说明一下产品的需求设计不仅仅是业务模型，还需要考虑用户情感、用户行为和运营数据。当产品人员考虑不周全的时候，交互设计师有责任对需求进行修订和完善，这样的目标导向设计才是完整的。

②定义框架

这部分的内容属于交互设计师的核心工作内容，也就是我上一章节所讲的框架设计阶段。这个阶段的产出质量直接影响到业务目标和转化率。如果框架混乱，接下来的界面怎么优化都是无效的。这好比大型超市的走道设计，如果路线规划的不好，再多再大的指引图标都是低效的。交互设计做什么？让用户快速完成目标，提升操作效率，这才是框架设计的意义所在。

破洛洛文章简介：本章主要详述一下交互设计的职能——交互设计师具体做哪些内容？

什么是框架设计呢？这要分成两部分内容：

1.关于结构导航的设计

把我们的产品想象成一个巨大的图书馆，我们需要帮助用户（有目的性的、目的不明确的，无目的性的）寻找他们感兴趣的图书，怎么帮助用户准确的寻找完成目标任务，这就是导航设计。导航的设计任务一般在新项目或重构项目。

导航大概可以分为三种类型：结构导航、关联导航、可用性导航

在框架设计的阶段，交互设计师主要关注于结构导航的设计。

结构导航分两种：全局导航与局部导航。全局导航一般是指无联系的信息结构做的一级大分类，方便用户以最快速的方式了解整个网站有什么大概内容。而局部导航则关注于用户最方便的快捷操作和业务引导操作。

交互设计师的首要任务就是将业务内容信息组织分类，划分出主次关系，根据业务目的和用户习惯定义规划全局导航和局部导航的设计。那应该怎么规划呢？

回到第一个增值服务页面的例子（虚拟案例，非真实案例）：

将需求梳理后（怎么梳理，请google抽屉整理法），我们可以确认全局导航：

再详细规划局部导航：

局部导航的层级可以不断往下延伸，通过树形目录或面包屑的方法帮助用户浏览时不至于迷路。

2. 关于流程的设计

之前的案例我们已经基本上确认了模块需求有哪些页面，页面大概会放什么内容。但真实的用户任务并不是在一个页面上完成的，这时候我们就需要通过流程的方式把任务变得清晰和包容用户的各种误操作。

虚拟案例：

在流程的规划设计中要遵循：1.以业务目的为主要导向；2.兼容到用户的习惯；3.尽量让流程做减法，多一个流程就会丢一部分用户；4.任务是连贯和清晰的；5.考虑实现方式的复杂程度；欢迎补充…

③组织页面元素，制作原型demo

经过了需求的完善和框架的设计，之前的这些工作还是停留在抽象的想法阶段，怎么把想法转达给项目组的其他人员呢？交互还需要把想法和规划表达出来，那么最好的方式就是制作原型Demo。把Demo做出来，让产品，开发，测试直观的看到产品的雏形， 再广泛的接受意见，对原型进行不断的修正，改进，做简单的用户测试继续挖掘情感需求。