交互设计工作流程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

相关推荐

  • 干货|关于用户体验,你想知道的都在这里

    昨天,高高老师邀请了北师大本部三位学长学姐分享了心理学用户体验的相关知识以及职业发展的经验。三位主讲者分别是:如如学姐、喵喵学姐、大洲学长,都来自北师珠12级应用心理学系。问:用户体验(UX)到底是什么?答:其实行业内并没有统一说法,我觉得它作为一个动词来说可以指一项研究活动,通过用户体验的研究方法去探究用户在某个情境下的痛点或者是需求,然后再恰当地运用用户体验设计去满足他们的痛点和需求;而且人的需求总是随时间和时代的变化而变化,所以用...

    2018-04-01
  • UED专访 | 李冀:建筑设计的唯一性与多样性

    📌 编辑 | XK P.S建筑行业之所以能百花竞放是因为有人独树一帜,自成一派有人匠心筑梦,执著务实在各展所长的事务所里李冀的原地工作室像潜生的植物一样有着自己的节奏与坚守静默地成长着……©UED我们常说懂一个作品应是知其然并知其所以然。本次我们专访内容围绕李冀及其原地建筑事务所作品展开,以长白山河谷别墅群等作品为切入点,尽可能多地去探究建筑建造过程的一些原由故事,倾听设计师还原当时的设计思路,了解作品从无到有精细入微的生长。也许你会因...

    2018-02-08
  • 设计流程、交互设计进阶、空状态设计

    设计作品源于设计师的自我发现、情感和创造,在日常工作中我们加入字体、颜色、空间准则来让在我们感性的表达设计美学基础上更理性的表达设计思维;以上这些是众所周知的基本法则,是设计具备的基本能力;科学的、合理的、为用户设计才是设计师价值的体现。那么如何让我们的设计更理性?在长期跟一条产品线的工作过程中,我们会发现每天做着很多事情,不知道会不会有以下感觉:1.感觉离用户很远;2.感觉对用户数据的增长好像没有什么明显帮助。那么用户增长和设计有什么...

    2018-03-15
  • 如何识别和避免“暗黑用户体验”

    作者:Emily Stevens | 翻译:沙喵〜 审校:Moli用户体验设计是一门创造独特奇妙体验的学问——但设计的产出并不都是像彩虹一样美好灿烂的。即便是本质上强调用户友好的设计产业也会有黑暗的一面,而这些黑暗的欺骗性的设计模式比你想象的更为普遍。去年,用户体验设计公司Sigma点名指出,好几家知名零售商利用欺验性的暗黑用户体验设计从用户那儿赚了更多的钱。出现在耻辱榜上的有电商巨头Amazon、快时尚电商Boohoo.com(英国)...

    2018-03-20
  • WEB用户体验

    点击标题下「智业人」可快速关注摘要:随着软件行业的迅速发展,各种软件产品更是形形色色,用户不再满足软件对其所需要的功能实现,更追求一种使用过程中的心里感受,因此用户体验足够好的才能走向最前端。用户体验的定义有很多,用一种比较简单的说法就是“用户对访问网站的感受”。本文主要从用户体验角度出发,从网站的构建到数据渲染完毕的过程提高用户体验。关键字:加载速度、动画、用户体验、布局一个好的网站离不开对用户体验的追求。因为良好的用户体验才能增加用...

    2018-02-03
  • 用AB测试改进用户体验设计,做出正确决策

    本文转译自TubikStudio,全文有删减。设计师们每天都在面对一些难以抉择的情况。面对这样的问题,有经验的团队会对两者进行测试,来确定哪种方案最好,其中一种流行的方法是AB测试。AB测试将用户分成两组,每组都显示不同的版本,一半看到A版本,另一半看到B版本。AB两个选项的差异根据产品经理来决定,可以是颜色差异,也可以是位置差异等。两个版本的有效性可以用浏览量、点击次数或其他数据来衡量。对于设计师来说,这是分析目标受众群体行为模式和特...

    2018-02-24
  • 交互设计规范

    交互设计规范+iPhone界面尺寸:320*480、640*960、640*1136iPhone6:4.7英寸(1334×750),iPhone6 Plus:5.5英寸(1920×1080)设计图单位:像素72dpi。在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iphone6和plus出来后有很多人会使用6的设计效果。如果是我来做的话,我会使用...

    2018-03-21
  • Axure绘制专题页原型

    专题策划对于SEM至关重要,如果策划及文案都搞定了,接下来如何与设计进行沟通呢,这篇文章我们一起聊聊专题页原型绘制的话题。一、Axure界面介绍Axure的使用极其简单,只需要几个拖拽动作就可以基本搞定。接下来我们实际上手用学历教育的例子,带大家一起来看看。绘制这个原型可以分为两步,首先是手机的绘制,然后是文案内容的绘制。左侧面板(快捷键:Ctrl+Shift+[),主要是元件库,将需要用到的元件,直接拖拽就可以。右侧面板(快捷键:Ct...

    2018-03-04
  • 用户至上——何为用户体验

    在这边学习笔记中,主要将讲用户体验是什么、UCD的设计原则、设计原则在项目中的应用和市场、商业、用户不同需求的区分这四个方面。第一:何为用户体验用户体验设计协会将用户体验定义为“用户与产品、服务和系统交互过程中感知到的全部要素。用户体验设计包含构成界面的全部要素,例如页面布局、视觉设计、文字、品牌、声音和交互等。可用性工程协调各个要素之间的关系,并为用户提供最佳的交互体验。”另一个虽然可能不是最佳答案,但是简单有效的回答——就是让技术变...

    2018-04-24
  • Sketch常用插件介绍

    sketch大家应该都不陌生,在互联网设计尤其是UI设计相对于老牌PS,sketch提升了工作效率,改变了以往的工作模式,sketch的强大除了软件本身,另一个不可磨灭的功劳就是丰富的插件。今天给大家介绍几款常用的插件:一、Sketch Measure一键自动生成 HTML 页面,离线下检查所有设计细节,包括 CSS 样式。在线演示: http://utom.design/news/二、Craft帮你提高效率的自动填充神器a.文本自动填...

    2018-04-12