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

  【编者按】本文作者Barnabas Nagy ,译者@C7210。Barnabas是一名拥有六年从业经验的UX设计师、信息架构师,其对用户体验设计的交付提出一点:“你的合作伙伴未必会看懂你的交付”。

  为了让自己的设计能够让人更容易理解,交付一个优秀可视化的成果是一个不错的选择。

  在实际的用户体验设计工作当中,作为设计师,我们的一些产出在信息呈现方式及沟通效果等方面做的其实不算理想,尤其是那些涉及到用户角色定义、信息架构分析、功能流程规划的文档。怎样将这些交付物打造的直观易懂,使它们具有更强的沟通能力,这同样是我们必须思考的问题。

  文字和简单的形状都是不够的

  人们对于文字的形象化思维方式是不同的。对于“有个苹果从树上掉下来了”这句话,有些人会想象出一个红苹果,有些人则会想到绿苹果。只有直接在信息当中传递“绿苹果”的概念,我们才能确保大家不会在头脑中产生红苹果的形象。很简单的道理。

  人们对于形状的理解方式也是不同的。如果我们向一群人展示一个矩形,其中有些人会单纯的将其理解为矩形,而有些人会认为这是一张纸或一块砖。如果我们直接展示一块砖,那么大家都知道这是什么。所以,即使是最简单的视觉形象,不同的展示方式也会造成不同的理解方式。

  因此,在工作当中,我们确实不能期盼着合作部门的同事能准确理解那些文档或是由各种框框和箭头所组成的流程图、线框原型等等。更何况在很多时候,大家根本无心去认真阅读这些东西。

  可视化的重要性

  我们对于现实世界的观察和理解主要是基于视觉的,可视化的沟通方式可以让人更有效的接收信息。作为设计师,我们每天都要与产品上下游的相关人员交流概念和想法,而承载这些信息的媒介同样需要良好的设计。优秀的可视化信息媒介不仅可以帮助人们更好的理解概念与想法,同时还有助于引发他们对于信息本身的共鸣,使设计产出更具影响力和说服力。

  用户体验设计当中的一些可视化信息案例

  我(英文原文作者)个人有一段创意设计方面的工作背景,因此,在后来的用户体验设计相关工作当中,每当看到普普通通的没有经过良好雕琢的文档,心里总会觉得不舒坦,这就是我开始思考并尝试可视化呈现方式的原因。其间,我也见识了很多来自其他设计师的案例,包括UserInsight还有Jason Travis同学创建的用户角色,以及Hochschule Luzern设计的用户流程等。

  

  来自UserInsight的用户角色设定

  

  来自Jason Travis的用户角色设定

  

  来自Hochschule Luzern的用户流程设定

  我在着迷于这些漂亮的“设计文档”的同时,也发现它们当中有些过于凌乱,辅助性的图形元素反而会喧宾夺主;而有些又缺乏必要的文字描述。我希望找到一种更好、更有用的方式,于是在实际工作当中尝试了一些不同的想法,特别是在创建用户角色、规划信息结构和流程、制作线框原型的环节当中。我的目标很简单,就是让需求方和相关合作人员能更快更准确的理解设计师想要表达的内容。

  以对话气泡的方式创建用户角色

  相比于普通的内容陈述,对话的形式可以给阅读者带来更强的互动感,产生更深的印象。基于这个理念,我试着在用户角色设定中使用对话气泡来展现内容,看上去就好像这个角色(Jamie)正在讲述自己的故事一样。Jamie“讲述”了自己的一些重要信息,包括自己的世界观、自己需要什么不需要什么、自己的一些经历、哪些东西可以给自己带来动力,等等。

  

  我不仅让Jamie自言自语,同时还增加了一个”采访者”,通过他们之间的交流来进一步增强信息的互动感。受到Jason Travis的案例启发(见前文第二张图片),我觉得用户角色所拥有的物品确实可以传递出他的更多信息,所以我也在设定中添加了Jamie所拥有的或是希望得到的一些东西,例如唱片、房子、狗狗、梦幻假期等。此外,我还加上了一些Jamie有可能提出的问题。完整的用户角色设定在这边。

  相关阅读:用户体验的差异化策略

  带注释的站点地图

  我在创建站点地图时想到不少主意,关于这个文档看上去应该是怎样的,信息应该怎样呈现,需要用到那些视觉元素。我把这些想法都写了下来,一方面用于实际操作时给自己做个提示,一方面也希望自己将来不至于忘记设计方案背后的思路。

  我同样使用了对话气泡的形式对信息结构进行了注释说明,其他人在阅读这份文档时不仅可以了解到结构方面的信息,同时可以通过注释了解更多详情。完整的站点地图在这边。

  

  对话形式的用户流程设定

  最后,我将之前的用户角色设定和站点地图结合起来,创建了一份比较有人情味的、能够让阅读者感受到上下文环境的用户流程设定。在这份文档中,Jamie会在整个流程里进行“发声思维”,讲述自己的目标以及在每一步操作中的想法。这种方式的代入感很强,阅读者可以更容易的理解产品的设计方案及其背后的想法。完整的站点地图在这边。

  

  老大哥模型

  我在创建线框原型的阶段,总会不由自主的忽略掉之前创建的用户角色,为了解决这个问题,我做了一些真人大小的纸板模型放在旁边,用他们代表用户角色,像老大哥一样时刻在边上提醒我记得考虑之前的设定。

  

  这种做法倒是有一定的效果,不过我始终觉得老大哥模型与屏幕当中的世界不在一个纬度上,心理上距离仍然很远。所以我干脆试把用户角色的形象直接扔到了原型当中。

  相关阅读:十个方法,让你的线框原型更具沟通能力

  

  总结

  衷心希望这些小方法可以在实际工作中帮助各位更好的呈现自己的想法,让相关人员能够更加高效和精准的获取信息。

  译者博客:BeForWeb

