交互设计工作流程6步走

点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn经常有人会问交互设计到底是做什么的?交互在工作中的流程是什么样子的?那么今天就来讲讲交互设计在工作项目中需要做哪些工作。这里结合笔者本身的个人经历,将交互工作流程总结为以下6点:1、发现问题这里的发现问题,主要是找到一些体验不合理或者未达到预期效果的地方。发现问题的方式有很多,在实际项目工作中,可能大部分的问题反馈来源于客服或者产品需求,这里交互更...

    
点击
信息与交互设计
关注我们!

 欢迎大家踊跃投稿哦!

投稿邮箱:iidc@iidc.org.cn

经常有人会问交互设计到底是做什么的?交互在工作中的流程是什么样子的?那么今天就来讲讲交互设计在工作项目中需要做哪些工作。


这里结合笔者本身的个人经历,将交互工作流程总结为以下6点:


1、发现问题


这里的发现问题,主要是找到一些体验不合理或者未达到预期效果的地方。发现问题的方式有很多,在实际项目工作中,可能大部分的问题反馈来源于客服或者产品需求,这里交互更多是相当于一个需求接收方。其实交互应该更多地承担起发现问题、发起需求、推进项目的责任,交互需要不停地体验产品,只有把自己当做用户才能明白用户真正想要的;需要跟客服和市场的同事经常沟通,以便能够准确地了解用户的反馈;需要和产品开发不断磨合,最大程度地将需求推行上线;需要不停地研究用户数据,用数据验证方案,并优化方案。


2、分析问题


当我们发现问题后,先不着急立马寻找解决方案,这个时候需要冷静思考这个问题的前因后果,也就是要理智地分析这个问题。这个问题产生的原因是什么?涉及到哪些业务方面的问题?会给用户带来什么样的体验上的困扰?会对转化率产生什么影响?这个问题优先级如何?等等……


在分析问题的过程中,你同样需要跟用研、产品、运营和开发去沟通,了解其他同事对于这个问题的看法,毕竟推进需求落实需要其他同事的通力合作,在这个过程中就开始要评估设计需要做到哪个程度,优先级如何,预期达到什么样的效果。


3、设计方案


当上述需求分析完成后,就可以开始思考设计方案,设计方案主要还是要根据交互设计三要素:用户、场景和目标。你的设计方案一定要考虑清楚你的目标用户是哪些?有哪些特征?用户当前的使用目标是什么?以及用户在当前的使用场景和心理状态是什么样子的?依据这些你能够更加清晰地分析出问题最核心的点在哪,也更容易戳中用户的痛点。


一般来说优化的方向主要有3个:框架、流程和内容。分析完用户的场景和目标之后我们开始针对于详细的页面进行框架、流程上面的改造和内容上面的优化。比如页面框架结构是不是太复杂了,页面层级太深了,那我们优化的时候是不是可以重新规划一下;又或许页面流程太长影响了最终的转化率,那么我们是不是可以考虑重新优化流程,将不必要的流程去掉,让用户关注点聚焦;又或者页面布局混乱,那么我们试着将页面内容全部打散,将页面内容重新分组排重要级,删除一些无关紧要的内容,然后重新布局。


最后就是产出交互文档,一般文档需要包含项目名称、更新记录、设计思路、页面结构、任务流程、单个页面展示和交互逻辑、以及交互说明。不过每个设计师的交互文档是不尽相同的,文档只是为了能够更好表达设计师的设计思路,样式什么的不是最重要的,只要表达清晰即可。


4、推动执行


这一步工作大部分人会忽略,其实这一步还是很重要的,交互是需要很强执行力的,你需要推动每个环节能够稳步的进行,能够产出设计方案还只是停留在理论和概念层面,你还需要推动视觉的同学做出更有吸引力的视觉方案,需要推动前端同学最大程度地实现交互方案的还原,需要配合测试同学进行整体的体验测试,直到你的设计方案能够完美的落地和上线。这是一个很艰难的过程,没有人能保证100%的还原,所以设计师需要保持时刻地跟进,确保每个细节的高度还原。


