一个完整的交互设计流程是怎样的?

我是一个初学习交互设计的新人(有过几个月的UI设计的学习,仅仅是视觉方面),因为没有做过任何的设计项目,所以不知道整个交互设计师的流程会有哪些内容。前…
关注者
7,355
被浏览
911,473

122 个回答

我想在

Zhou43

的答案上做一些补充。

在我的定义中,

Zhou43

的答案更多是交互设计过程中会使用的部分方法及工具。

交互设计的流程

交互设计的对象是 人的活动 ,辛向阳老师的《

交互设计:从物理逻辑到行为逻辑

》中有详细的阐述。

所以交互设计的流程是:

1. 了解用户的活动及目的;

2. 定义活动中的行为与问题;

3. 定义设计的目标;

4. 设计方案,反复精化;

5. 确认设计方案对用户活动的影响。

对应

Zhou43

的答案:

①、②、④聚焦在了解用户是谁、他们如何使用产品?(活动和行为是什么)、为何这样使用?(目的和心理模型)【流程1】

③、④关注定义用户活动的具体行为和问题,定义设计目标也常常在这个过程中完成。【流程2、3】

⑤、⑥、⑦是通过原型工具和专家经验进行方案设计和精化。【流程4】

⑧是借助测试用户来观察确认方案对用户活动的最终影响是否达到期望的设计目标。【流程5】


设计工具与方法

强调区分设计流程和设计工具、设计方法的原因是:

- 设计流程没有规定使用的工具或方法。

- 设计方法和工具是为了解决设计过程中的挑战提供的解决思路和框架。

- 设计师应当根据情况来选择适合情况的工具和方法。

举2个常见的例子:

故事板
沟通的媒介。故事版不会直接帮助设计师得到更好的方案,但可以帮助设计师在团队讨论时更准确地沟通发现的问题及设计目标。它更多是一个沟通工具。

如果只是一个人来做设计决策,故事板是不需要使用的;

如果整个团队沟通良好,想象力良好,即使是团队沟通也是可以不需要故事板的;

如果在多次沟通中发现团队中不同的角色对问题的理解是有困难的,那故事板可能可以改善这类问题。

原型

通过原型可以更好和更广泛地检验方案。原型设计有很多工具,纸面原型是其中一种。它既是设计工具,也是沟通工具。

如果设计师自己进行设计,简单的纸面原型,甚至在头脑中想象的原型都可以帮助设计师进行方案推敲;

如果需要了解团队甚至用户对不同方案的反馈,那就需要相对高精度的原型,电子稿或者可使用的原型;


如果只是讨论那个方案更优,只需要将相关流程原型化即可讨论;

如果需要考虑方案的可行性等问题,就必须将所有的流程都转化成原型来讨论;




现在交互设计的媒介已经不局限在人机界面上,而是扩展到产品、环境以及人身上。这也是现在在流程和工具上讨论比较多的其中一个原因。

其实没有什么一个完整的交互设计流程,或唯一正确的设计流程。

我仔细读了一下题主的描述,我觉得题主的问题在于不知道如何有调理的描述一段设计过程。

我讲一下设计流程的原理和如何制造设计流程。(说到底就是方法论的本质)


什么是设计流程?

设计流程一般是指设计活动(design activities)这些活动之间的关系。

设计活动就是如需求分析,原型设计,可用性测试一类的活动。

活动之间的关系就是活动的执行顺序。

设计流程在表达上常配以图形和箭头,这样更容易表达设计流程的迭代。

如何确定设计活动?

设计活动是设计流程的基本元素。不同的设计流程核心都是一样的,只不过抽象层次不一样。

比较抽象的方式有,比如有人会把设计流程描述为确定问题,解决问题,验证方案。这是一个很通用的研究方法论。

有人会用更具体的词语描述,比如需求分析


设计流程都是失真的,无法被验证的

设计流程都是在基于设计的基本流程和主观经验上抽象而来的。一个真实的设计过程是非常复杂的,当我们把设计过程抽象成一个简单的模型后,很多信息都没有了,比如团队如何分工,设计师如何做决策。剩下的都是一些大同小异的东西。

举个例子,我们让腾讯微信团队的设计师把微信的设计过程抽象出来,那么每一个人抽象出来的肯定都有差异。那么哪一个是真的?其实都是真的,也可以说都不真。哪一个人的模型能帮你设计出另一个微信来?都不行。

跟着某设计流程走并不能直接复现成功的设计经历。


一些卖网课的会常用一些什么百度设计流程啊,网易设计流程啊,精益产品设计流程啊做宣传,其实这些都行没什么神秘的或者高端的。你对设计过程了解了之后你自己都能造模型。

现象特别热门的 Google design venture 弄出来的 Design Sprint 本质上也没什么特别的。就是通用模型的具体实操而已。

流程的意义

设计流程更多的是表达设计理念和对设计初学者进行启蒙教育沟通工具。


没有一个设计流程可以面面俱到。学习交互设计也不要光盯着某一个交互设计流程看。多看些不同的流程,总结分析里面的侧重点,有哪些设计活动,有哪些产出,基于哪些理论和概念,学习流程背后的理念

真正在自己做设计的时候,千万不要钻流程的牛角尖。

以下是比较常见的基本流程模型

1. Interaction design:Beyond Human - Computer Interaction 的设计流程

这本书里给出了4个大的交互设计的步骤

  • Establishing requirements 确定需求
  • Developing alternative design开发设计理念
  • Prototyping做原型
  • Evaluating评估

2. ISO 的设计流程

ISO 以前也给出了一个交互设计流程 ISO 13407: Human Centred Design Process for Interactive Systems。这个流程已经过时了,被修改成ISO 9241-210

设计活动分别为

  1. 计划设计流程
  2. 理解和分析使用场景
  3. 确定用户和组织需求
  4. 设计
  5. 评估设计是否满足需求

2 至5是不断迭代的过程。

这个流程比较强调使用情境(context of use)。这是以用户为中心的设计里非常重要的一点。



3.ADDIE 模型

ADDIE 模型是教育技术里最有影响力的设计流程模型。.这个模型更强调学习性。常用于教学系统的设计。其实交互设计并不是特别重流程,教育技术领域才是流程泛滥。

ADDIE 分别表示 分析设计开发执行评估


分析 analyze:分析学习目标,分析学习者特征,确定学习环境

设计design:确定教学战略,做原型,界面设计,视觉设计

开发:把设计转化成可测试的原型或产品

执行:在实际情境中测试产品

评估:评估学习系统和学习材料