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

相关推荐

  • 用户体验设计师越来越流行,难道真的是以前的网页设计师披上了时髦的外衣?【UXRen译】

    Design+体验设计精英人才职前训练营。体验设计出国留学作品集打磨。体验设计国内考研专业培训。体验设计咨询与服务。寒假审校的一篇文章,分享给大家。回答者1:Melanie Polkosky(博士, UX心理学家)啊…有点小怀疑,是不是?我并不认为用户体验设计师就是那些穿着昂贵服装以及拥有良好自我提升技能的网页设计师。实际上,作为一名用户体验研究员兼设计师我可以告诉你,在我20多年的职业生涯中,只有少数的几次的工作是和网页相关的。与普通...

    微信热点 2018-02-28
  • B2B、企业SaaS中的交互设计总结

    [图片]熊猫设计院关注熊猫设计院发现更多设计好文[图片]译者 / 不器校对 / 熊猫小生作者 / Varun Mohapatra[图片]我刚开始在VWO工作的时候,一直想弄清楚一个问题:企业软件(B2B)真的和B2C应用不一样吗?对于设计师或者设计流程来说,两者又有什么不同?这篇

    微信热点 2018-04-18
  • 从会计到交互设计,她用社会热点打动皇家艺术学院招生官!

    本科学的是会计研究生申请的却是交互设计零基础、跨专业却能在短短一年时间拿到5所顶尖艺术院校的offerQS世界艺术类大学排名第一的皇艺和享誉世界的英国伦艺都向她抛出了橄榄枝从西单骑摩拜到望京全程3个多小时收集了20多个单车乱堆积地点采访了数十位大爷和小朋友回家腿痛了整整一周只为做一个项目的调研成长的路上总是布满荆棘但坚持就是胜利杜娜/研究生/交互设计皇家艺术学院预科伦敦传媒学院格拉斯哥艺术学院金斯顿大学谢菲尔德哈勒姆大学杜娜offer(...

    2018-04-25
  • 【招募】图书管理员、UI交互设计、手机软件开发,快来报名!!

    ↗点击上方“海淀教堂”关注我们📖海淀教堂为丰富教牧同工的阅读生活,正在建立图书馆,欢迎有图书馆管理或工作经验并有感动的弟兄姊妹积极参与此项事工。报名地点:三楼侍奉室边瑞霞同工 18514656724💻因事工需要,海淀堂网络组现招募UI交互设计,手机软件开发等技术义工,欢迎有相关恩赐的弟兄姊妹咨询报名。报名地点:三楼侍奉室李维萧同工 17600071627欢迎有感动的弟兄姊妹们参与进来!等待您的加入呢!耶稣爱你!名关注这里Address:...

    2018-04-15
  • 浅谈交互设计的七大定律

    新年第一篇和小伙伴们聊聊交互设计七大定律在设计中的应用。说起法则、定律、原理一类的名词,大多时候我们会觉得有点故作高深,似乎离我们真实的工作很遥远,又或者似乎太过浅显熟悉不值得讨论。窃以为,如果不想每次聊起产品设计的时候,都是你看人家的用户体验做的多好,你看这交互做的多好,你看这动效做的多好……或许,我们可以更有趣除非有更好的选择,否则就遵从标准—Alan Cooper费茨定律(Fitts’ Law)由保罗·费茨(PaulM. Fitt...

    2018-02-06
  • 2018年交互设计的6大趋势

    ♝点击上方“交互设计学堂”关注我们,送电子书设计是围绕人解决问题,因此对2018年交互趋势的预测,我们将目光聚焦在细腻的情感体验打磨、达成目标的交互介质、解决问题的效率、发生交互行为的场景这几个方面,探究出了以下6大趋势:全感官体验All-sense experience趋势简述人有五感,强化体验记忆的最有效方式就是五感相结合。看见、听见信息已成为体验常态,而更真切的感知信息是用户体验升级的客观诉求,全感官体验能更好的打造“身临其境的沉...

    2018-02-07
  • 用通俗的方式告诉你什么是交互设计。

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

    2018-04-03
  • 广告与用户体验只能二选一?

    最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体验造成很大的影响,特别是移动端,因为屏幕有限更是“寸土寸金”,一不小心就会引起用户反感...

    2018-04-04
  • 两个交互设计鸿沟:评估与执行

    通过每次交互,用户都必须克服理解系统当前状态和了解如何改变系统当前状态的双重挑战。设计师可以通过意识到这些鸿沟并用透明的概念模型来消除这些鸿沟,从而为他们提供支持。上周,我买了一款很棒的新蓝牙耳机 ; 但遗憾的是,我花了一个多小时才把它连接到我的电脑上。尽管耳机手册和电脑支持网站作出了承诺,但耳机并未自动与计算机连接。我在重新阅读说明书之后,检查了耳机和电脑,确保它们都已打开,并且翻查了耳机评论以确认耳机与我的电脑兼容,甚至通过将耳机同...

    2018-03-13
  • 善用Axure写PRD:产品逻辑的五种呈现方法

    每天一篇好文章,2018年第2期不管是APP、web网站还是pc客户端的软件,流程&页面&交互&逻辑始终是最重要的几环,分享一下我呈现逻辑的几种方法,大部分PM应该也采用过类似的方法。一、直接不写逻辑最开始根本没有写逻辑的概念,只是用交互事件加上基本的页面跳转。当技术童鞋来问的时候,口述给他。经常会被鄙视。二、直接写到页面里开始学乖了,把一些逻辑直接写到页面里。不过很快就发现了弊病,某些逻辑不应该呈现给用户,只能给前后端童鞋看。同时也造...

    2018-03-27