用户体验设计师必备的4种UX文档

当谈及用户体验 相关的文档之时,线框图和原型相关的文档无疑是其中最重要的。但值得注意的是,用户体验 所涵盖的范畴不止于此,它们也仅仅只是个开始。实际上,我们发现还有四份文档也是日常用户体验 设计中极其实用的文档。这四种文档的诞生,是为了帮设计人员更容易了解用户,更方便作出争取的设计决策,打造优秀的设计和成功的产品。


当谈及用户体验相关的文档之时,线框图和原型相关的文档无疑是其中最重要的。但值得注意的是,用户体验所涵盖的范畴不止于此,它们也仅仅只是个开始。实际上,我们发现还有四份文档也是日常用户体验设计中极其实用的文档。这四种文档的诞生,是为了帮设计人员更容易了解用户,更方便作出争取的设计决策,打造优秀的设计和成功的产品。

在今天的文章中,我会为你详细解释,为什么这些看起来很容易忽略的“附属品”真的是设计师的必需之物。

用户体验设计师必备的4种UX文档

1. Persona

四份文档中,我首先介绍被推荐最多次的 Persona。

Persona 这个词本身有角色、形象、假面之意。你的Persona文档(控制在2~5个)通常需要包含你的目标用户。作为Persona中的虚构的角色,它的属性和 特征是基于产品研究和用户定位来设定的,用作后续设计过程中所面对的“理想用户”,本质上,它就是一个占位符。作为人物设定,其中会包含个人信息,远不止 于年龄和收入信息这么简单。Persona 文档的目标是利用角色来验证你的目标用户是如何感受如何看待你的设计的。

在这件事情上,Persona 已经被证明可以明显提升产品和设计的最终用户体验。

用户体验设计师必备的4种UX文档

确保Persona设定有效的关键是之前的研究

正如同《可用性测试指南》中所述,这种测试通常包括定量和定性测试,定性研究通常包括用户访谈、实地考察,甚至包括用日记记录,这些手段是用来了解用户思维过程的最佳方式。定量测试,也同样包括分析测试,不过它们所针对的是更容易量化的指标,而反映出来的结果也更加抽象、直接。

用户体验设计师必备的4种UX文档

当你开始你的研究,就可以逐步构建出一个真实的角色文档。虽然不同的项目需求不同,但是参考UXPin的模板,建议每个角色都包含如下内容:

  1. 照片:几乎每个人物都应当有图像,通常是一组照片。有照片能帮你将他们当作真实的角色拉进行思考。
  2. 个人资料:通常你需要将一个角色的个人基本信息补充在这个地方。
  3. 性格:性格的呈现形式有很多,分支也很多,你可以用一系列关键词来界定一个角色的性格和属性,也可以用过详细的论述来界定他的心理状态。
  4. 所用平台:用户喜欢用哪个平台,iOS还是Android?他们对于各个平台是否都很熟悉?哪些事情是他们想尽力避免的?
  5. 目标(动机):在这个环节你应当探讨用户的三个目标:人生目标、体验目标和最终目标。注意,这个地方用户的最终目标是最重要的。
  6. 影响:哪些产品和品牌对这个角色有影响?其实这个因素会很大程度上影响到他对网站的期望、行为偏好、个人决策。
  7. 喜好:这是充实人物特征的另外一种方式,是针对特定用户进行设计优化的重要参考。
  8. 格言:这其实是一个可选的条目,有些人会受到格言的影响,它们会影响人的决策、行为和期望。

当一个角色被设定好了,有了Persona文档,你会觉得房间里面多了一个可供研究的对象,设计决策也可以更有针对性了。

2. Empathy Map

Empathy Map,我们可以称之为移情地图,它像是一个轻量级的Persona文档,在资源短缺时间紧的状况下,可以使用这个文档。Empathy Map 将 Persona 中的角色的个性和性格部分移除了,更加专注于用户在特定情况下的感受。

用户体验设计师必备的4种UX文档

Tadpull 描述了制作Empathy Map的最佳过程,并且包含了一套免费的模板帮你开始制作文档。

  1. 初始设定:搜集一组测试用户,或者为你的团队中每个成员分配一个特定角色。然后,为每个角色准备一个特定色彩的便利贴。
  2. 提出问题:提出一系列看起来更宽泛的问题,比如“你为什么要使用这个网站”,这些问题应该是相对比较开放的,比如“你如何选择要浏览的网站”这样。
  3. 笔记地图:随着答案的不断增加,选择属于你颜色的便利贴,将答案记录上去,并粘贴到特定的区域。
  4. 简化地图:浏览所有的笔记,将最好和最有用的部分保留下来,其他的提出。
  5. 稍事休息:完成上面的部分之后,稍事休息,沉淀一下思路。记得贴纸构成的地图最好保留在公共区域,时刻提醒。
  6. 界定目标:在区域的最下方有需要补完的地方,“____需要达成____的目标,因为____”,现在你应该能够洞悉目标用户的想法,将他们的情况补充上去。每个句子最后一个空是填写原因的,这部分需要特别注意,因为这部分对于你的设计最能引起批判性的反思。

