线框图以外:真实的用户体验设计流程(译文)

alvinzsc:

    原文:Beyond Wireframing: The Real-Life UX Design Process


    作者:Marcin Treder


    译者:Alvin Zhang


    我们都知道以用户为中心的设计的基本理念。在其丰富的方法论环境中,我们会了解不同的研究方法,原型的阶段,和技术流程的文档。然而,你或许会经常询问自己这样的问题,如何在时间中运用它们呢?


    那么,真实的用户体验设计流程通常是怎么样的呢?我们有足够多的时间来使每一步流程都像我们宣称的一样完美吗?在本文中,我将会分享一些关于真实的用户体验流程的见解,与此同时,也来说说我自己的经验和研究。


以用户为中心的设计:事实vs虚构 


    在几年前,我加入了一个东欧最大的电子商务企业。当我走进我的新办公室时,我立即就发现了一个巨大的海报挂在墙上,它展示了整个以用户为中心的设计流程,并进行了详细的描述,这一步步的设计方法和流程几乎没有任何可以怀疑的地方。对于一个渴慕着用户体验知识的设计师而言,它是激动人心的,对吗?我充满希望的望着那个海报,想象着如果按照这个完美UCD的设计流程来设计是多么的令人兴奋。然而,在实际的流程中,他们却没有完全按照海报中流程来实施。他们从没未做过任何研究,也没有任何严谨的用户行为分析。他们甚至没有原型!这精美的海报挂在墙上是令人羞愧的。


    在接下来的三年里,我们努力把用户体验带入这个技术驱动为核心的团队。我们忘掉那个海报上的流程并寻找适合我们自己的流程, 寻找一个能够与公司能力拟合很好,同时又能够适应不同项目和服务优化的设计流程。我们为什么不使用已经非常清晰的理论方法?因为,我们无法承担,如果所有不同的项目或设计都按照经典的UCD的流程来一步步的操作,会耗费太多的时间,而且在经济上也是不现实的,因为我们的项目预算是非常紧张的。


    为了按时提交设计,我们的时间往往会变得非常紧迫。我们以经典UCD的流程为灵感,并且创造了一个相对简单但对公司比较适用的流程。我们定义问题、定义项目的范围、通过纸上原型和线框图来进行迭代、尽可能快速的推进代码开发,而且利用多元分割测试和谷歌事件分析来进行详细的跟踪。


    产品发行后,我们开始立即设计优化方案。不幸的是,只有较大的项目有预算来进行定性测试。大型项目也会有完整的初步草图(如站点地图,流程图,概念草图)——它是我们极力推荐使用的工具和方法,能够在杂乱的信息中帮助你寻找秩序。


    总之,我们的过程是简单而有效的。当然,总的来说,还是一个UCD流程,但相比其他流行的方法和著名的UPA海报,我们只使用了推荐的工具和研究方法的20%。我们假设用户并不能够从海报中精益的流程中获益。用户却能够从一个产品团队的辛勤工作中获益;因此,一个简化后的过程要比一个强大不可诉的理论更好。



 
 


图1 设计用户体验(大版) 


    突然,我开始好奇其他人是怎么样使用UCD的。有很多谈论线框图的,但是除了线框图,我们的工作看起来是什么样子的?我是唯一一个使用简化后的方法的人吗?我们如何去创造成功的设计?什么样的流程是超越“海报”那样的呢?是不是有一个模式能够对大多数设计师的工作有利呢?


 研究的原因 


    幸运的是,我要找到那些设计流程问题的答案。我强迫自己对我的观点(关于经典UCD的方法和设计流程的看法)进行一次全面的检测。本文就是在分享这个检测的过程。


    • 如果你在用户体验设计领域是新人,通过本文可以学习到更多的体验设计师是如何工作的,这是非常有用的


    • 如果你是一个经验丰富的设计师,这篇文章可以激励你去重新考虑设计方法。我们每天都在不停的做设计。这是一个休息的时间,来看看其他人正在做什么,在真实的设计流程中,我们要做什么、不要做什么。


     你可能想知道是什么力量说服我自己去检测我关于设计流程的观点。答案很简单:我自己的创业。我和我的朋友们一起创造了原型笔记,通过它可以使我们的设计流程更加有效,而后我们创造了我们自己的协同线框图应用。然后我们突然出名了,拿到了VC的投资,并决定面对我们的挑战:创建一个用户体验设计工具,以支持设计流程中的团队工作。


    我们觉得这是在试图对抗Godzilla(或Tywin Lannister,比起日本旧电影,你更喜欢权利的游戏的话)。如果我的UX团队不使用经典UCD方法,而使用其他理论框架来设计我们的工具,我怎么能确保它是适合所有人的真实的流程呢?我不能。在设计流程中,有什么模式是我们真正在公司中应用的吗?我也不知道。


    我们认为我们需要找出真实设计流程的真相,而且我们现在就需要它。在我们看来,我们的研究甚至可能超过了一些对社会具有巨大影响力的事情。简单的做一个公式:设计过程中的一个伟大的工具等同于设计师能够在工具相关的工作方面耗费的时间的较少,而在其他更有创造性的工作方法付出更多的时间,进而为我们设计出更好的作品。


    赌注是巨大的,而只有一件事情要做:从办公室中走出去,参与研究,发现、了解真实的设计过程(如果存在),并仔细地找出设计师们的痛点,以使我们的团队也能够更加轻松和愉快。然后,我们收拾好东西,去旧金山和硅谷的做一些认真严谨的研究。如果想知道我们发现设计过程中的有什么问题,请继续阅读!