5、数据分析


数据分析是后期总结非常重要的一个过程,是验证你设计方案是否正确的重要佐证。交互这边主要看的数据是:点击率、留存率以及流程转化漏斗数据等等。有些团队可能没有专业的数据分析工具,那么该怎么看到反馈呢?这里也有一些其他渠道,比如可以联系公司内部客服和市场的同事,毕竟他们每天接收到用户的反馈。还可以邀请几个目标用户,做一个简单的问卷调查或者用户访谈。再或者可以通过应用市场等地方可以看到用户的一些评论等等这些。


6、优化迭代


这个步骤一般要依据上一个步骤,一般来说通过数据反馈可以大概看出整个设计方案的优劣,交互设计师的设计方案不一定每次都会达到预期的结果,那么我们就要开始继续思考和分析,然后继续发现问题-分析问题-设计方案-推动执行-数据分析-优化迭代,就这样不停地形成一个交互设计流程的闭环。


流程是为了让不同的岗位同事之间的合作更加顺畅和高效,交互设计的工作流程可能每个人都是不一样的,但是最终目的都是为了给用户带来更好的用户体验,有些时候不要为了流程反而忘记了交互本身的意义。


题图来自 unsplash

原文链接:http://www.woshipm.com/ucd/849522.html

作者:小米渣

我的出处

                  来源:交互设计学堂

版权声明

专委会微信公众号文章来源于作者授权或者投稿文章,大部分转载文章都尽量标明了出处以及作者信息,版权都归作者所有,若涉及到版权问题,请添加微信:wendyxue96联系删除,谢谢!(有关投稿问题也可骚扰哦!)

交互设计工作流程6步走
交互设计工作流程6步走
交互设计工作流程6步走

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/34657/

(0)
交互精选交互精选
上一篇 2018-01-30
下一篇 2018-01-30

