交互设计的流程在线视频

接下来我们给大家介绍一下交互设计流程

一般而言用户研究是交互设计流程的起点

首先围绕用户目标对用户需求进行深入发掘

在结合得出的研究结果进行设计构思之后

设计师采用产品原型来表达设计概念

然后按照一定的原则或标准对原型进行评估

快速迭代是交互设计流程的关键

通过对设计方案的不断测试

设计师可以及时发现问题并给出改进的解决方案

一般来说交互设计的流程可以分为以下4步

用户调研

概念设计

包括用场景故事板

原型设计（低保真原型、高保真原型）

然后就是迭代

用户调研

首先确定产品目标以及调研目的

然后通过介入观察

非介入观察

用户访谈等定性调研手段

以及调查问卷等定量调研手段

对用户及其使用场景进行调查了解

对用户需求进行深入挖掘

以便深刻理解用户在使用时的心理和行为模式

为后续设计提供良好的基础

概念设计

设计师在综合分析了用户调研结果

技术可行性以及商业机会之后

便可以开始对软件

产品

服务或者系统进行概念设计

设计师通常通过创建场景（Scenario）或者故事板（Storyboard）

来对产品或系统未来可能的形态进行探索

并将设计人物角色（Person）作为创建场景的基础

整个过程反复迭代多次并辅以头脑风暴

无保留交谈

细化概念模型等活动

原型设计

按原型的表现方式

原型可分为实体原型

外观原型

概念验证原型

实验性硬件原型

数字化原型

按原型表达产品的真实程度可分为

低保真原型（Low-fidelity Prototype）和

高保真原型（High-fidelity Prototype）

按原型表达产品功能的完善程度

原型可分为水平原型和垂直原型

原型设计以快速

低成本和准确表达设计概念以及便于测试目标

在交互设计中经常使用低保真原型和高保真原型

原型评估

原型评估可适用于不同的测试对象

既可以是网站

软件

也可以是产品

服务

当构建了用户可在一定程度上与之交互的原型之后

测试人员便会邀请一定数量的目标用户对原型进行评估

设计师和观察人员会在用户尝试

进行特定操作时在一旁观察

聆听并且记录

进行测试的原型具有很大的不确定性

可能是早期的纸面原型也可能是后期的成品测试

对于原型的评估是一个不断迭代的过程

而每一次的循环性试验都会有一个结果

下一次循环的结果是上一次结果的改进

根据用户评估的结果

设计师需要返回到概念设计或者原型设计阶段

对产品重新进行修改

通过对原型的反复评估和修改

直到满足用户需求

交互设计的先驱维普兰克（verplank）

从可用性和拟物化设计的思维方式

建议了四个层次

从总体概念到系统行为设计的设计思考过程

以下就是4个思考过程的4个步骤

首先是灵感

设计师从现有系统的不足出发或者受到某个想法的激发

确定出一个设计希望达成的目标

接着确定一种容易领会的比拟物

联系使用动机并设想使用情景

然后逐步整理出各个任务是什么

建立一个能串联各个任务的系统模型

清晰地表达使用方法

最后才是确定视觉呈现方式

输入控件和这些控件的布局

上海交通大学顾振宇教授对维普兰克的

交互设计四阶段的思维做了进一步的细化

并强调基于用户测试的持续迭代

将设计过程分为需求发现

概念设计

系统设计和细节设计四个阶段

第一阶段是需求发现

需求发现阶段的重点是发现

用户体验价值创新或者优化的机会点

找到用户需求所在和满足需求需要的技术

需求发现阶段必须明确产品的核心用户体验

也就是核心的功能

需求发现阶段也是决定整个开发项目

是否成功的战略性阶段

需求要切合实际

避免出于设计师的臆想

这样才是一个良好的开端

在接下来的概念设计阶段

研究需要总体描述出一种理想的产品使用方式

需要设计出产品的概念模型

帮助用户建立对产品核心功能的正确认知和使用动机

在这个阶段设计师需要从全局出发

提供产品整体的视觉化概念呈现状态

同时要提供典型用例的情节时序图

第三阶段是系统设计阶段

在概念设计的基础之上根据典型用例

生成系统的状态网络

该阶段设计师需要生成系统的线框图

线框图采用分页或者是分屏的方式

描述设计对象的功能和行为

系统必须要能清晰地表达它的使用方式

这样才能帮助用户建立起符合逻辑的心智模型

第四阶段则是细节设计阶段

该阶段需要在线框的基础上完成布局的优化

视觉设计

动画实时交互

也就是说该阶段需要建立起可供使用的

界面和交互完善的高保真原型

为产品的正式发布打下良好基础

上述的几个阶段遵循由粗略到精细的逐渐推进

从全局的产品功能定义到概念设计

再到系统行为变化和界面视觉的设计

正如图中所示

交互设计整个过程中的每个环节头尾相连

相互嵌套

又包含了各阶段内部迭代和不同阶段之间的循环往复

虽然很多设计流程和方法是

从alan cooper目标导向设计的流程变化而来

实际工作中还会有不同的设计流程

接下来为大家介绍一种由

目标导向设计变形的设计方法

该方法一共有五个步骤

第一步认识产品所要解决的问题

第二步收集目标用户相关信息

第三步提出问题的解决方案

第四步验证解决方案

第五步迭代

交互设计的最终目的是用来解决用户的问题

只有解决用户问题的产品

才有可能被用户所认可和接受

无论是用户访谈

问卷调查还是实地考察等手段

定义设计要解决的问题是最核心最关键的一步

接下来则是就要解决的问题收集相关的用户信息

即用户研究

用户研究的目标是要明白到底在为谁解决问题

了解用户的途径多种多样

最好是通过与用户的协作

或者是师徒式访谈对目标用户进行访谈和研究

接下来是为问题设想解决方案

传统的线框图

建立各种模型

头脑风暴

流程图

原型图等都是提出解决方案的手段

几乎所有的设计方法在这个阶段都可以使用

但是对于稍微复杂的系统

流程图

线框图是较为直观可靠的方法

接下来则是对设想的解决方案进行验证和评测

这也就是经常所说的可用性测试和迭代过程

这一步的宗旨是

能经过用户和市场考验的方案才是好的设计方案

测试的方法有很多种

包括用户可用性测试

A/B测试

灰度测试

热点测试

眼动仪测试

用户观察等方法

经过可用性测试

项目到这一步能够筛选出

可靠的方案进行下一步工作

最后一步其实是前面4步的重复和优化

交互设计是一个螺旋上升的过程

在不断对问题进行改善和迭代升级之后

产品的用户体验得到整体的提高