深度访谈客户的开发过程和大量的个人 


    一个创业生活中是充满用户体验的设计工作的,即使创业者没有意识到。Drake Martinet(华尔街日报,斯坦福大学)认为整个精心策划的创业活动仅仅是一个设计原则应用到商业环境的活动。我非常同意。


     启动新项目时,你需要和你的目标群体进行讨论。这里所说的是众所周知的IDIS(个人深度访谈):在个人访谈中,你需要尽可能的去了解被访谈者在特定领域的生活中所遇到的问题。


    我们的目标群体是用户体验设计师们,所以我们计划访谈50个用户(亲自访谈或通过Skype)。每一次访问都聚焦相同的主题:真实的用户体验设计流程。我们询问设计师,让他们基于一个项目去讲述他们通常的设计流程的故事。在访谈中,我们会询问很多很深入的问题,从而能够尽可能多的了解设计流程的内容。


    我们不要求他们讲述设计流程中存在的问题,而是试图把它们放入我们自己的故事中,然后通过询问问题确认我们的判断(例如,“我了解在这个特殊的项目中X很麻烦?“)。我们尽最大的努力不把任何我们的观点带入我们的的访谈中。因为让他们说话是很重要的。


    我们采访了一些用户体验领域的知名人物,如Mike Kuniavsky、 Indi Young、Luke Wroblewski、Peter Merholz、 Brandon Schauer、 Jeffrey Kalmikoff 和John Zeratsky,还有一些鲜为人知但很优秀的用户体验设计师。我们的访谈者中有企业内部设计师,咨询顾问设计师和自由职业设计师。令人惊讶的是,在三个群体中,用户体验设计师所遇到的麻烦的问题是类似的。


    这是一个非常好的学习体验,我强烈建议将其当作每一个项目的最初步的研究。它会给你很多已经有的知识——是后续设计工作的基础。


从设计师的故事中浮现出的流程 


    首先,我们没有发现任何完美又精益的流程,但我们确实发现了一些能够适应不同条件的流程。而从故事中浮现出的流程,在某种程度上都是已经根据设计师的专业情况简化后的UCD流程。灵活性能够帮助我们在多样化的项目中生存。流程是适应项目来改变的。


    电子商务网站和设计医疗行业的移动应用是有着不同的设计方法的,而政府客户和企业利益相关者和创业者又是不相同的。除去极少的例外,设计流程看起来出奇的相似。它是一个明显的模式,我们都在不同的条件下来使用它去设计:


 1.收集有关问题的信息


    每一个用户体验设计师需要在项目早期阶段去收集信息。我们需要收集到尽可能多的关于这三个问题的信息(人,问题,项目)。在这一阶段中,与经典的UCD方法相比,大大简化为:


    • 客户对话(无论是内部或外部的),确定产品的需求(通常在一个标准化形式的产品需求文档中);


    • 标杆学习和趋势分析(我们采访的大部分设计师这样做)。


    我们很少进行用户访谈,但产品需求文档中的一个普遍接受且重要的附件是用户故事。我们的用户故事,是基于创建而来人物角色来编写的,但是几乎没有任何数据备份。我们采访的所有设计师几乎都没有使用实地调研和任务分析法。


2.准备设计


    这显然是构思过程的一部分。它能够完全征服模拟的工具。在设计的早期阶段,我从未见过一个设计师不使用快速素描或其他一些纸上原型形式的方法!


    设计师都试图在第一步流程中去收集一些信息,而后找到一些值得精炼为设计的信息。这一阶段不是用来记录的;它是艺术创造和创意爆炸的时候。我们中的许多人都使用自适应的多页模板来快速创建非常通用的草图。


    不幸的是,测试低保真原型是比较少的。我们想先冒险性的选择一个和利益相关者相关的方案并且开始细化流程。不是很以用户为中心,但这是现实。


3.设计


    与反文档的敏捷方法相反的是,大多数受访的设计师创建线框图和原型体验文档,然后交给开发者。


    前一阶段的精致的草图仍是相当粗糙的,通常不进行测试。高保真的设计由视觉设计师设计。在亚里士多德的术语中,我们创建形式,而开发者和设计师共同创造物质。启发式评估绝对是过时的,而一个带有认知演练的专家评审是相当受欢迎的。


