交互设计的原理与方法

设计从学科角度上是一个大类，包含我们常见的工业设计、视觉传达设计、界面设计、交互设计等等。

很多设计同学都想从事互联网行业，而在互联网领域中除了界面设计之外最为热火的设计岗位便是交互设计。

很多小公司是没有交互设计岗位这一说，更多的是由产品经理或者UI设计师兼任，在老板看来，产品经理在完成需求和功能分析的同时就可以直接进行线框图制作，后面交给UI设计师上色处理就好了，能快速解决问题还能降低人力成本。

实际上，产品经理和UI设计师对产品的认知有时候并不是统一的，双方的职业直接导致鸿沟的出现，看起来人力成本是降低了，但隐性的沟通成本和修改成本直线上升，此时就需要交互设计师上承产品下接UI。

当前很多的大厂基本上组建了自己的交互设计团队或用户体验团队，例如腾讯、阿里等。

那么交互设计师所负责的交互设计是什么？

1.交互设计定义

交互设计( interaction design, IXD )，从字面上来说，交互即为相互作用相互影响，设计即为理解与传达。

在很多专业书籍中，作者对交互设计做出了不同的定义：

在《交互设计原理》中是指：对于交互式数字产品、环境、系统和服务的设计，定义人造物的行为方式，即人工制品在特定场景下的反应。

在《交互设计精髓4》定义为：设计交互式数字产品、环境、系统和服务的设计，聚焦于如何设计行为。

而在《超越人机交互》中则是指：设计交互式产品来支持人们在日常工作生活中交流和交互的方式，创造用户体验以增强人们工作、生活以及通信的方式，聚焦在实践上，即怎样设计用户体验。

对于互联网产品来说，交互设计就是根据场景需求来定义产品和用户之间信息交换的行为方式。

例如购买衣物，传统实体店主要是本人到场亲身试穿才决定购买，而在购物APP则会考虑点进评论区查看他人的穿着照片和视频，而在前沿的AR/VR技术中，用户又可以轻松点取就能实现异地模拟试穿，衣物等商品信息是没有变的，但用户获取信息的行为方式却发生了多次变化。

所以交互设计也可称为行为设计，关注交互系统如何在宏观和微观层面改变人们的行为和生活方式。

而交互设计师需要理解用户的期望、动机、需求和使用情境，理解商业、技术、行业的机会和制约，以上述知识为规划基础来创造产品，让产品的形式、内容和行为可用、令人满意，无论经济与技术上都是切实可行。

交互的设计创新需要对技术的领悟力，但对人性的洞察力更重要，这就是以人为本的设计思维，从人的角度拓展技术的应用可能。

设计中的有些问题不能仅仅依靠直觉判断，即使是一些非常感性的因素，也需要一定数量的用户调研予以确定。

“交互设计师不应该设计一个花瓶，而是去设计一种欣赏鲜花的方式，一种体验过程，这种方式必须是与人们的生活方式相结合。”

2. 交互设计的三种观点和共性

早期众多的学者和从业人员对于交互设计的核心对象有着不同的观点：

技术为中心的观点：使技术特别是数字技术变得有用、易用、乐于被使用

“交互设计是关于人、行为、动作的设计。对产品的使用行为、任务流程和信息架构的设计，实现技术的可用性、可读性以及愉悦感。”

行为学派观点：强调功能和反馈，在人们使用产品时产品如何工作，如何反馈。

“交互设计就是定义人造物、环境和系统（如产品）的行为。”

“交互设计是针对流程进行的设计，为确保人与事物接触时有流畅的逻辑，符合操作习惯，需要通过交互设计来引导行为，设计行为流程。同时交互设计也是针对反馈动作进行的设计，当我们与某事物接触后，需要有合理的反馈来告诉我们行为的结果，给予我们下一步的行为指示，这也是一个循环的过程。”

社会交往设计的观点：本质具有社会性，利用产品促进人与人沟通。

“首先交互设计是以人为中心的设计，一切与人相关的、有接触的事物都可以纳入为交互设计的对象。”

“我们表面接触到的设计可能是物、软件、产品，但交互设计的最终目的应该使人与物的交互到达像人与人之间的相处那样自然、真实、有情感。”

