每个用户体验设计师都要懂的UX移情图

点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cnEmpathy,同理心,或者说移情,是UX设计师在为产品进行用户体验设计的时候,最强的能力和工具之一。移情是人类情绪和心智中最重要的功能之一,在很多时候,它是产生情感共鸣和理解的基石,它也是改善用户体验的重要途径。通常我们所说的换位思考,就是移情。借助移情,设计师站在用户的角度来看待问题,了解用户的需求,理解用户的心态,这是改善用户体验的第一步。在...

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

 欢迎大家踊跃投稿哦!

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

Empathy,同理心,或者说移情,是UX设计师在为产品进行用户体验设计的时候,最强的能力和工具之一。移情是人类情绪和心智中最重要的功能之一,在很多时候,它是产生情感共鸣和理解的基石,它也是改善用户体验的重要途径。

通常我们所说的换位思考,就是移情。借助移情,设计师站在用户的角度来看待问题,了解用户的需求,理解用户的心态,这是改善用户体验的第一步。

在设计的时候,设计师常常会使用移情图来进行UX设计。

什么是移情

在了解移情图之前,先得了解什么是移情。IDEO 首席执行官 Tim Brown 在《Change by Design》这本书中是这样写到的:“我们思考和用户之间的关系的时候,不应该是‘我们对他们’,也不是‘我们代表他们’,而应该是‘我们同他们一起’。”

每个用户体验设计师都要懂的UX移情图

而移情不仅仅是需要设计师站在用户的角度,还需要穿上他们的衣服,身处用户的环境,基于用户所面对的真实需求,只有在这样的状况下,你才会真正体会用户的痛点,这样才能够真正提供有效的方案,帮他们摆脱问题。为什么一定要这样呢?很简单,身临其境你才知道这个时候应有的想法,使用什么样的语言,阐述什么样的感受。

这些就是移情所能做到的事情。

移情图是什么

了解了移情之后,移情图就不难理解了。移情图是UX设计过程中的重要素材,是帮助团队中的设计师和非设计师可视化地理解用户的需求。在制作出可交互的原型之前,它便会加入到工作流程当中,更好的指引团队进行用户体验设计。

UX设计师使用移情图更好地勾勒出他们的目标受众,值得一提的是,它并非是用户角色(personas),但是可以和用户角色协同工作。

在制作移情图之前,也务必先创造一个用户角色。下面是具体的做法。

如何创建移情图

首先,你需要将你团队中的成员和利益相关者都集中起来,全过程大概需要1个小时左右,在白板上勾勒出一个预定义的用户角色。

接下来,就可以绘制移情图了。移情图通常被划分为4个象限,这四象限通常分别代表想法和感受/所见/所听/所做 四个方面。

  • 他们的感受和想法。这里写的是用户的愿望,希望和期待。他们有什么样的想法?什么东西让他们觉得舒服和高兴?什么东西是他们不喜欢的?

  • 他们听到了什么。他的朋友们都告诉了他什么?他的朋友、同事、家人都在说什么?在这个社交媒体爆炸的时代,意见领袖们都在说什么?

  • 他们看到了什么。他们周围的环境中有什么?他们平时会看到什么?市场提供给他们什么?

  • 他们说了什么,做了什么。他们的态度,他们的行为都是什么样的?

除了这4个象限之外,你还可以增加两个部分,一个是用户痛点,一个是目标和收获。前者概括了用户所碰到的主要的困难和障碍,后者是用户希望达成的目标。

关于用户痛点,比如用户很难在一个网站中找到他想要的内容,这使他感到沮丧;关于用户目标,可以是在5分钟甚至更短的时间内买到春运回家的高铁票。

移情图长什么样?

同样还是拿实例来做说明,比如你正在设计一个专门销售演唱会和相关活动的票务系统。

首先你得记住一件事情,就是你不需要在移情图上耗费太多的时间,你只需要花费半个小时到一个小时来完成这个部分的工作就行。你可以预先设定一个用户角色,然后基于这个角色来勾画整个移情图:

每个用户体验设计师都要懂的UX移情图

充分发挥你的移情能力,设身处地地基于Jane Doe 这个角色来构思她的所想,所看,所听和所做,接下来你应该就有更好的办法来帮她解决问题。当你完整地将移情图勾画出来之后,你再基于图中的内容来构思解决方案。理想情况下,你可以将注意力集中在用户需求上,帮她实现愿望。

移情图对于UX设计的好处

移情图的优点在于,它让设计师来重新审视用户所处的状况,理解用户的问题和他们的世界观。它的优势还包括:

  • 易于创建,足够快速

  • 可以和原型设计的工作流程结合起来

  • 可以通过调研迭代出尽可能贴近真实的数据

  • 可以用来确定关键性的问题

  • 更好的理解目标用户

无论创建一个新的网站还是新的APP,如果设计师没有同理心,产品和用户的真实需求是很难对接起来的,这样必然会将产品导向失败。当然,移情图在整个产品设计中是一环而非全部,它能够指明产品UX设计的方向,降低用户在使用过程中的挫折感,帮助产品更上一层楼。

结语

移情是一种性价比极高的了解用户的方法,它即是创建优秀产品的重要途径,也是一种培养设计思维的有效方法。

翻译:陈子木

 ·End·

微交互 ∣细节设计成就卓越产品

每个用户体验设计师都要懂的UX移情图

我的出处

                  来源:微交互

版权声明

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

每个用户体验设计师都要懂的UX移情图

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

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

