• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 用工作坊的实例,教你使用人物角色共情图!

用工作坊的实例,教你使用人物角色共情图!

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含人物角色共情,共情,共情图等相关知识,希望在学习及工作中可以帮助到您

共情:一个用户体验设计领域的流行词。每个人都在做这件事!但是究竟他们在做什么呢?没有一个快速的“共情过滤器”可以应用到我们的工作和团队中;也没有公式可以推导出结果;更没有什么魔法能把它带到你面前。但是有这样一个简单的工作坊可以帮助你和利益相关者(实际就是任何对产品开发有责任的人)构建对最终用户的共情。在Cooper公司,我们称之为用户共情映射图(简称用户共情图)。

共情图帮助我们了解其他人的所思、所感。通常情况下,研究笔记是根据研究受访者在使用产品时所思、所感、所做、所看、所听的内容来分类。它还能帮助你的团队从单纯专注用户行为扩展到思考用户的情感和体验。我最初从Dave Gray的《游戏风暴:创新、变革&非凡思维训练》中学习到这一点,后来在Alex Osterwalder的《商业模型的新生代》中有了更深入的了解。

我们对方法进行了一些调整:在和利益相关者一起参与的后期整合工作坊中,聚焦点放在了人物画像上。我们之所以称之为用户共情图,是由于我们的流程将分类简化为三大类:所思、所感、所做,目的是为了形成在产品的特定场景下的用户角色。我们有意将这些场景推向极端(当然,并没有变的天马行空)来夸大研究中发现的现有痛点和挑战。

用户共情图的作用

它揭示了用户的行为、选择和决定背后的“为什么”,因此我们可以对用户难以感知和表达的真实却隐含的诉求,做提前的设计。

它能够被记住。它能够让参与人把部分的用户体验内化、成为自己的一部分。这是聆听或着阅读报告做不到的。

它是产生创新设计理念的前提环节。现在既然利益相关者理解了用户场景,他们就能够快速明白为什么细微的设计变动是如何对用户产生巨大的影响。

案例分析

近期的一个航空项目,我们将常见的挑战推到极端(不过不到难以置信和天马行空的程度),这样工作坊的参与者可以暂时沉浸于本能体验中,去想象其他人在特定情境中可能会有的所思的和所感。我们要求工作坊的参与者完成一张表单:写出能够反映Dan(我们的用户角色,一个私人商业喷气飞机的飞行员)在特定场景下可能会有的感受、思考、行为。

我们要求参与者完成一张能够反映人物角色所感、所思考、所为的表格。

极端场景案例:Dan进入飞机、除冰、准备起飞。拉开舱门,然后发现一名本应在的追加乘客突然生病了,正在洗手间呕吐。

我们带领工作坊参与者走完几个贯穿客户体验的场景,使他们能够和设定的人物角色产生关联,进而产生共情。不仅有助于他们具体了解和掌握用户需求、痛点、目标;也有助于他们在心智上和情感上提前准备好我们接下来的设计愿景。由于他们已经花时间和Dan共情,所以当我们展现设计理念时,我们的解决方案就能很自然地被团队理解并且产生共鸣,因为在深层次上,他们对Dan所经历的和所需要的感同身受。

工作坊参与者在用户共情图练习后会有以下反馈:

  • “哇!我之前从没想到Dan这个人是真实存在的。”
  • “人物角色共情地图之前,我只认为Dan是一个拥有很多特性的名字而已。”
  • “我现在能明白我们为Dan创造的价值,是因为我知道他的所思/所感,并且能很好地理解他需要什么。”

人物角色共情图工作坊计划的实例

  • 工作坊用时:45分钟
  • 准备时间:最多1小时

任务

  • 创建极端场景:创造大约五种不同的场景,能够体现用户路径中的用户痛点或挑战(参考示例的案例研究)
  • 创建极端场景的参考指南(记录下来,创建一个简单的手册)
  • 创建表单(或着让参与者自己创建)

提供:黑色细尖削笔刀,能粘贴的大板子或8.5×11的表单,5种颜色的便利贴。

参与者:利益相关者、工程师、企业高管、设计师——有责任给用户角色创造产品的任何人。

步骤1:(时间不定)

介绍人物角色(如果团队已经熟悉他们,那么就让人物角色重新做一次自我介绍)。