虽然对核心对象有着不同的理解，但是他们都有一个共性，即：

交互设计是具有开放性的应用艺术，不是公式化的研究事物工作原理的工程类科学，它描绘的是事物可能的样子，并产生了可靠的正确的规则，天生具有场景性，在特定环境中解决特定问题。

交互设计就是创造和改善技术与人的交流方式，不仅为了效能，也为了快乐和有趣。

“设计”是为某产品或系统构建而进行规划和标准制定的创造性过程，从技术、人性和商业三个领域寻求价值交集，实现个体和社会总体效益的增加和可持续。

设计强调以人为本，交互设计更是以用户为中心的设计。

》〉什么是以人为本？

即关注人性的价值，可以启发设计的创新。人性的价值诉求是没有止境的。看似饱和了的产品，通过再设计，依然可以出发人们新的欲望。

设计对人性价值实现不仅仅限于物质欲望的满足，优秀的设计往往体现了深层次的价值诉求，比如社会责任、理性和自我实现等。虽然人性有大量共同点，但人性价值在个体、社会、阶级、时代和地域之间也会存在差异。设计的复杂性在于有时也需要考虑不同的年龄阶段、文化特质和经济水平中人性的不同。

》〉什么是交互？

交互是人类生存和发展的需要，是人类和其他动物适应自然和繁衍进化所必需的能力。

设计是一门尽力满足传达（communication）要求的学问，设计师通过“作品”向用户阐释其使用方法、效能、技术水平和文化背景等含义。“产品电子化”使得这种“传达”的载体不再只是一个固化的形式而是一个需要用户参与的多态响应式系统。

交互需要考虑的问题分为三部分：感知（feel）、认知（know）、操作（do）。

无所不在的交互
“计算机应该将所有的物理形式用来迎合我们对计算的需要。”智能、感知和连通性已经被带到了每一件事物中，你发现了一样东西，迟早有人会在其中加入一块芯片。

》〉什么是交互设计？

被定义为“对于交互式数字产品、环境、系统和服务的设计”--Baidu

被定义为“对产品的使用行为、任务流程和信息架构的设计，实现技术的可用性、可读性以及愉悦感。 --Bill Moggridge IDEO创始人

被定义为“运用你的技术知识，为了让它变得对人们更加有用，去取悦某人，让某人在使用某项新技术时感到激动，我想交互设计是关于如何让技术更加适应人”--McAra-McWilliam

决定了交互设计属于设计领域而非科学或工程的关键在于它是综合性的，描绘的是事物可能的样子，而非重点在于研究事物的工作原理。

因此，交互设计不仅需要对产品的行为进行定义，还包括对用户认知和行为规律的研究，一个好的交互设计本质上更像一个成功的行为学家。

》〉什么是体验？什么是用户体验？

《辞源》对“体验”有两种解释：一种是实行、实践、以身体之；另一个是领悟、体察、设身处地。前者指人体外部的亲身经历，后者更多指人内在想象和心理活动，

国际标准组织）（ISO 9241-210,2008）定义用户体验为“个体使用或期望使用某产品、系统和服务的感受和反应”，并进一步说明，用户体验包括用户使用前、使用中、使用后的情感、信仰、偏好、感受、生理和心理反应、行为和成就。

维基百科对用户体验的解释为“一个人使用一个特定产品、系统或服务是情绪和态度”

我们在讨论情感化设计时，多指的是情绪。情绪心理学家的评价理论认为情绪本质是一个评价过程。

》〉影响体验的因素有哪些呢？

用户特性：

需求的迫切性，比如求知欲与好奇心、社交、关爱、赢得关注、社会尊重和认同、能力提升等，研究表明，对体验的购买比起等值的物质材料的购买行为，购买者更能体验快乐。如今，人们更多的将快乐与一些能长期带来长期的隐形回报、有意义的人生活动联系起来。
用户能力边界，比如认知能力、感知和动作协调能力。

系统特性：

实效价值和享乐价值，即可用性（易用性）；好看，好听，以及认知层面的精神奖励。
功能层次和交互形式，即降低人和机器之间的沟通成本，用户、系统、环境能相互更好的感知和认知；设计的某些方面追求丰富。

