当前位置: 首页 > 设计资讯 > 设计教程 > 正文

UIMAX设计师的工作分享:完整的交互设计流程诠释

2017-09-14 5562 0

很荣幸,25学堂的小编在逛知乎当中,看到了一位目前在UIMAX当中任职的UI交互设计师:挪小辣。

看到设计师挪小辣的一些观点非常接地气。顾转载过来跟目前想要从事APP交互设计的小伙伴一起学习。

APP完整的交互设计流程

如果你喜欢这个图当中的APP交互设计案例,可以点击下载PSD素材。

链接: https://pan.baidu.com/s/1cF2MiM 密码: pv51

 

下面就是设计师根据在UIMAX个人工作经验整理出的一个完整的交互设计流程。具体设计项目的时候可能只涉及到其中某一个环节或几个环节,根据产品设计的阶段、你所在设计团队的工作分配方式和项目情况而定。

 

第一部分:什么是完整的交互设计流程

Diagram-UX-app交互原型模板

一、研究阶段

1.思考产品目标

明确做这个产品的目的是为了谁解决什么问题,或带来什么价值。

 

2.用户研究

目标:用户是谁?典型使用场景是什么?目前存在哪些问题和机会?

可能用到如下用户研究方法,不限于此:情境访谈 、用户画像、体验地图、用户观察、日志法、焦点小组等。

3.行业现状研究

桌面研究:通过桌面研究了解产品所在行业发展现状和趋势。我们的产品可能在市场中处于什么位置。

竞品分析:分析市场上典型竞争对手的服务情况,详细分析竞品的产品策略、功能架构、设计重点等内容,提出我们的特色突破点,为后期设计提供依据。

启发式评估:若进行已有产品的改版设计,应对已有的产品进行启发式评估,评测现有产品的可用性和易用性,发现问题。

 

二、定义阶段

结合前期用研究的结果,定义哪些用户群体解决什么问题,分析典型场景及用户需求,定义产品功能。

1.确定目标用户群属性和特征:包含用户人种学特征、消费偏好、审美偏好、操作偏好等。为后期的设计指导交互原则和视觉设计风格。

2.分析典型使用场景:用户在什么时间、地点和环境下,用户目标是什么、现存在哪些问题。

3.需求分析:分析目标用户在典型场景下遇到的问题,挖掘潜在需求,确立产品目标,为之后的设计提供瞄准的方向和重点。

4.功能定义:定义产品最主要的功能和基本功能,输出功能框架图。必要时,可使用卡片法确定功能框架。

 

医疗行业的APP交互原型图

三、概念设计阶段

这一阶段的目的是针对关键功能的概念设计,寻找多种可能的解决方案,定下现阶段最优的关键功能设计方案:

针对用户在某一典型场景下的任务,使用故事版的方法,进行目标分解。设计团队成员可以坐在一起头脑风暴,发散思路,设计各种可能可行的方案。最终筛选并优化,定出最符合用户心智的交互概念方案。

 

 

四、详细交互设计

确定概念方案后,就可以进行具体的交互设计,具体的交互设计产出物如下:

1.详细功能框架图/功能列表

2.交互逻辑流程图

3.交互说明文档,包含所有状态的交互页面,和交互说明、交互规范。

中间可能有多次评审和反复讨论修改的过程,在这个过程中方案不断完善。

 

 

五、设计方案验证与优化

交互原型输出后,需要进行设计师内部的走查,可以针对用户进行可用性测试,A/Btest,5秒测试等。目的在于发现用户在使用产品中可能出现的问题、获取用户对设计的反馈信息。其测试和评估结果将作为为设计修改的数据支撑。完善设计后,快速迭代。

APP交互设计流程

 

第二部分:教你做交互设计时应该从哪几个大的方面入手

大的思路是以目标为导向。

1、产品目标/业务目标:如果是从零开始设计一个新产品,要考虑产品的目标是什么;如果是设计某个产品的某部分功能,要考虑业务目标是什么(PS:业务目标以产品目标为导向)。

2、明确目标用户是谁,用户的诉求是什么,想要从产品中获得什么。综合考虑用户诉求与产品的目标(其实是寻找产品目标和用户诉求的交集),设定我们的设计目标,确定设计目标后,所有的交互方案在设计时以达到设计目标为目的。

3、依据设计目标定义产品框架。

4、分解用户场景,设计交互细节。


61
评论区(0)
正在加载评论...
相关推荐