用户体验设计流程与文档编制指南

 

004824tYD

文档编写有助于产品的概念形成、设计、创造和性能衡量。但是,编写文档的目的不应单单是为了产品维护。毕竟书面上的东西再多也没法跟真正的产品体验相提并论。

正如简约用户体验倡导者Jeff Gothelf在Smashing Magazine的一篇文章中所介绍,在用户体验方面单纯用作未来参考的详细交付成果基本上从制作完成起就已经没用了。在当今这个崇尚简约、灵活的时代,用户体验的关键应该是产品的核心,而不是整体交付成果。不论你选择简单的还是详细的流程,关键是要保证文档能够帮助设计向前推进(而不能只是一个滞后的指标)。

下面是产品设计开发文档编制、各个元素及阶段的概览。不同公司的产品开发和文档编制过程各有不同(例如Spotify,详见《使用Spotify构建最小化可用产品》),但是下面的很多交付成果在一定程度上是大多数公司所通用的。

我们所选择的方法都是自认为最好用的方法,你可以根据自身情况自行选择。

 

各自关系

在产品设计文档编制方面,理论和实践是完全不同的两码事。我们都知道用户中心设计的基本原则。我们也都能从纷杂的方法中认出各种不同的研究方法、原型制作阶段以及文档编制技巧的整体流程。但是,你还是会经常问自己这个问题:在实践中到底怎么操作?

122353f9S

图片来源:The Design Process.

简单来说,就是要让文档与设计流程形成互补,而不是简单作为设计流程的补充。在深入探讨之前,我们先从宏观上快速看一下产品设计开发期间的文档编制工作。在下方,我们从实践的角度介绍了设计文档编制的各个步骤之间的联系:

1.   在产品定义的初始阶段,你需要和所有必要的相关人员就产品以及项目的开展方式进行一次头脑风暴。头脑风暴可能带来一套启动计划、一个精简的框架和一系列比较早期的概念图以及模型。

2.   下面开始调研,在这一阶段,你的团队需要对所有假设进行完善,并填补空白的内容。根据产品复杂性、时间安排、现有知识程度等各种因素的不同,这一阶段可能会有所差异。但是,从整体上说,开展竞争性市场分析并执行客户调查是有益无害的。如果你有现成的产品,审查分析技术、启发式方法、内容、产品背景和用户测试等也会很有帮助。

3.   在分析阶段,截止目前所收集到的产品营销数据可以为用户特性、体验地图和要求文档(例如按优先级排序的功能电子表和用户任务矩阵等)提供基础。在这一时点,产品定义、产品优先级和产品计划都已经经过界定并做好成为更正式的设计交付成果的准备。如《用户体验设计流程与文档编制》中所讨论,在这一期间也可能连续产出草图和流程图。

4.   这一阶段的成果将导向使用场景、概念图和模型,进而进入设计阶段。常见的文档类型包括草图、线框图、原型、任务流程图和设计规格等。例如,调研和分析阶段所得到的竞争分析和用户特性将应用到模型、概念图和使用场景中。反过来,这些内容又将影响到线框图、故事板和详细模型等中间或高级交付成果。有些公司会把调研、分析和设计阶段视为一个大的流程,如这个概览所示。

5.   在执行阶段,需要把代码和设计资源组合打造成符合设计规格的产品。

6.   在实际产品发布时,还需要依靠支持记录、bug报告及其他分析技巧继续通过后续的版本迭代和升级推动产品的完善。在后续的生产模式下,需要以分析和报告的形式继续不断地生成并监控各类数据以确保成功的延续。

7.   最后,生产环境下通过性能指数表和分析技术进行不断的测量与迭代可以保证实现连续不断以数据为驱动的产品改善。

 

指导原则

现在你们已经看到了各个阶段之间的联系,下面我们来看看哪些原则有助于推动产品在各个阶段内前进。我们将说明如何运用产品冲刺方法让流程随着时间推进不断向前,而不是停留在初始的定义阶段。

122356u0n

