让用户体验设计的前期交付物更加可视化.pdfVIP

让用户体验设计的前期交付物更加可视化 【编者按】本文作者 Barnabas Nagy ，译者 @C7210 。Barnabas 是一名拥有六年从业经验的 UX 设 计师、信息架构师，其对用户体验设计的交付提出一点： 你的合作伙伴未必会看懂你的交付“ ”。 为了让自己的设计能够让人更容易理解，交付一个优秀可视化的成果是一个不错的选择。 在实际的用户体验设计工作当中，作为设计师，我们的一些产出在信息呈现方式及沟通效果等方面 做的其实不算理想，尤其是那些涉及到用户角色定义、信息架构分析、功能流程规划的文档。怎样 将这些交付物打造的直观易懂，使它们具有更强的沟通能力，这同样是我们必须思考的问题。 文字和简单的形状都是不够的 人们对于文字的形象化思维方式是不同的。对于 有个苹果从树上掉下来了“ ”这句话，有些人会想象 出一个红苹果，有些人则会想到绿苹果。只有直接在信息当中传递 绿苹果“ ”的概念，我们才能确保 大家不会在头脑中产生红苹果的形象。很简单的道理。 人们对于形状的理解方式也是不同的。如果我们向一群人展示一个矩形，其中有些人会单纯的将其 理解为矩形，而有些人会认为这是一张纸或一块砖。如果我们直接展示一块砖，那么大家都知道这 是什么。所以，即使是最简单的视觉形象，不同的展示方式也会造成不同的理解方式。 因此，在工作当中，我们确实不能期盼着合作部门的同事能准确理解那些文档或是由各种框框和箭 头所组成的流程图、线框原型等等。更何况在很多时候，大家根本无心去认真阅读这些东西。 可视化的重要性 我们对于现实世界的观察和理解主要是基于视觉的，可视化的沟通方式可以让人更有效的接收信息 。作为设计师，我们每天都要与产品上下游的相关人员交流概念和想法，而承载这些信息的媒介同 样需要良好的设计。优秀的可视化信息媒介不仅可以帮助人们更好的理解概念与想法，同时还有助 于引发他们对于信息本身的共鸣，使设计产出更具影响力和说服力。 用户体验设计当中的一些可视化信息案例 我(英文原文作者 )个人有一段创意设计方面的工作背景，因此，在后来的用户体验设计相关工作 当中，每当看到普普通通的没有经过良好雕琢的文档，心里总会觉得不舒坦，这就是我开始思考并 尝试可视化呈现方式的原因。其间，我也见识了很多来自其他设计师的案例，包括 UserInsight 还 有Jason Travis 同学创建的用户角色，以及 Hochschule Luzern 设计的用户流程等。 来自 UserInsight 的用户角色设定 来自 Jason Travis 的用户角色设定 来自 Hochschule Luzern 的用户流程设定 我在着迷于这些漂亮的 设计文档“ ”的同时，也发现它们当中有些过于凌乱，辅助性的图形元素反而 会喧宾夺主；而有些又缺乏必要的文字描述。我希望找到一种更好、更有用的方式，于是在实际工 作当中尝试了一些不同的想法，特别是在创建用户角色、规划信息结构和流程、制作线框原型的环 节当中。我的目标很简单，就是让需求方和相关合作人员能更快更准确的理解设计师想要表达的 内容。 以对话气泡的方式创建用户角色 相比于普通的内容陈述，对话的形式可以给阅读者带来更强的互动感，产生更深的印象。基于这个 理念，我试着在用户角色设定中使用对话气泡来展现内容，看上去就好像这个角色 (Jamie) 正在讲述 自己的故事一样。 Jamie 讲述“ ”了自己的一些重要信息，包括自己的世界观、自己需要什么不需要 什么、自己的一些经历、哪些东西可以给自己带来动力，等等。 我不仅让 Jamie 自言自语，同时还增加了一个 ”采访者 ”，通过他们之间的交流来进一步增强信息的互 动感。受到 Jason Travis 的案例启发 (见前文第二张图片 )，我觉得用户角色所拥有的物品确实可以传 递出他的更多信息，所以我也在设定中添加了 Jamie 所拥有的或是希望得到的一些东西，例如唱片 、房子、狗狗、梦幻假期等。此外，我还加上了一些 Jamie 有可能提出的问题。完整的用户角色设 定在这边。 相关阅读：用户体验的差异化策略 带注释的站点地图 我在创建站点地图