每个用户体验设计师都要懂的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

相关推荐

  • 掌握交互设计思想,从用户视觉心理开始

    什么是交互设计师?在刚刚开始研究交互的时候,我也经常问自己:什么是交互设计师?这两年“用户体验”这个词非常火,以前在技术沟通中经常生硬的用“用户体验”这个词来说服技术,难免有些空洞。其实用户体验不止于产品的交互设计有关,还包含产品的内容和服务、表现形式,大部分情况下产品的内容和服务才是整个用户体验的核心。而我所理解的交互设计就是把表现形式、内容和用户行为相互协调的一门学问,是影响用户体验的关键因素之一。另外,按国内就业情况来看,目前交互...

    2018-04-26
  • 4月最新便民信息!政府、企业、医院、社工...你想要的岗位都在这里!

    各类招聘求职生活信息关注后回复发布查看更多4月啦,又是新的开始没有工作的同学快快看有哪些好工作吧...   ...招聘信息类首先,是我们玩转郫县的招聘啦邀请你一起来和我们玩营销经理▲薪资待遇:社保+底薪+全勤+提成+奖金(4000-10000元)▲职责要求:1.开拓郫都地区美食、休闲、旅游市场2.建立并维护平台与合作商家良好关系3.能熟练运用word、Excel办公软件▲任职资格:1.工作主动、责任心强、具有良好的团队合作精神、抗压能力...

    2018-04-08
  • Magic Sketch——寓教于乐的哄娃神器

    棒妈说这是一款哄娃神器。坐飞机火车时,需要娃瞬间安静时,这款神器简直好用到飙泪。这是一款玩具,也是一款画画工具。寓教于乐,大概说的就是这款过年可以代替压岁钱的神器。(请于微店购买)面对市场上琳琅满目的玩具很多宝妈宝爸表示挑花了眼、剁断了手还是没有买到让宝宝满意的到底应该选择什么玩具,才符合宝宝的成长需求?小汽车呀,变形金刚、芭比娃娃,还是...现在还在买这些玩具?你OUT了!孩子开心固然重要,但也别错过宝宝早期智力开发的黄金阶段!寓教于...

    2018-04-12
  • Axure8.0展开收起

    设置菜单展开收起效果,且联动箭头朝上朝下动效。收起状态:箭头朝下,内容收起。展开状态:箭头朝上,内容展开。【步骤】1)设置展开内容与箭头为两个动态面板,命名2)点击事件设在点击菜单栏,同一个事件下控制两个面板状态。内容面板:箭头面板:设置旋转效果。点击菜单栏:点击运行即可。

    2018-03-15
  • 为了生存!QQ空间升级改变非主流印象,论用户体验的重要性

    关注留学签证移民的新资讯分享学习工作生活的新鲜事JT EDUCATION点击上方关注非主流、火星文、酷炫的QQ空间45度叫仰望天空、明媚的忧伤十年前,谁还不是个中二症患者?曾经的中二少年变成了大人大人不再点开的QQ空间也变样了面对微博微信这样的对手总要活下去这次QQ空间品牌升级重点在于对用户体验的设计哦?又是用户体验这个词真的是使用频率越来越高什么产品和服务都强调用户体验但具体说起来是什么意思呢?比如有人说现在发微博就像玩扫雷不知道发个...

    2018-03-06
  • Axure实验室 | 带放大效果的轮播图

    提起轮播图,相信大家已经非常熟悉了,脑海中自然而然的会浮现出轮播图的交互效果——几张图片,可以逐一的左右切换显示,而每次只能显示一张。这是最基本的轮播图,当然,我今天要讲的不是这种。还有一种轮播图,会同时显示三张图片,中间的图片会放大显示(相比左右两边的两张会大一些),像下面这样。阅读原文预览然后左右切换的时候(通过点击左右按钮或者左右滑动),左右两边的图片移动到中间位置时会动态放大,而中间的图片移动到左右两边时会动态缩小。另外,这种轮...

    2018-03-15
  • Axure RP 8 入门手册 – 第6章(三)

    第8节检视功能-元件属性Alice.:小楼大大好!小楼大大帅!我有些小困惑,想请你帮我指点下。可以吗?小楼:你诚实直白的我无法拒绝。Alice.:嘻嘻!我的问题有点多哦。小楼:来嘛!Alice.:我想做个密码输入框,就是输入文字时只能看到圆点那种。帅帅的小楼老师,这个怎么实现呢?小楼:这个是文本框的类型,看来你对这个元件的属性不太了解呀!我给你详细讲解吧!在检视功能的属性面板中有每个元件的属性设置,不同元件的属性会有差别。这里我对各类元...

    2018-04-22
  • 给小白看的交互设计启蒙帖(一)

    通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽量平实简单的描述方式,以帮助大家快速理...

    2018-03-14
  • 优逸客【交互设计】直播课今晚8:00正式开播!

    提起交互设计,它既没有界面视觉设计绚丽,也没有用户体验设计有趣,看起来枯燥乏味,学起来复杂难懂,但它却是整个产品流程中最核心的部分之一。一个牛X的交互设计师是睥睨天下的,无论薪资还是技术。(以上海地区为例)但在通往牛X的路上……很多人还没开始就放弃了经常会有人说交互设计好像已经趋于饱和,现在从事这个行业没机会了。照这么说,公务员是我见过的饱和度最高的行业了,但每年还是有那么多人争得头破血流要为人民服务。就像金字塔一样,往往最底层的那一部...

    2018-04-19
  • Sketch49交互原型新功能测评教程!

    昨天,Sketch49新版本发布,小编朋友圈又被刷了一波屏。对于该全新版本,具体有哪些新功能,以及如何使用呢?「10000个知识点」特邀讲师UIBANG-乔帮主连夜做了sketch新功能测评教程,分享给大家,希望可以给予你们帮助。深夜给大家整理了Sketch49版本更新的新功能-交互原型,希望大家能有所收获。下午在圈内微信群里,忽然看到2月28日发布了Sketch49新版本的...

    2018-03-03