图片来源: User-Centered Design.

和软件领域内以灵活为核心的同类概念相似,设计冲刺是指在1-3周的时间内集中精力解决具体产品和设计问题。据3Pillar的用户体验领导人Alok Jain所称,设计冲刺的三大关键要素是协作、减少交接摩擦和团队精力的集中简单地说,你的设计文档应该集合各方的工作成果,而且必须始终以用户为核心。由于你需要快速执行各个阶段,所以应当保持冲力、尽量减少浪费。更重要的是,你要着手处理小问题,以便保证能进行更加深入的探索和更高的风险承担能力。

这里提供了有关这一完整周期的极端简约版本,不过我们会在下面详细地说明如何在你了解产品、涉及产品、发布和完善产品时运用这一思维。

 

1.了解产品

在构建产品之前,你需要了解其存在的背景。相关人员、公司和用户为什么关心你的创意能否向前推进?

122359QBa

图片来源:Achieve Shared Understanding.

根据Smashing Magazine所介绍,你所要开展的活动应当能够满足商业需求和用户需求,还需要通过最佳的设计解决方案同时满足这两方这里的关键是“活动”,因为尽管商业模式蓝图和简约化蓝图之类的文档都很重要,你还需要给其他相关人员提供动力,否则就是在花大价钱请一帮昂贵的人员闲聊众所周知的话题。这些活动应当高效并能够促成协作:

·    相关人员访谈——使用这个模板,可以让每个团队成员访谈3个相关人员。产品会给客户带来什么感觉?他们应该怎么操作?通过记录相关人员脑中认为的客户的思考、感觉、操作方式,你就可以设定出用来进行可用性测试和用户分析的基准。

·    要求工作坊——让相关人员聚集到一起讨论项目计划、然后探讨概念如何融入产品以及技术要求。你可以拿出一个空的商业模式蓝图或简约化蓝图,与你的团队一起进行填写。

·    速8——拿起马克笔让所有人在5分钟内草拟8个不同产品或功能创意。让每个人给每个创意打分,然后你就能看出整体的趋势和偏好情况。这一活动实际上是《Google Ventures再设计流程》中的第2步。有关其他好方法,请看这个头脑风暴活动列表

在打完基础后,你就可以邀请大量用户进行访谈和测试以便获得实际环境的数据进行调研分析。UXPin 的 CEOMarcin Treder的做法是在确认了问题和工作范围后深入开展客户开发和可用性测试。在UXPin还只是纸上的原型创建工具时,Marcin和用户体验界的明星Brandon Schauer、Luke Wroblewski、Indi Young等人共同对50多次用户访谈和面对面可用性测试进行了详细记录。随后,产品团队使用所记录下的内容制订了用户特性、写了几十套用户背景故事并最终规划出了产品要求。

Amazon所使用的“倒推”方法中的第一步是构想出成品内部新闻发布会的场景。这一方法有助于从客户角度进行倒推,而不是将客户局限到一个创意当中。通过对发布后进行反复迭代修改直到完善,其产品团队会立刻进行可信性检查并编写基准文档以便后期设计开发使用。

 

2.设计产品

《最小化可用产品指南》中所介绍,一旦你有了产品使用目的的基本概念,下面的主要目标就是构建原型。不管你的团队是愿意用餐巾纸随便画画还是喜欢创建高保真或低保真度的线框图,最后的成果都应当具有功能性。这一阶段的独特性在于,对于大部分交付成果来说,文档就是设计本身。

122401ZBr

图片来源:UXPin.

Twitter的设计经理Cennydd Bowles表示,产品团队应当提前调研两个迭代,提前设计一个迭代并对之前的版本迭代进行审查如果你想要保持灵活性,他建议直接打造低保真原型,让“交互凌驾于流程之上”。如果你更倾向于注重细节,同时不失灵活,可以先从概念图或草图着手,然后迭代低保真线框图,最后打造高保真原型。不管你使用哪种方法,一定要和相关人员及用户进行测试。

