移动UI交互设计 04 交互设计.pptx

04|交互设计

移动UI交互设计

第4章交互设计

交互设计作为一门关注交互体验的新学科在20世纪80年代产生了，它由IDEO的一位创始人比

尔·摩格理吉(BillMoggridge)在1984年的一次设计会议上提出，他一开始给它命名为“软面

(SoftFace)”,由于这个名字容易让人想起当时流行的玩具“椰菜娃娃(CabbagePatch

Doll)”,因此，后来把它更名为“InteractionDesign”——交互设计。

第4章交互设计

交互设计，也称为互动设计，是指设

计人和产品或服务互动的一种机制，简单来说，就是人们在使用网站、软件、消费产品时产生的互动行为，如图所示。这种互动行为是要以人的需求为导向，理解用户的期望、需求，理解商业、技术及业内的机会与制约，创造出形式、内容、行为有用、易用，令用户满意且技术可行，具有商业利益的产品。

4.2交互设计的要素

4.3交互设计的流程

4.4交互设计项目实战

4.1交互设计团队的组成

交互设计是一项系统而细致的项目，因此不适合一个人去完成，通常会有一个团队一起去完成。

在这个团队中，成员分工明确、各司其职，同时又相互联系、共同合作，通过这种团队协作最终完成产品的交互设计。交互设计团队一般包括以下几个岗位，如图所示。

前端技术实现

产品体验度

设计师

图形设计

流程规划

用户研究

测试产品

产品经理

UX设计师

测武工程师

交互设计师

技术工程师

(5)技术工程师

主要是指前端工程师，负责前端技术的实现

O

交互设计团队

(1)产品经理/项目经理

主要负责产品体验度

4.1交互设计团队的组成

(6)测试工程师

主要负责测试产品

(4)UI设计师

主要负责图形设计

(2)UX设计师

主要负责用户研究

(3)交互设计师

主要负责流程规划

o

在项目前期准备阶段，产品经理要了解该项目的背景，了解项目主要针对的人群及该人群的特

征。UX设计师要配合产品经理做好用户建模和用户目标分析；同时要做好竞品分析，阅读需要的文档并分析需求，提出自己的想法，与产品经理沟通并达到一致的目标。

中期设计阶段，交互设计师要完成项目流程图，要和UI设计师描述交互细节，跟进视觉稿。由

UI设计师制作低保真原型和产品的Demo原型，完成规格文件，也可导入图片制作高保真Demo

原型。

在后期跟进阶段，UI设计师要和技术工程师详细描述交互原型的结构，跟进开发，及时发现遗

漏。还要和测试工程师一起测试产品，看是否与设计保持一致。

4.3交互设计的流程

4.4交互设计项目实战

4.2交互设计的要素

4.1交互设计团队的组成

(1)商业：要满足商业目标。

(2)任务：要充分考虑用户使用

产品的目的，其次考虑视觉展现。

(3)易用：要对新用户来说是友好的，易于学习、易于掌握的。

(4)一致：设计中的控件、交互方式要一致。

(6)反馈：有操作就有反馈，提示信

息必须有效而且无干扰。

(7)友好：实时帮助信息、容错机制、柔和提示信息。

(8)极简：要简约不要繁

杂，要为设计做减法。

交互设计需要体现的要素可以归纳为以下几个方面。

(5)清晰：主模块和主功能清晰。

4.2交互设计的要素

交互设计的核心其实是用户，产品的外观、功能设计都是用来服务用户的，所以交互设计的本

质应该是“以用户为中心”。即在进行产品设计时从用户的需求和用户的感受出发，围绕用户设计产品，而不是让用户去适应产品。无论是产品的使用流程、信息架构，还是产品的人机交互方式，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等。

只有与用户之间进行深入沟通，才能够得到用户真实的需求情况，这些要比研究报告的统计数

据来得重要，甚至有些时候得到的结论与统计数据的结果相反。

4.2交互设计的要素

4.1交互设计团队的组成

4.2交互设计的要素

4.4交互设计项目实战

1

2

2.用户建模

4.3.1前期准备阶段13

3.竞品分析

1.需求分析

3

需求分析是指对要解决的问题进行详细的分析，弄清楚问题的要求，以及最终要得到的效果。

在交互设计中，需求分析就是指深度理解用户需求，挖掘用户的深层次需求。例如，客户饿

了要吃饭，这就是客户的需求。结合这个需求，我们可以帮助用户找到他愿意吃的食物，还可以将他可能喜欢吃的食物推荐给他，再帮助他把好吃的食物推荐给好友。聆听用户需求，深度剖析用户底层需求要点，找准用户痛点，这就是需求分析的精髓。

在进行需求分析时，要