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

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

为什么要进行交互设计

1、使产品的界面更具有可用性

2、让用户有良好的体验

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

交互设计的五要素

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

这五个核心元素可以作为考量交互好坏的标准

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

交互原型设计的的步骤:

1、概念设计

2、进行用户角色分析

3、用户目标分析

4、目标流程图

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

6、原型图

(一)、概念设计

先讲清楚:这是一个什么样的产品(定位产品方向以及功能)

举个栗子:陌陌

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

1、总有新奇在身边

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

3、现在你不只可以发现附近的人,还能发现他们在关注什么话题,做什么有趣的事情

4、聊天室:随时加入,想聊就聊,还可以邀请好友,让社交更有活力

5、话题:创建你自己的最热话题,发现身边的人在关注什么

6、附近活动:丰富的身边精彩活动,等你和小伙伴们一起加入

分析他的维度

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

(二)、进行用户角色分析

谁是用户

用户的痛点是什么

用户的使用场景是什么

举个栗子:陌陌

用户:

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

第二层是刚刚走向社会,但是还没成家的那一部分人(大致是22-27岁)。这部分人有一定的经济实力,但是经济能力不强,生活工作不稳定。这部分人中的许多人都没有一个稳定的社交圈子,有些人还没有对象。这部分人的陌生人社交需求相对其他层级是较强的,许多人也是空虚的。他们如果需要陌陌,是会考虑为陌陌付费的。

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

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

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

用户的痛点

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

举个栗子

一个本来喜欢吃香辣伙锅的美食爱好者,很可能因为怕上火而导致不敢吃了,这就成为了他日常生活中的一个问题,也就是我们所说的用户痛点。王老吉发现了这样一个普遍存在的问题,针对用户痛点,提出“怕上火,喝王老吉”,直指消费者的问题,直达消费者的痛点,如此一举获得大成!

用户使用的场景

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

(三)用户目标分析

分析用户打开软件后希望有什么样的期望和目的

举个栗子:陌陌

我要看附近的人

我要聊天

查看消息

我要管理照片墙

照片墙创建

身边的照片墙

拍照上传

请求查看

照片墙上的照片

我要管理空间

我自己的空间

查看他人的空间

我要注册

好友

通知(消息)

(四)目标流程图

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

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

(六)原型图

编辑:千锋UI设计

交互设计流程是怎样的?相关推荐

  1. 交互设计师必须知道的五大交互设计流程

    交互设计师必须知道的五大交互设计流程 交互设计又称互动设计,从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解 ...

  2. 敏捷开发下的B端交互设计流程

    交互设计师在这整个流程中,需要主动推动项目的进展,积极沟通,充分协作.在需求阶段充分了解需求,设计阶段不断与产品经理(需求方)及相关人员(视觉.开发等)沟通,开发阶段积极传递设计目标及效果,有变更及时 ...

  3. UIPower交互设计 - 《UI的革命》文字版

    演讲者:UIPower用户体验部部长 陆国新博士 <UI的革命>第二部:<交互设计>,共分五讲: 第一讲:<交互设计的成功要素>视频地址:http://www.tu ...

  4. 交互设计入门(思维、方法、工具)

    在日常工作中,我们或许会遇到这样的情景: 说不清楚交互设计师和 UI 设计师的区别,被人觉得交互设计师就只有审稿或在产品经理出的原型基础上完善优化的份了:面对很多成熟的交互组件库和界面框架,觉得交互设 ...

  5. html5制作语音交互功能,语音交互设计(1):设计流程

    文章是作者根据Alexa官方所译,希望能够给你带来些参考和帮助. 会话体验设计中的思考流程 以下内容均来自Alexa官方,本着通俗易懂的原则,在翻译过程中不免有不严谨.错误之处,请各位看官及时批评指正 ...

  6. 网站制作流程及界面交互设计研究探讨

    很多朋友希望,我能把我做网站的一些流程及经验跟大家分享一下,最近刚好做一次内部培训,所以稍微整理了一下,这些只是针对网页初学者,具有一定平面设计水平的人,对HTML不是很了解,这里有很多都是一些我个人 ...

  7. 网站制作流程及界面交互设计

    网站制作流程及界面交互设计研究探讨 作者的blog: http://www.onling.net/blog/ 很多朋友希望,我能把我做网站的一些流程及经验跟大家分享一下,最近刚好做一次内部培训,所以稍 ...

  8. sketch如何做设计稿交互_交互设计师是做什么的——交互设计的历史、现状和未来...

    交互设计是定义.设计人造物系统的行为的设计领域,它定义了两个或者多个互动的个体之间交流的内容和结构,使之互相配合,达成某种目的.--百度百科 交互设计师是以人的需求为导向,理解用户的期望和需求的同时, ...

  9. 数据仓库中宽表的设计原则_实际项目中交互设计原则的运用

    在实际项目中设计交互行为方式的时候,我们该怎么去运用的这些交互设计原则呢? 通常我们在设计过程中,会提到设计要满足一定的交互设计原则,而对于一名交互设计师来说,原则是在设计过程中遵循的一种大众认可的, ...

  10. sketch如何做设计稿交互_做交互设计不可不知的十大原则

    交互界最知名的"尼尔森十大可用性原则",或者称之为"尼尔森十大交互原则",这是尼尔森(Jakob Nielsen)博士于1995年提出的非常经典的十大准则,虽然 ...

最新文章

  1. 在微服务架构下基于 Prometheus 构建一体化监控平台的最佳实践
  2. 智能家居成新热点 市场化进程遇瓶颈
  3. Mybatis一级缓存,二级缓存的实现就是这么简单
  4. ajax 批量上传图片插件,jQuery多文件上传插件jquery.imageuploader.js
  5. 六十九、完成Vue项目城市选择页,路由配置,搜索框布局、列表布局、BetterScroll 的使用和字母表布局
  6. 用户sa登陆失败 SQLServer 错误18456的解决方法
  7. jQuery_2_常规选择器-进阶选择器
  8. FiddlerScript-常用总结
  9. 野生前端的数据结构练习(11)动态规划算法
  10. AnySDK项目实战教程
  11. lucene使用与优化
  12. 2017年11月11日
  13. VMWARE 之 vSphere vCenter 安装基本配置
  14. 整车车辆七自由度垂向动力学模型
  15. 原始数据哪里找?这些网站要用好!200个国内外数据网站大全
  16. 牛顿广义二项式定理-母函数
  17. 十大超极本:联想U系列上榜
  18. 从零开始的单片机学习(四)
  19. 绘制CAD图纸的过程中CAD快捷键失灵了怎么办?
  20. 计算机应用数值,数值计算和计算机应用.pdf

热门文章

  1. 永久关闭“WPS热点”的显示_我是亲民_新浪博客
  2. python创意网络爬虫_python之网络爬虫
  3. 网课答案查题方法详细步骤
  4. Go语言值不值得学,发展前景怎么样?
  5. 【PTA-python】第4章-15 换硬币 (20 分)
  6. “内存型”网游外挂的刑事责任辨析
  7. 安徽财贸职业学院计算机信息管理怎么样,让大家看看安徽财贸职业学院计算机系的汪永涛辅导员如何对待我的...
  8. Unity (NavMeshAgent 导航系统)
  9. 提取出 Word 文档里的图片 并利用 python 批量转换格式
  10. linux里面rpm是什么文件,linux中deb格式和rpm格式分别是什么?