在UXPin,我们常常会将Empathy Map 上传到我们所设计的APP中去,这样每个人都能对此发表意见,填写建议。如果你使用Slack或者其他的协同工具,也可以做类似的事情。

3. User Scenario

如果Persona 是帮你设计了一个故事中的角色,那么User Scenario 就是故事的剧本。

Scenario 是剧本的意思,我们姑且将这个文档称之为用户剧本。用户剧本通常是围绕着一个特定目标来设计的。比如说,第二天是母亲节,要为母亲预订一份礼物。目标很明 确,要达成目标,用户需要点击几次按钮,走哪些流程,需要多长时间,如何在过程中融入情感,贯穿始终。对整个用户流程有了预判之后,设计师对于UI和UX 的设计就有了把握。

用户体验设计师必备的4种UX文档

Shlomo Goltz.《近观 Personas: 详细介绍与工作原理 (第一部分)》

用户剧本有几种不同的类型,比如你可以列举出所有的技术细节,包括用户操作整个流程所涉及的页面。当然,你还可以更专注于用户本身的感受,这种情况下的用户剧本更接近于一个故事,而不是前一种的数据表。

构建你的剧本的时候,应当更多地考虑用户相关的因素,而不是对你而言最好的流程和最喜欢的决策。

  • 行为:用户同网站交互的时候他们有哪些癖好?他们是打开网站就登录,还是需要的时候才登录?他们是否还同时上着其他的网站?
  • 动机:为什么用户想达成这个目标?有多想?为此他们还愿意忍受哪些事情?
  • 环境:用户在什么地方打开网站,家里、公司还是在路上?他们用的电脑、手机还是其他的移动设备?他们是否同时分心他用?
  • 外部因素:网络接入速度如何?是否有其他的限制?

还有一点特别重要,你最好尝试将用户想达成的目标可视化。用户的角色构建越完整,剧本构建也就可以越准确。

对于用户最有一个建议:不要试图将每一个构想都细化成剧本,坚持只针对最重要的“剧情”做精准的勾画。

4. Customer Journey Map

最后这种文档我们姑且称之为“用户旅图”。这份文档同上门的用户剧本很像,但是它比起前者跨度更大,贯穿体验设计始终。设计人员可以对产品的背景有更深入的了解才能更好地设计,而产品投入使用之后也不是最终结束,这也是跨度如此之大的原因所在。

用户旅图将会涵盖角色信息、用户剧本和移情地图的全部信息。这么设定并不是要让用户旅图成为一个大杂烩,而是要将用户性格和用户流程、交互过程结合到一起来看待问题,每个阶段不同环节,都牵涉到不同的情绪和情感。

用户体验设计师必备的4种UX文档

一般而言,用户旅图可以以图表的形式来呈现,而一般在UXPin,我们会注意以下的环节:

  • 目标:他们希望在每个阶段达成什么目标?
  • 期望:用户认为会发生什么?动作发生的时候用户会感到什么,合适还是不合适?
  • 流程:他们想怎样完成整个流程?他们实际操作又如何?
  • 体验评级:用户对于每个阶段的体验如何评级?
  • 优点:用户是否喜欢这个流程?哪些部分设计优良?
  • 缺点:用户不喜欢这个环节的哪些部分?问题是如何发生的?
  • 改进:根据上述所提供的信息,我们应该如何提升用户体验?

其实具体的细节,还是取决于你的公司体量和产品的规模。小公司中,设计团队和开发团队紧密的合作在一起,整个UX设计可以走轻量级的路线。但是如果是大公司,可能需要考虑更多,确保信息沟通的完整性和通畅性。

结语

如果你是一名新加入团队的设计师,不妨问问他人,设计流程中是否会涉及到这些UX设计过程或者相关的文档,如果没有,不妨根据实际情况,为自己的产品定制相应的流程,增加对应的文档。毕竟,它们可以让你更懂用户,打造更好的产品。这些文档可以借助UXPin的服务来制作,有兴趣,不妨你也来试用一下。

 