时间: 2024-07-29 00:28:10

让用户体验设计的前期交付物更加可视化的相关文章

用户体验设计当中的一些可视化信息案例

文章描述:让用户体验设计的前期交付物更加可视化. 本文作者Barnabas Nagy ,译者@C7210.Barnabas是一名拥有六年从业经验的UX设计师.信息架构师,其对用户体验设计的交付提出一点:"你的合作伙伴未必会看懂你的交付". 为了让自己的设计能够让人更容易理解,交付一个优秀可视化的成果是一个不错的选择. 在实际的用户体验设计工作当中,作为设计师,我们的一些产出在信息呈现方式及沟通效果等方面做的其实不算理想,尤其是那些涉及到用户角色定义.信息架构分析.功能流程规划的文档.怎

1688网站搜索LIST页面用户体验设计

网页制作Webjx文章简介:1688网站搜索LIST页面用户体验设计. 改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴

用户体验设计实例:B2C搜索LIST页面设计

改版背景 创建专业的电子商务垂直搜索,以及把原有的信息聚合平台转型为在线采购批发交易平台.根据行业特点及交易需要,对原有的零批(小额批发)搜索进行改版,改造为适合行业搜索交易频道,便是这次改版的设计目标.我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作. 项目组成员将对现有的功能需求,信息架构,视觉色彩,用户体验等,做多视角.多纬度的分析.力求在1688.com上线后,推出另一个电子商务垂直搜索用户体验盛宴. 功能需求取舍   在项目中,我们从市场运营那里采集了大量需求,那怎么

卧底用户体验设计

用户体验设计这词大概是我心中挥之不去的幽灵,除非我皈依它的门下,否则绝不给我任何喘息. 作为妥协,先提及一本新书,虽然作者与出版商都没有给我任何推介费用,更没有授权我引用相关内容,我还是决定介绍The UX Booth 对本书的一段引用:Winning a User Experience Debate .这篇文章引用了原书第五章的一段内容,我仅引述若干并综合一些要点: 要将用户设计体验融入商业核心,你必须说服同事信任你的意见与专长.良好处理批评/批判是赢得信任的重要方式.轻率的否定 他人会让你辛