环境因素：

宏观的环境因素，马克思说：“人是一切社会关系的总和”，人的情绪和行为很大程度受着环境因素的影响。“求同”还是“求异”这就要求产品必须考虑社会文化的适应性。

微观的环境因素，即产品具体的使用环境。包括其存在的时间、地点，如一年四季还是一天

体验的时间维度：

体验是一个动态变化的过程，沿着时间维度，体验是一个知觉和情绪逐步唤醒和沉寂的过程。体验多层次的评估意味着情绪唤醒。在情感评价理论中，一般有三个层次的评价：初评价、此评价、再评价，等等。

》〉怎样提高用户体验？

策略一：更少的代价

柏拉图说：“没有痛苦就是快乐。”最好的体验是以最少的“代价”完成必须做的工作。

策略二：对用户的能力放大

策略三：更多的回报

策略四：挑战能力极限

在人擅长的领域挑战用户的极限，将会带来超级回报--稀缺的回报，这符合经济学原理。

策略五：适当波动

策略六：有计划的升级

根据BCE模型，优质的用户体验是”适度“超越用户的期望和想象。

》〉交互设计的基本过程？

》阶段一---需求发现：

发现用户体验价值创新或优化的机会点，即找到用户需求所在和满足需求所采用的技术路线。 这个阶段需要神明产品的核心价值即未来用户的核心体验。这是决定未来开发成败的战略性阶段。

需求调研：a.问卷调查 b.访谈 c.人类学研究和行为观察
技术调研和趋势预测： a.技术趋势预测 b.技术成熟度评估 一个失败的产品只要一个理由就够了
创造性思维方法：a.创造思维模式 b.结构性分析方法c.知觉和灵感
》阶段二---概念设计：

研究如何通过描述一种令人向往的产品使用方式，在第一时间吸引潜在用户；如何设计产品概念模型（concept model）以帮助用户建立对产品核心功能的正确认知和实用动机。 这是全局性的设计阶段。设计师需要提交产品整体的视觉话的概念形态和典型用力的情节时序图。

1.用户行为：a.直觉和理智b.行为模型：GOMS/FBM /情感驱动c.设计行为学：劝导设计/自然的行为设计/文化的行为设计

2.概念模型

3.用户行为视觉化

4.体验草图

5.用例生成

文化属于宏观环境因素，是一个特定的社会环境内征集、艺术、习俗、生活等的综合。设计师需要尊重用户的不同文化背景，让产品以一种无痛形式介入用户的生活和行为。

》阶段三---系统设计：

在概念设计的基础上根据典型用例，生成系统的状态网络（state trannsitional network，STN），完成MVC的定义。这一阶段，设计师需要提交系统的线框图（wireframe）。线框图采用分页或者分屏的方式描述设计对象的功能和行为。所谓系统必须“清晰地表达它的使用方式”，也就是尽快帮助用户建立符合逻辑的心智模型（mental model）。

1.让用户理解系统行为的逻辑

要知道，我们人类会强迫性地尝试阐释我们感知到的现象背后的意义，因此，用户不光需要姐夫系统可见的部分，同时还会不由自主地猜测现象背后可能发生了什么，也就是系统行为背后的逻辑。
1.1MVC框架
1.2 心智模型

2.响应式系统的形式化表达

2.1 有限状态机

2.2.状态转移网路

》阶段四---细节设计：

在线框的基础上，完成布局优化、视觉设计、动画实时前馈和反馈，这些工作是最终高保真体验原型和正式产品发布的必要条件。

完美体验来自细节

有限的注意力资源，消除无意义的视觉复杂度，“美学”的首要原则就是“以最少的处理取得最大的效果”（maximum effects for minimum means）“合规律、合目的性”。分组和层级，人接受到的信息要大雨眼睛见到的东西（格式塔心理学）、网格和秩序、布局和效率、视觉识别系统、符号和象征、实时前馈和反馈、信息设计、充分挖掘数据中的有效信息。

基于原型的迭代开发。

每个部分又可以展开单独写一篇文章，祝在工作中，体会更多和学习更多。

我很同意那句话“给我听，我记不住；给我看，我有可能记住；让我做，我才能懂！”

工作顺利！