相关推荐

  • Axure RP软件

    长按链接复制链接到浏览器打开Axure RP 7.0软件及安装教程下载地址:链接:https://pan.baidu.com/s/1mkqu1Ws密码:467u长按链接复制链接到浏览器打开Axure RP 8.0软件及安装教程下载地址:链接:https://pan.baidu.com/s/1c3h7c1i密码:esqr给大狮兄一个赞赏大狮兄想生存下去,我还想以后给你更多好用的软件赞赏的狮粉记得备注名字,大狮兄想记得你的名字大狮兄资源吧专...

    2018-03-04
  • 【优秀作业展示】交互设计基础(一)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优业。优秀学生作业第一期周亦辂产品设计1511高铁取订票界面设计色彩选取字体:冬青黑体字号:18、21、24、28、30、32、36风格:利用从...

    2018-04-04
  • Axure RP 7.0安装教程

    Axure RP 7.0Win版/64位下载地址:https://pan.baidu.com/s/1qN-SzT5g9U-O9OSzCMEnEw密码:8b6sAxure RP简介:Axure RP是一个专业的快速原型设计工具。使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。适用系统:win7,win8,win10安装有问题或需要远程安装请联系:...

    2018-04-30
  • AxureUX后台业务管理系统原型模板发布

    这是一套基于电商产品的后台业务管理系统原型模板,包含了商品、订单、库存、用户、促销、运营、内容、统计、财务、设置、权限等十多个电商后台系统管理模块。模板中提供了多套登录界面和布局框架方案,同时整理出了后台系统中各类常用的交互元素及组件,可以方便快速的复用到任何中大型系统项目原型方案中。模板框架采用了自适应布局处理,可以在各种屏幕分辨率下达到最佳的兼容性和浏览效果,同时所有功能模块二级界面都是单独设计并使用内联框架嵌入,可极大的提升输出效...

    2018-03-06
  • 产品经理必修课:那些隐藏在界面里的交互设计

    投稿作者:温晴公众号“爱累加”首发我们在做交互设计的时候,一般都是通过线框图和文字说明进行展示,有时候遇到一些复杂的功能我们还需要配上流程图进行补充说明,详细的全方位的交互设计文档不仅可以让研发人员方便的投入工作而且还可以让测试人员清楚的了解产品功能,方便测试细节。但是有时候我们会遇到一些无法用线框图展示出来的需求,但是又会经常遇到,下面分享给大家一些界面上看不到的交互设计。案例一用户A在使用一款应用程序的时候,突然网络断开了,那么这时...

    2018-05-05
  • 实例解析「交互设计七大定律」在设计中的应用(上篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,通过一些实例来解析下这些原则在设计中的应用~由于文章有点长,影响阅读体验,姑本文将分为上下两篇来发~一、费茨定律(Fitts’ Law)费茨定律指的是:使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(...

    2018-03-16
  • 【用户体验工作坊】用户体验地图实践

    提升用户体验是企业信息化部本年度重点事项。为此,敏捷推进小组已经组织了两期“用户体验工作坊”,并和京东大学合作举办了“创新训练营”。同时“用户体验工作坊”也是用户体验提升计划的一部分,旨在推动部门内部所有产品进行用户体验的优化升级。参加本次“用户体验工作坊”的有来自企业信息化部各个部门的研发、产品和项目经理近50人。🔺 赵卫老师在讲授用户体验实践方法🔺刘泽鹏老师讲授“用户体验生命周期”赵卫老师首先讲解了用户体验五大原则:01不要强迫用户...

    2018-04-26
  • 交互设计可以区分出一个好的产品和一个差的产品——「得米Micah」

    这是 Bestony 推荐给你的第141个公众号基础信息公众号名称: 得米Micah公众号类型:文章型订阅号公众号ID:MicahDesign更新频次:不定期更新简介今天为大家分享的公众号来自一个交互设计师 Micah 。搞互联网的或多或少都听过这个岗位,我在网易待过,也曾经为外包公司干活,也为初创企业作过技术服务,很多时候,不同产品的区别最大的点可能便是在于交互设计。小公司或外包公司会有设计师,但是是我们所说的「视觉设计师」,而大公司...

    2018-03-15
  • 通过SEO提高网站用户体验

    爱美之心人皆有之,在内容相同的情况下一个干净清楚的页面必然要比一个杂乱无章的页面更吸引访客注意,更能留住访客的目光和逗留的脚步。在用户体验问题上,通过SEO优化分析的过程是可以帮助提升网站的用户体验的。那SEO与用户体验冲突吗?通过SEO优化是否能够提高网站的用户体验呢?有人说SEO和文章用户体验是相矛盾的,因为在网站SEO的优化过程中,SEOer将其关注点更多的放在了关键词排名、流量的提升上,他们并不会过多的关注网站用户体验,其实不然...

    2018-03-30
  • 交互设计之架构真经

    建立信息架构是交互设计师主要工作之一,是需求转向交互稿中非常重要的过程。一个架构的好坏决定这这个产品未来的命运,只有具有一个好的信息架构,才会具有一个好的产品体验。以下将从认识——前期工作——如何产出——如何判断,四个步骤来介绍信息架构。一、何为信息架构信息架构设计是对信息进行结构、组织方式以及归类的设计、好让使用者容易使用和理解的一项艺术与科学。这是比较官方的说法,简单通俗的说法就是对信息进行组织和层级分层。当我们一看到购物车这个信息...

    2018-05-01