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

 

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

相关推荐

  • 交互设计应该学的软件有哪些?

    数十万互联网从业者的共同关注! 作者:Yoojoo,作者授权早读课发表,转载请联系作者。来源:知乎仅针对现有企业交互设计师常见设计范围(网页,桌面app,移动端app)作答。1-7为交互设计师必备,8-10有兴趣的…

    2017-08-01
  • 让你的设计拥有高转化率的配色知识简明指南

    互补指的是我们视野中色彩和色彩之间相互补足的关系。选择色轮中处于相对位置的色彩,构成的配色 方案令双眼觉得和谐。最常见的互补配色有两种,三元配色和复合配色,我们将稍后探讨。
    对比则可以将不同的元素区分开来,从而降低视觉疲劳,构建出视觉重心和焦点。元素之间的高对比度让文字更容易被识别,引导用户注意到更关键的信息。背景和背景之上文本的色彩选取就是一个非常常见的对比度的问题,我们会随后聊到。
    色彩对于用户的情绪上的感染也是一个重要因素。

    较小的文本应当确保至少和背景之间有4.5:1的对比度比率
    较大的文本(14pt粗体,18pt常规)应当确保和背景之间的对比度超过3:1

    2017-05-22
  • 腾讯2016年度7个创新功能,你最爱哪个?

    作者:腾讯   那么,在你眼里,创新是什么样的? 是对产品的颠覆式变革?是将原有技术植入新的领域?是新的产品和领域的开拓?抑或,只是某一个让你会心一笑的新功能? 在腾讯,每月都有微创新奖的评选,在内部开启…

    交互专题 2017-08-07
  • 关于创意,国外设计师用垃圾制作的插画,震惊到我了。

    本文来源于交互设计网:我是UE网,小编:阿西巴巴 图片来源:互联网 有些生活中的日用品或消耗品产生的垃圾我们随手都丢掉了,不过在设计师眼里这些也可能价值数十万美元。她是如何变废为宝的呢? 下面是作品: 我真…

    2015-04-20
  • 用户体验分享-儿童玩具上的用户体验与交互设计

    大约在同一时间,我成为了一位父亲,我刚进入用户体验世界,试图找出如何使我的产品,够了吧,可以理解的、 易于使用,并且直观。我是一个巨大的玩具迷,还是玩,他们之前到达了我的儿子,但他在房子里意味着更多的玩具和更多的机会来观察他与他的玩具在他的生活非常首个月的交互。看着他让我想起了关于如何普遍经验和界面设计是在我们的生活从一开始,从这些经验,我们能学到多少 — — 尤其是如果我们打算建立一种可以理解的产品。

    2015-01-03
  • 基于用户体验的污泥脱水干化解决方案

    点击上方蓝字关注“公众号”题  目:基于用户体验的污泥脱水干化解决方案报告人:上海复洁环保科技股份有限公司  许太明  总经理第一部分:背景与缘起各位领导、各位专家、各位同行,中午好。我给大家做的报告是基于用户体验的污泥脱水干化解决方案。作为我们公司来说,主要的产品是低温真空脱水干化成套技术,所以我从这个技术本身给大家分享一下应用性能与效益的评价。主要分三部分,一个是背景与缘起,第二是用户体验与详情,第三个是总结与展望。污泥脱水干化设备...

    2018-04-30
  • 【转】交互设计规范总结

    前些时间正准备写交互规范,就去网上搜罗了一下交互规范的一些范本,想作为借鉴参考,但却没能找到比较满意的,找到了一些零散的内容(当然有些还是有参考价值的),所以就觉得交互规范这方面的内容比较少,就来此…

    交互设计 2016-09-05
  • UI设计师工作必备的七个设计神器

    今天推荐的这7个神器,有经典款也有新人版,不过大致贯穿了UI设计的整个工作流程,从排版、配色、切图到标注、预览,都有对应的良心神器推荐 ,非常适合刚入门的UI设计师,当然,有两款谷歌刚出的神器,也值得老手们来瞧一瞧。

    2017-05-31
  • 设计实战:教育产品组件化交互设计的实践与思考

    网易UEDC – 王媛媛 :组件化设计,就是设计模块化,组件可复用。是以通用化的视角审视模块设计,根据业务方需求支持多个产品的接入与使用。

    2017-10-16
  • Axure 从入门到够用

    第180篇Glen几个月前决定总结分享一个Axure教程系列,结果现在才腾出时间来梳理。Axure是最常见的产品原型工具了,看完这篇文章,你就基本具备了日常工作需要的产品原型能力了。Axure入门到够用教程1. 尺寸规范1.1 网页端产品尺寸优秀的产品原型是需要做到像素级高保真的,这样便于之后设计师输出设计图,毕竟眼见为实嘛。现在互联网主流屏幕分辨率有1920 * 1080、1366 * 768、1440 * 900。你在画网页产品原型...

    2018-03-06