交互设计流程是怎样的？

交互设计做为一门关注交互体验的新学科，在二十世纪八十年代产生的，它由IDEO的一位创始人比尔-莫格里奇在1984年一次设计会议上提出，他一开始给它命名为“软面（SoftFace）”，因为这个名字容易让人想起和当时流行的玩具“椰菜娃娃（CabbagePatchdoll）”，他后来把它改名为“InteractionDesign”---交互设计。

交互设计又称互动设计，（英文Interaction Design, 缩写IxD)，是定义、设计人造系统行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的，努力去创造和创建的是人与产品及服务之间有意义的关系，目标能够从“可用性”和”用户体验“两个层面上进行分析，关注以人为本的用户需求。

为何要进行交互设计

一、使产品的界面更具备可用性

二、让用户有良好的体验

三、使产品能快速方便的完成任务

交互设计的五要素

人、工具、动做、目的、环境

这五个核心元素能够做为考量交互好坏的标准

交互设计师站在用户体验的角度，边思考边绘制，有条有序的梳理了产品文档中的各个需求点，认清了这些冷冰冰文字背后所蕴含的真正需求。

交互原型设计的的步骤：

一、概念设计

二、进行用户角色分析

三、用户目标分析

四、目标流程图

五、与流程搭配的功能构架图

六、原型图

（一）、概念设计

先讲清楚：这是一个什么样的产品（定位产品方向以及功能）

举个栗子：陌陌

陌陌是一款主打基于地理位置的泛娱乐和泛社交平台，是目前中国最成功的陌生人社交APP。它的业务主要涵盖了基于地理位置的陌生人社交、聊天室、社交游戏、视频和直播等。

一、总有新奇在身边

二、进入陌陌的世界，去结识那些陌生而有趣的人

三、如今你不仅能够发现附近的人，还能发现他们在关注什么话题，作什么有趣的事情

四、聊天室：随时加入，想聊就聊，还能够邀请好友，让社交更有活力

五、话题：建立你本身的最热话题，发现身边的人在关注什么

六、附近活动：丰富的身边精彩活动，等你和小伙伴们一块儿加入

分析他的维度

竞品分析 目标用户人群分析 盈利方式 发展前景 产品的角度

（二）、进行用户角色分析

谁是用户

用户的痛点是什么

用户的使用场景是什么

举个栗子：陌陌

用户：

第一层是学生（21岁如下），这阶段的人群只占陌陌用户的不多一部分。这部分人大多都没有接触过社会，因此对陌陌里的内容不会太感兴趣。因为学校的同窗多，因此陌生人社交需求不强。因为周围同龄的异性不少，因此不太会用陌陌这类的产品帮他们脱单。他们还有一个特色就是钱很少。

第二层是刚刚走向社会，可是还没成家的那一部分人（大体是22-27岁）。这部分人有必定的经济实力，可是经济能力不强，生活工做不稳定。这部分人中的许多人都没有一个稳定的社交圈子，有些人尚未对象。这部分人的陌生人社交需求相对其余层级是较强的，许多人也是空虚的。他们若是须要陌陌，是会考虑为陌陌付费的。

第三层是已经步入社会一段时间，事业家庭都稳定下来的人（大体是27-35岁）。这部分人的陌生人社交需求不会太强、生活很是的充实、对新事物的接受程度高、经济实力也比较强。这部分人大多属都据说过陌陌，有些人也会去尝试陌陌。这个年龄阶段的人用陌陌主要是打发无聊的时间的，约炮的确定是少数。他们的脱单需求应该不大高，由于他们之中大部分人都成家了，这部分人的付费倾向较强。

第四层是35-50岁以上的人。他们大多都成了家，有稳定的社会关系和收入。他们对陌陌这类“离经叛道”的新事物的接受度不高，可是他们能够熟练地使用和学习互联网产品。这部分人中只有一小部分不传统的人可能会使用陌陌。他们中的大多数没有为娱乐APP付费的习惯。

第五层是50岁以上的人。他们大多对互联网产品的接受度不高，可是他们有钱，这部分人几乎不可能用陌陌。

用户的痛点

用户痛点就是用户在平常生活或者某种行动中遇到问题，须要一种解决方案来化解生活或者行动中的阻碍。

举个栗子

一个原本喜欢吃香辣伙锅的美食爱好者，极可能由于怕上火而致使不敢吃了，这就成为了他平常生活中的一个问题，也就是咱们所说的用户痛点。王老吉发现了这样一个广泛存在的问题，针对用户痛点，提出“怕上火，喝王老吉”，直指消费者的问题，直达消费者的痛点，如此一举得到大成！

用户使用的场景

考虑用户会在什么时间什么地点打开咱们的软件去进行使用，从而根据场景去设想怎样能引导用户使用软件时有更好的体验。

（三）用户目标分析

分析用户打开软件后但愿有什么样的指望和目的

举个栗子：陌陌

我要看附近的人

我要聊天

查看消息

我要管理照片墙

照片墙建立

身边的照片墙

拍照上传

请求查看

照片墙上的照片

我要管理空间

我本身的空间

查看他人的空间

我要注册

好友

通知（消息）

（四）目标流程图

绘制流程图 具体到每一个功能

(五) 与流程搭配的功能构架图

(六)原型图