4.认可


    它是设计流程中的重要组成部分,这是令人惊讶的。研究的资料和产品通常作为购买者购买产品的资料。这在企业内部的设计师,顾问咨询设计师和自由职业设计师之间没有什么不同。


    购买是流程中不幸的最重要的点。没有人愿意看到我们的工作直接被扔进垃圾桶,我看到了一些伟大的项目被拒绝了,只是因为设计流程背后的故事并不是特别有说服力。


    你猜怎么着?很多受访的设计师实际上是创建一个特殊的表现来告诉利益相关者设计的故事。报告显示的设计过程中的每一个阶段,可交付成果和交互设计,他们的目的是给利益相关者可访问到的所有信息。


    上面提到形成的四点模式在大多数设计流程都是能看到的,我们也在我们的访谈中发现了。你可能已经注意到,在这些流程中没有很多的迭代的研究。可悲的是,经典的可用性研究的过程也不是这个流程中的一部分。为什么?答案很简单:预算紧张。我以前工作的公司也面对同样的问题。紧缩的预算迫使用户体验设计师定制自己的流程,并跳过昂贵的研究。


    我相信这个问题的最佳答案是游击队式研究方法。创业团队会做一些游击队式的研究作为产品开发过程的一部分,但在我看来,更“成熟”的公司,也需要一些自发性且具有一定方法论、但却是高效又廉价的研究方法。未来几年用户体验设计领域所面临的一个挑战将是游击队式的研究方法的推广及如何将他们带入到我们真正的设计流程中去。


Houston,我们有一些重复的问题 


    在我们的研究中,我们试图找出访谈者在设计流程中重复出现的问题——也就是所谓的痛点。


    令人惊讶的是,相同的问题几乎出现在所有的个人访谈中。显然,我们很多人的生活中有三大问题需要解决,这些问题使我们的工作效率较低:


1.传达一个可理解的设计过程


    如何在流程中让整个团队紧密结合,并能够展示那些不擅长视觉的用户体验设计师在坚持画的一些东西?如何传达除了线框图以外的用户体验?


2团队内的沟通


    如何在整个流程中与团队进行沟通,并且能够实际从不同团队成员的角度来评估设计交付物?


3.演示流程以获得购买


   无论是在正式的时候还是心理上的,如何展示设计流程给利益相关者及开发者,来保证他们能够实际购买?



图2  


    我们访谈的其中一个用户体验设计师这样说:


    你知道在我的工作中最痛苦的事是什么?官僚主义。要去开会。比起吹毛求疵的争论,我宁愿去设计。我们至少应该将部分工作流程放在线上而不是一直由人来解决。在网上直接审批,而不是在一个会议上。


    另一个人这样说:


    将过程显示给客户并且传达设计的重要性,这是非常难的。


    我们可能都无数次的试图去解决这些问题,但我们仍然缺乏有效和快速的方法。这样的结果是创造性的工作和研究的时间就变少了。


    这是我的假设。我们作为用户体验设计师需要解决上述发现的三个痛苦的问题,从而才能有更多的创造性工作和研究的时间。我们需要证明我们的工作超出线框图和传达对用户体验设计的理解,事实上而是,在内部(在产品团队)还是外部(外部的产品团队,在客户和利益相关者的前面)推销自己。这是提高我们的效率的秘诀。


    自从我们一起分享设计流程和痛点,这样我们真实的用户体验的过程就能够调整,我们就可以一起解决相关的问题。这可能是这项研究的最积极的结果。


研究的结果


    研究表明,用户体验设计师正在不断的修改经典和复杂的UCD方法。我们的研究中发现,较少迭代性质的可用性研究和较窄的设计活动范围(相比于经典UCD)是当前真实的设计流程的主要特性。


    一个针对我们公司和客户能力的流程是普遍有效的,但它还是引起了一些反复出现的问题,它就应该被淘汰。


    这一般来说是我们工作的状态。不要误会我的意思:我不是批评经典UCD ——它仍然是我们工作的启示。毕竟,我很高兴,我工作的办公室中将“羞愧”挂在我的头上(我的意思是UCD海报),它不断地提醒我,流程中需要调整的地方。我明白了什么才是重要的,它应该是一个可以使用的真实的流程,它是适应公司文化的并且经济上有效的。


    在和那么多用户体验设计师交流后,我开始怀疑,我们是否应该创建一个海报,显示了这个版本的流程。它可以帮助许多有抱负的设计师在用户体验领域里采取第一个步骤,可以有效地成为我们内部和外部客户的有教育意义的工具。


    毕竟,我们的工作不是像海报说的一样昂贵和耗费时间。


    另外,这个研究的过程和发现的问题启发我们创造“用户体验设计系统”——这是一个正在进行中的工作,我希望听到你们的反馈。


 


更多的资源


·        “35 Excellent Wireframing Resources,” CameronChapman


·        “Free Wireframing Kits, UI Design Kits,PDFs and Resources,” Aquil Akhter


·        “Design Better and Faster With RapidPrototyping,” Lyndon Cerejo


·        “Free Printable Sketching, Wireframingand Note-Taking PDF Templates,”Paul Andrew


首页图片:图片致谢Wireframes website


原文链接



评论
热度 ( 2 )
  1. KoKo土拨鼠 转载了此文字

© KoKo | Powered by LOFTER