姿势大涨!用户体验设计师必备的4种UX文档 - 优设-UISDC

姿势大涨!用户体验设计师必备的4种UX文档

2015/08/20 10250评论区

4-essential-ux-documents-1

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

在今天的文章中,我会为你详细解释,为什么这些看起来很容易忽略的“附属品”真的是设计师的必需之物。想了解更多设计师必备的文档和工具,不妨阅读UXPin出品的《UX设计流程和文档完全指南》

1. Persona

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

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

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

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

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

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

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

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

2. Empathy Map

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

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

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

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

3. User Scenario

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

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

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

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

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

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

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

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

4. Customer Journey Map

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

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

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

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

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

结语

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

【你必须知道的设计趋势】

用户体验设计趋势:
《设计行业大起底!图说2015用户体验行业调查报告》

配色搭配趋势:
《业界良心!2015年最优秀的20款网站配色方案(附配色工具)》

网页设计趋势:
《你知道了吗?2015年网页设计的9大趋势》

原文地址:designmodo
优设译者:@陈子木

「子木说」

UXPin 绝对是最近几年最新锐的原型设计和用户体验设计工具了,不是免费,但是非常值得设计团队购买使用。UXPin的团队另外一个为人称道的,就是他们设计文档和文章极为高产,哪哪儿都是,还都是长文,对我而言绝对是又爱又恨……

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量100万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/4-essential-ux-documents

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 优设大课堂 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 设计师专访 视觉设计 素材下载 web前端开发 设计流程 AI教程 用户体验设计 设计理论 神器下载 字体下载 海报设计 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里