译文来自优设

原文地址:designmodo

优设译者:@陈子木

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/32400/

(0)
CatherineCatherine
上一篇 2017-06-05 08:22
下一篇 2017-06-05 10:13

相关推荐

  • 【设计观点】如何从商业/产品/体验/视觉多角度构建设计形态?

    目标:现时代设计师不应只看到美感,从长远而言,需要从商业/产品/体验/视觉多个角度综合考量构建设计形态。 资料:交互设计精粹,用户体验五线谱,集创思维矩阵-纯色。 分享:星夜Design 现时代的设计师不应只看到…

    2016-08-30
  • 华润创业、建信融通、便利蜂等4家名企春招

    求职奶爸华南最活跃的大学生求职平台旗下公号求职奶爸、校园宣讲会V、名企校招实习,50W+粉丝企业合作请加 QQ 3527488757 或微信 naibabd01(添加请备注公司名称)学生求职请加创始人微信 qiuzhinaiba101全国 | 华润创业全国 | 建信融通全国 | 便利蜂广州 | 卡宾服饰华润创业/ 公司介绍 /华润(集团)有限公司是一家在香港注册和运营的多元化控股企业集团,其前身是 1938 年于香港成立的联和行,194...

    2018-04-08
  • 超全面!一个完整的交互设计稿有哪些必备元素?

    交互稿是交互设计师的主要产出。在实际工作中,交互设计师的主要职责就是根据产品提出的不同需求,用交互稿的形式给出交互方案。而且,交互方案会在产品、UI、开发、测试同学中流转,因此也成为他们评判一个交互设计师能力的重要依据。因此可以这样说,交互方案质量的高低,会成为一个交互设计师能力高低的重要体现之一。

    2017-10-17
  • 目标导向设计法02:如何确定设计目标?

    上一篇文章《目标导向设计法01:如何才能让交互方案更靠谱?》说的是设计的本质是解决问题,所以做交互设计要有设计目标;而设计目标包含产品目标和用户目标。这篇文章来说说如何确定设计目标。用户场景:在某时间(when),某某地点(where),周围出现了某些事物时(with what),特定类型的用户(who)萌发了某种欲望(desire),会想到通过某种手段(method)来满足欲望。某理财应用要做一个续约的功能,主要针对购买的理财产品将要到期的用户,提醒他们可以续约。提供的续约信息包括用作续约的本金,续约方式(本息续约),预期增加收益,续约期限,续约后的到期日,续约说明。续约操作后需要审核,审核一般需要1~2小时,通过后会有短信通知。由于续约能够给公司带来不少收益,因此希望用户在操作上比较流畅,保证不会因为操作而流失用户。“心理模型指相互关联的言语或表象的命题集合,是人们作出推论和预测的深层知识基础。”

    2017-05-07
  • 微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-18
  • 交互新人:如何做用户体验设计

    嗯,毕业来了公司5个月,接触了一些项目,本该早点写些总结,拖延症发作拖延至今。作为交互设计的新人,需要学习和反思的还挺多。 在学校的时候,看了很多书,学了很多理论,一直都希望能够应用起来,来公司发现很…

  • 计算机交互设计简史,从穿孔纸带到人工智能

    点击上方“想当然”,选择“置顶公众号优质文章,第一时间送达不管是有意识的还是无意识的,谈到交互设计,人人心中都有一个或清晰或模糊的理解。这些形形色色的理解都各有各的道理,但往往又有不尽然的地方。何为交互?交互(inter-action),从字面上理解,就是交流和互动。说得学术一点,就是两个对象之间的一系列响应。举个简单的例子,早上你出门遛狗时,隔壁老王正在跑步,你冲他一笑,说句:“早上好呀。”老王点头、微笑,说“早啊” —— 这就是一个...

    2018-04-07
  • 交互设计用户心理学

      交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是…

    2015-06-13
  • 消灭空状态

    设计师在做设计的时候,常常会忽略的一个页面状态就是空状态。空状态,顾名思义就是空白的状态,比如说:一个新闻的列表中没有新闻,这个时候列表就是空的,用户打开之后看到的就是白惨惨的一片。空状态的用户体验…

    2016-01-29
  • 交互设计方案也需要测试和评估的!

      对于一个交互设计在最终上线之前我们要对整体进行评估,那么又有什么评估的方法呢? @elya:对架构、布局、内容、行为四个方面对照检查 1.架构和导航Architecture and navigation ¨ 是否采用了用户熟悉或容易…

    交互设计 2015-02-03