《当用户体验设计遇上敏捷》一3.2 一个重大的设计挑战

3.2 一个重大的设计挑战 当用户体验设计遇上敏捷IT负责满足业务对更高效.更有效的软件交付方法的需要并对此给出响应.如今,作为设计师,需要迎接挑战,重新对设计进行设计,将其带回到与数字产品开发一致的.快速的状态,并且将设计注入到敏捷过程中.我们要的是高效的.有效的以及带着愿景出现的设计,但我们也想创建让人为此埋单的.合心意的体验. 本书的任务有以下两个. 帮助设计师理解自己在敏捷过程中的位置以及如何使自己的优势最大化.帮助项目管理者.开发人员和其他每一个参与软件交付工作的人理解设计的重要性以及

《当用户体验设计遇上敏捷》一3.3 设计的适合之处

3.3 设计的适合之处 当用户体验设计遇上敏捷以下这张可怕的图片是一位设计师描述的构建一个网站时所需的步骤(图3.2). 看看上图中创建者给每个活动所定的时间框以及重要性.对于具体的活动,我们没有问题.实际上我们稍后会深入讨论它们.但我们知道对于敏捷者来说,这张图很成问题,因为他们看到只有八分之一的时间花在编码上的时候说不定都会被咖啡呛到.这就相当于,在项目的每八个星期中,只有一个星期用于开发. 没有内容和开发的设计,不比没有价值的抽象概念好多少,除非赋予它生命,供人使用. 设计师可能反对这样的

用户体验设计是情感设计 直接影响人的情绪

我们一直说用户体验,做产品没有一刻离的了这个概念.它是很基础的东西,但是现在,这个词被放大了,我们都在讲都想要用,可是这个理念仍旧关注力不足,所以今天来还是要讲点东西.做名词解释说明,太枯燥,所以我尝试换个角度来分享些内容. 用户体验是一种情感设计,就像电影.小说.戏剧和音乐一样,好的设计给人愉悦的情绪,糟糕的则有各种糟糕. 生活中的例子,各种情绪 1 身份证的设计没有考虑到用户在使用时需要复印的需求,个人信息和有效期在两面,复印时让人无奈 2 上次分享会,我们改进了签到流程,让与会者可以更方便

用户体验设计:聊一聊用户体验设计中的精益之道

文章描述:用户体验设计从用研到开始发布上线,有一个非常周密的设计流程,过去我们做PC桌面产品,一年发一个年度版本,设计时间比较充裕,但在讯息万变的多屏,跨终端的移动互联网时代,就有些拖节奏了,下面,我将以我自己的工作体会聊一聊用户体验设计中的精益之道. 写这篇文章动机是源于团队有同事离职,交接了他大量的工作,而人员又一直没有到位的情况下,需要同时负责N个项目,要么天天加班,要么滚粗的情况下,我不得不开始思考精益设计,在保证质量的情况下更高效的完成扑面而来的需求. "精益(Lean)",

用户体验设计是一种思想而不是一个职位

文章描述:用户体验设计是情感设计. 我们一直说用户体验,做产品没有一刻离的了这个概念.它是很基础的东西,但是现在,这个词被放大了,我们都在讲都想要用,可是这个理念仍旧关注力不足,所以今天来还是要讲点东西.做名词解释说明,太枯燥,所以我尝试换个角度来分享些内容. 用户体验是一种情感设计,就像电影.小说.戏剧和音乐一样,好的设计给人愉悦的情绪,糟糕的则有各种糟糕. 生活中的例子,各种情绪 1 身份证的设计没有考虑到用户在使用时需要复印的需求,个人信息和有效期在两面,复印时让人无奈 2 上次分享会,我