如果预算和时间允许,你还可以画出体验图来强调产品在哪些方面能满足或不能满足用户需求,并做出任务模型表现用户为达到各自目标所需要执行的各项活动。虽然这些内容不属于设计的组成部分,但是考虑到你还需要了解自己的产品在人们脑中和市场上的定位,因此也不无裨益。有趣的是,Yelp会编写包含常用代码的风格指南作为设计阶段的补充,从而让文档能够真正的融入产品。

UXPin,我们的流程是先使用细记号笔和网格纸组织小组进行草图绘制,然后遴选出几个线框图,之后逐步添加细节直到达到高保真模型。如果需要进行用户测试,我们会把模型打造成高保真原型。如果要发布重要功能,我们还会进行广泛的用户测试,让原型的用户满意率达到70比30。

 

 

3.构建及发布产品

在开始集中进行技术工种时,一定要编制文档帮助你获得全局概念。具体的要求可以随着产品的精细化而改变,但是文档一定要能够帮助你了解产品进入公众时的优先事项。

20141112115129_process_docs_06

图片来源:The MVP Campaign.

RedStamp的用户体验经理Kristofer Layon的观点是,你可以将产品要求和技术规格文档以路线图的形式进行视觉呈现。产品路线图可以展现用户故事,帮助你对功能主次进行排序,从而满足用户需求。有的时候,还可以在路线图中加入特定的日期,让它起到时间轴的作用。路线图的好处在于它能够帮助你分清优先次序,对产品要求和技术规格所确定的构建方法进行补充。在确定功能时,你可以使用Kano模型以3个类别对功能进行评估:

·    基本属性——产品工作所必需。例如,笔记本的基本属性是要有键盘和屏幕。

·    性能属性——可以作为KPI用来与不同产品进行比较。例如,笔记本的CPU速度和硬盘容量是优劣的关键,人们一般倾向于速度快、容量大的电脑。

·    加分属性——根据顾客偏好不同的主管属性。例如,Macbook Air的超薄和光滑触感。有些用户会觉得这些是好卖点,但有的人不注重这些。

根据这个模型以1-5分给功能评分,然后把功能放到优先级矩阵中,可以帮助你初步形成产品路线图的轮廓。Apple的做法是使用其《路线规则》和《Apple新产品流程》作为产品路线图,并在其中规定职责、创造阶段以及从概念形成到发布期间的重大里程碑。事实上,Apple的《路线规则》受到了极高的重视,如果偏离路线会被立刻解职(在公司文件中明确说明)。

 

4.优化产品

在构建(及最终发布)产品时,文档还需要注重于定义和跟踪产品销售情况及其他KIP。毕竟,如果不知道要优化哪些指标,也就无从谈起优化产品。

20141112115614_process_docs_07

图片来源:Product Management by Numbers.

LaunchClinic的创始人Dave Daniels的建议是,写下发布目标(例如30天内下载量达到30000),然后确认你是否有正确的工具来记录进度。使用指标工具和bug报告软件可以让你建立起可以重复使用的报告,以便在产品发布前几周以及后期进行跟踪记录。在客户方面,你还可以对用户进行分类,然后给他们发客户调查问卷,评估进行迭代的内容和时机。

Spotify的迭代阶段时产品开发中最长的一个阶段。其产品团队使用当前的指标和优先级矩阵(可能是在设计阶段创建的)对以超出“局部最大值”程度对部分产品进行改善所需的工作量,与能够带来的好处进行比较权衡。如果他们觉得付出这些工作量是值得的,就会返回到定义阶段重新修订产品,以达到“全局最大值”。

 

主观环境下的客观流程

在产品设计文档方面,没有终极捷径。几乎所有使用我们产品的公司都会或多或少的使用我们上面介绍到的技巧。虽然产品开发和用户体验设计是一项高度主观的工作,但你的流程和文档不一定要很主观。毕竟,产品的最终目标就是获得收入,这一点没什么主观可言。

20141112115700_process_docs_08
图片来源:Design Process Notes.

 