步骤2:5分钟

  • 介绍活动,准备组队。
  • 将工作坊参与者分成每组3-4人的队伍。
  • 如果有多个人物角色,给每队指定一个角色;没有的话就让每队共享同一人物角色。
  • 分发表单或者让每队创建一个大的人物角色共情图(在一张大纸中间画个人物,围绕它分成所思、所感、所做三块)。
  • 给每个团队一份“极端场景”的复制表。

步骤3:30分钟

  • 完成用户共情图。
  • 让主持人在工作坊中大声朗读每个极端场景。提示:带感情地介绍极端场景来强调里头的张力/压力。
  • 给每队5分钟(每个极端场景),去阐述出他们人物角色所思/所感。提示:团队可以每个场景使用一张表单或者所有场景使用一张大纸(每个场景使用不同颜色的便利贴)。

步骤4:10分钟

  • 反思结果和活动。
  • 给每队5分钟反思以下问题:什么让你吃惊?从人物角色中你学到了什么?人物角色的哪些方面你想了解更多?人物角色的哪些方面会最影响你的设计?
  • 5分钟:让每队在大家面前分享他们的反思。
  • 工作坊结束后的提示:将人物角色共情图放在显眼的地方,这样展示场景/框架的时候就可以随时回顾。

给有经验的主持人的提示:在任何设计走查/阶段会议中,有新成员加入团队或者已经距上一次接触用户角色很久,这时候可以根据需要开展缩减版的工作坊会特别有用。

结论

用户共情图是一场构建共情,和团队对齐用户需求、目标和痛点,把用户角色和设计理念连接的工作坊。

欢迎关注作者微信号:「沪江UED」

「用一个案例教你学东西系列」

  1. 智能对象丨《用一个实战教程,让你学会智能对象》
  2. 直方图丨《用一个后期教程,帮你学会利用直方图破解图像的方法》
  3. 图层样式丨《做一个实战教程,让你学会图层样式9大技能》
  4. 设计流程丨《用一个实战案例,帮你认识完整的设计流程》
  5. 总监思考方式丨《用一个简单的体重记录功能,揭秘UI设计总监的思考过程》
  6. 交互思考方式《用一个文本框,让你学到交互设计师的逻辑思考方法》
  7. 交互面试题丨《用一个框架,帮你学会这个最常见的交互面试题》
  8. 数据验证交互丨《用一个实战案例,帮你学会用数据验证产品设计》
  9. 复杂界面设计丨《用一个实战案例,教你学会复杂界面的布局设计》
  10. 视觉改版方法丨《用一个实战案例,教你学会视觉改版的方法》
  11. 用户体验研究丨《用一个实战案例,带你从零开始做用户体验研究》
  12. 设计冲刺法丨《用一个实战案例,帮你快速学会现在最火的设计冲刺法!》
  13. 交互思考方式丨《用一个实战案例,带你学习交互设计师的思考方式》
  14. 重设计思路丨《用一个实战案例,帮你学会讲述重设计作品的思路》

原文地址:uxmag

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 那些让你无法自拔的游戏们是怎么做出来的?专访网易游戏设计总监邵堃
  • 用工作坊的实例,教你使用人物角色共情图!

相关文章

  • 2018-08-23超全面!关于用户故事地图的7种用法
  • 2017-08-06UTF-8文件的Unicode签名BOM(Byte Order Mark)问题
  • 2018-08-23反馈机制这样设计,才能不让用户厌烦
  • 2017-08-06CSS使用技巧总结
  • 2018-08-23新产品即将上线,那么预告页面要怎么设计?
  • 2018-08-23想自学插画?9个必备的手绘插画教程神器
  • 2018-08-23如何做好 Banner设计?我总结了这4类基础知识
  • 2017-08-06把网页变成黑白(兼容谷歌、火狐、ie等浏览器)
  • 2018-08-23说点心里话!「QQ飞车×Vans随我造」项目背后的设计故事
  • 2018-08-23让身处异国的菲佣能更快转账回家,腾讯汇款产品是如何设计的?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 实战案例!视觉设计练习学到的3个小技巧
    • 中英文字体名对照表(包括方正、文鼎)
    • 按照字体名称调用字体让浏览器显示你希望的字体
    • 判断浏览器版本的语句且可兼容多个浏览器
    • 网易设计师:版画语言在广告设计中的运用
    • IE6中奇数宽高的BUG
    • 出色的美工/网页设计人员需要掌握的7项技能
    • 该有的视觉元素全都有,设计不好到底差在哪里?
    • 限制input输入类型(多种方法实现)
    • 交互设计中关于是选择分页还是加载的问题讲解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有