相关推荐

  • 用户体验和可用性之间的联系和差异,你都知道吗

    可用性涉及到产品的有效性,效率和满意度,用户可以尽可能简单那地完成某些任务。另一方面,用户体验涉及到用户和网站互动上更为广泛的领域中的方方面面。作者|Amy Smith源自|优设网最近几年来,用户体验设计逐步成为了目前设计圈中广泛认同的重要设计环节。而“可用性”这一词也作为改善用户体验设计的重要度量而发挥着无与伦比的作用。于是乎,除了“用户体验设计师”这一职位,在欧美的产品和设计团队当中还诞生了“可用性工程师”这样的专业职位。另一方面,...

    2018-03-06
  • 沃尔沃自主驾驶概念交互设计欣赏

    沃尔沃自主驾驶的概念交互设计来自设计师Keke Le用户调研 |  HMI设计 |  UE/UI设计 |  HMI培训  |  HMI评测  | 体验咨询

    2018-03-21
  • 设计×交互 | 在做交互的时候,我们可以从不好的设计与好的设计中学到什么?

    让人人都懂点儿设计设计史论全文字数 :4689 | 阅读 时长:12分钟今天史论君为大家分享一篇来自interaction design foundation的文章原文作者:TEO SLANG    |    翻译:于于于Jessica编辑:Sujay Wu转载后台回复 :史论君把不好的设计和好的设计的反面例子一起看,不仅有趣,而且为设计师们提供了重要的经验教训。它们突出了设计人员要避免的陷阱,并让我们理解如何将设计理论转化为在现实世界...

    2018-04-07
  • 【软件安装】Axure RP 7.0软件图文安装教程

    1、会员覆盖工作、学习、生活娱乐,并不断更新更多有价值的精品软件2、安装中有任何问题请咨询小白资料网私人微信:xbzw88888888【特别推荐】加小白官方微信:xbzw88888888,就可免费领取:快速入门自学视频课程Axure RP 7.0软件图文安装教程软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的...

    2018-03-13
  • 产品经理需要用心做好的交互体验——权限获取

    满城尽带黄金甲里,有句台词说得好,“朕给你的,才是你的,朕不给你,你不能抢”。用户给APP授权了,APP才能使用,直接索取或者暗度陈仓,效果往往会适得其反。今天就让小Q讲讲她的交互心得吧~很多APP会在初次使用的过程中直接弹框索取权限,这确实是最简单的实现方式,但被拒的可能性也最大。另外一类APP会在询问时通过一些小技巧变着法的诱导用户点击“允许”。实现成本不会比第一种高出很多,但获取授权的几率会增大。还有一种APP,会等用户用到相关功...

    2018-01-30
  • 塾乐教育-进阶提高设计思路的秘籍在这里!

    一直以来,我们始终想让知识变的更实用这5年,课程前后完善了几十个方案这篇文章,请认真阅读也许,会改变你的一生01为什么学设计一定要参加系统课程学习?01- 电商设计行业升级更新太快,如果不即时学习最新的知识。单靠自己平时工作的经验是无法满足中高端市场的需求的!通过学习,让你远远超过你的同行技术水平!02- 虽然互联网上免费知识层出不穷,但绝大部分都是挂羊头卖狗肉性质的不系统招生引流课程。给你一点甜头,再收取你高额培训费用!03- 一个人...

    2018-03-03
  • Axure教程:实现类网易云音乐APP播放效果

    整体效果截图首页:视频播放:我的音乐:朋友:音乐识别:音乐播放:实现本原型实际效果可以在预览地址查看,本文将重点讲述播放器界面的实现过程。1.原型共有11个独立页面:依次为:首页,排行榜,FM,视频,我的,朋友,账号,音乐识别,音乐播放,每日推荐,歌单页面。2.音乐识别界面效果实现分析:1.音乐识别效果由首页左上角麦克风图标点击后触发,进入识别页面时开始识别同时效果自动开始。由于音乐识别和首页分别在两个不同页面,所以可以考虑通过全局变量...

    2018-03-24
  • 交互设计背后隐藏的万亿级医美市场在哪?

    你一定过很多书,走过很多的路,可书山瀚海,究竟那一句改变了你?当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放我期待张雨生 - 未来感谢你的阅读,百无一用是书生,十有九八堪白眼。什么是互联网交互:简单的是指互联网与手指或者语音之间的直接联系,2010年前简单的视频影音播放器还没有意识到用户和用户之间交互的强大之处,所以很多播放系统后来才加了弹幕功能,交互设计强调独立个体我与众多个体的交流交叉联系,微信微博是目前市场上最大的交互...

    微信热点 2018-02-26
  • 美术丨创意Game可用性微交互设计:视觉空间微交互设计

    文章导言(悄然你的特别吸引了我)有些设计看起来简洁,有些设计看起来杂乱无章;有些设计让您快速找到想要的信息,有些设计却让您置身于迷宫之中;为什么要绞尽脑汁写这些细节上的差异?用户在使用产品时是怎么样的心理活动?这将是我分享的一些个人见解。前言:致敬设计学研书籍作者们,有机会写《创意Game可用性微交互设计》总结。如题我们将进行一场有趣的游戏可用性微交互设计讨论。考虑并不是写一本书来高谈阔论,而交互又无处不在: 版面、颜色、纹理、动画、文...

    2018-02-28
  • 全面解读!人工智能如何改善五大用户体验?

    点击【阅读原文】,即将IPO独角兽,抓住上市前最后的机会!最近两年人工智能技术在金融、安全、交通、医疗、公共服务和制造业等领域逐渐落地,随着技术的成熟,人工智能将会在更多领域影响人类的生活。以人为本的人工智能设计会变得更加重要,本文会从安全性、效率、易用性、场景化、个性化五个方面阐述人工智能如何改善现有的产品和用户体验,这五个方面存在着各种联系并相互影响。安全性越接近系统底层的技术越影响用户体验,例如手机中毒或者信息被盗都会对用户产生巨...

    2018-05-05