不论你选择简单文档还是详细文档,其目的都一样,那就是把你的思维过程体现到书面上,让你的团队能够进行互动和反映。文档应当是产品的指南针,而不是一成不变的死规定。我们前面讨论过的一些阶段可能会以略微不同的顺序展开或平行展开,但不论顺序如何,它们都是为你提供灵感的方式。请你尽取所需,让你的文档随着产品共同前行。

 


更多讨论内容请关注:学堂群:156360020 | 微信号:Aioued | 新浪微博:艾欧交互学堂

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/1475/

(0)
Smiler李想Smiler李想
上一篇 2014-11-20 12:52
下一篇 2014-11-20

相关推荐

  • Axure-小红书APP登陆界面划屏效果制作

    有一款叫做小红书的APP(不是小黄书)登陆界面做的非常清新脱俗,教他家用Axure模仿练习一下他的登陆界面划屏效果,这个内容虽然有些多,但是制作方法并不难,耐心跟着做的话肯定没问题哒!点击观看效果 效果分析 …

    2016-01-06
  • 关于Axure8.0中继器的使用1

    废话少说,请开始你的表演!!!1.拖入一个中继器,将中继器多余的行删除;2.在中继器中添加三列(可以直接双击编辑),分别命名:name、sex、age;3.双击拖入的中继器会跳转类似动态面板的“(中继器)(page2)”新页面;4.在(中继器)(page2)中再添加两个和已有矩形大小一直的矩形,分别命名:name、sex、age;关于中继器的准备工作完毕,因为中继器需要存放动态数据,所以需要在页面增加动态数据的输入入口。5.回到拖入中继...

    2018-03-10
  • 超实用的格式塔原理小科普

    在界面排版,网页广告设计等视觉传达设计工作中,视觉上的画面琐碎,零散,信息混乱无序总是视觉设计师无可避免的问题。

    2017-06-02
  • 选择爱情与用户体验

    用计算机思维的视角来看爱情和用户体验。一、做结婚教练的互联网产品经理最近发现一个心理咨询师现在转型做了一个结婚教练。她是我的一个心理咨询师朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。那么这个结婚教练以前是干什么的呢?她以前也是做过一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何...

    2018-02-03
  • 如何正确提示用户进行评价应用

    设计文章 / 交互设计 | 2014-10-15 | 来源:woshipm | 发布者: GUImobile 在App里提示用户“给应用打分”的做法已经相当普遍。但正因为它太普遍了,用户一直被各种评价请求骚扰。我并不认为用户会介意给他们喜欢,并且…

    2014-10-15
  • 你如何设计交互?

    进行界面设计时,很显然我们一上来就会想着画出整个流程。但这真的是最好的方法吗? 我曾偶然进行了编写一个具有想象的人机对话,之后我再继续使用画流程的方式。 编写人机对话的方法改变了我的思维方式,我再也没…

    2015-08-12
  • 交互设计用户心理学

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

    2015-06-13
  • 交互设计实例分享

    现在很多优秀的网站、移动应用中都广泛的使用到交互设计。网络上也有很多相关的文章,例如什么是交互设计,交互设计的流程是怎样的?但是设计从来不是空谈,理论和实际的碰撞,才能激发出更多的灵感。以下是我自己…

    2017-08-03
  • Axure官方教程中文版第3课:组件与母版-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(3).MP4 新建一个文件 1、添加一个按钮并设置鼠标悬停交互样式 2、复制并对齐按钮 3、将按钮转化为母版 4、将母版应用于每一页 5、在母版中为每个…

    2015-01-25
  • 什么是用户体验文案设计?【UXRen译#164】

    作者: Kristina Bjoran  |  翻译:陈馥丹,校审:小四   有一种新的职业出现了,嗯,也许不是“新”的,但可以肯定的是这种职业出现次数会逐渐增加,像谷歌、亚马逊、Dropbox、Paypal……许多大型科技公司正在寻找UX文…

    交互专题 2017-08-07