Be For Web - 用户角色 http://www.beforweb.com/taxonomy/term/88 en 十佳应用的故事(1) - 想法、产品定义与交互设计 http://www.beforweb.com/node/243 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-logo-app-store-iphone-ios-application-idea-design-development-marketing-success.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>眼看着进入8月下旬,天气相比前面几周有所凉爽;所谓凉爽,也只是高温从40来度降到36、7度的样子。</p> <p>刚刚过去的几天怕是要成为人生回忆当中的经典之一了。依次看掉Metallica和Korn的现场,回想起来,有好多像梦一样不那么真实的情景在里面:夏季的夜晚、暴躁的吉他音墙、灯光、嘶喊、摇摆、泪水、满眼的黑T恤和金属礼、散场后打不到车而坐在路灯下抽烟到半夜...然而,如果要我判断,是现在这样安静的坐在屋里吹着空调做博客更像真实的存在,还是那些回忆里的东西更像,我真的难以回答。</p> <p>想吃曼妥思了。说正经的。本周及接下来一周的话题,原文来自Jeremy Olson,北卡罗来纳州大学生一枚,<a href="https://itunes.apple.com/us/app/languages/id565108517?mt=8">Languages</a>的作者。关于产品是如何从想法概念开始最终走向市场,他所谈到的一些经验和实践方法,值得借鉴。</p> <p>这里进入译文。之所以写这篇文章,是因为我相信,相比于失败,我们能从成功当中学到更多。爱迪生在发明电灯泡的过程中经历了数千次的失败,如果我们仍然要基于各种试验和错误来重新发明灯泡,那简直是愚蠢的。怎样从成功的产品中汲取经验?如今我们有了完整的实践模型。</p> <p>移动应用产业当中有非常多的闪光点。虽然我很想说我的成功源于自己的才能,但事实并非如此。经过对那些在App Store当中获得成功的独立开发者的反复学习,我掌握了一些用来获取成功的基本原则和实践方法;我也希望这篇文章可以帮助各位读者学到同样的东西。</p> <!--break--><h3> 大想法</h3> <p>我的第一个应用,Grades,非常成功。媒体喜欢它,用户喜欢它,苹果也喜欢它。只是有一个问题:它不能帮我赚钱。当然,它还是可以带来些收入的,但不管怎么说,Grades还是太小众了,它所面向的就是那些需要在全学年当中跟踪自己学分的大学生。</p> <p><img alt="01-grades-top-10-ios-app-idea-design.jpg" src="/sites/default/files/images/201308-2/01-grades-top-10-ios-app-idea-design.jpg" /></p> <p>如果想要继续制作售价低廉的应用,那么我们的下一个产品必须足够&ldquo;大&rdquo;,<strong>它需要对几乎所有人都具有吸引力</strong>。</p> <p>当Sonico Mobile的创始人Alex Marktl来找我们合作一款离线翻译应用时,我们的机会来了。这是一个经过检验的市场,Sonico的iTranslate应用拥有超过3千万的用户,而且这个市场当中有一个巨大的缺口,那就是缺少一款价格合理、不需要网络连接的翻译应用。</p> <p>我们了解了一些用户对于iTranslate的反馈,研究了同类产品的竞争状况,然后我们非常确信,这块市场当中的机遇是相当巨大的。此外,我的四人团队对于教育和语言方面的产品真的很有热情。市场、机遇、热情都在眼前,简直是完美的状况。</p> <p>我们通过Skype聊了几轮,讨论了具体的合作协议,然后准备开工。</p> <p>(捣乱分子:关于产品的想法是至关重要的。新的Languages应用与之前的Grades相比,虽然吸引到的媒体报道的规模是相似的,但Languages在一天当中带来的收入抵得上Grades两年的水平!)</p> <h3> 对产品进行定义</h3> <p>虽然我很想直接开始画线框图,不过我们还是以研究作为起点,首先对新产品需要解决的问题进行定义。</p> <h4> 竞品纵览</h4> <p><a href="/sites/default/files/images/201308-2/02-competitors-large-top-10-ios-app-idea-design.png" rel="lightbox"><img alt="02-competitors-large-top-10-ios-app-idea-design.png" src="/sites/default/files/images/201308-2/02-competitors-large-top-10-ios-app-idea-design.png" style="height: 330px; width: 500px;" /></a></p> <p class="figure-caption">点击查看大图</p> <p>App Store非常伟大的一点在于,它是世界上少数几个能让你轻松找到潜在竞争对手相关信息的应用市场之一。简单的搜索一下,看看竞品的功能、排名、用户评价及推广方式,看看有多少用户愿意付费,这些都是帮你深入了解目标市场的绝佳方法。诸如<a href="http://www.appannie.com/">App Annie</a>这样的网站甚至可以帮你分析竞品的排名状况。</p> <p>我们选取了一打最棒的竞品,分析它们的优势和不足,以及我们可以怎样击败它们。我们了解到,虽然市面上确实有一些离线翻译应用,但它们要么设计的很差劲,要么售价太贵。我们知道自己可以做的更好。</p> <div class="embed"><article id="node-286" class="node node-related-books" about="/node/286" typeof="sioc:Item foaf:Document"><section class="embed-article"><div class="embed-article-entry"><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div> <div> <span class="thumbnail"><a href="http://www.amazon.cn/放飞App-移动产品经理实战指南-雅莫斯/dp/B00DUPP6K6/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;qid=1380852787&amp;tag=c7210-23"><img alt="放飞App:移动产品经理实战指南" src="http://beforweb.com/sites/default/files/images/products/31.jpg" /></a></span> </div> <div class="content"> <h4><a href="http://www.amazon.cn/放飞App-移动产品经理实战指南-雅莫斯/dp/B00DUPP6K6/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;qid=1380852787&amp;tag=c7210-23">放飞App:移动产品经理实战指南</a></h4> <p><a href="http://www.amazon.cn/放飞App-移动产品经理实战指南-雅莫斯/dp/B00DUPP6K6/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;qid=1380852787&amp;tag=c7210-23">本书讲述如何构建出能在Apple Store中引人注目的iPhone和iPad应用。从全局介绍这一构建过程中的每一步,包括预算成本、挑选开发人员并组织最佳团队、搭建工作流程、推销和改进自己的应用产品...</a></p> </div> </div> </div></div></div></div></section><span class="tag-title">相关书籍推荐</span></article></div> <h4> 用户体验测绘</h4> <p>对产品进行定义的时候,我们聚焦于思考怎样帮助人们解决生活当中遇到的一些实际问题,而不是凭空列出一堆很酷的功能。我们将这个过程叫做&ldquo;用户体验测绘&rdquo;。测绘工作通常需要花上1到3天来进行,期间,我们会:</p> <ul> <li> 分析用户在不使用移动应用的情况下的日常行为经验,发现他们在实际生活中遇到的问题。</li> <li> 进行头脑风暴,设想出一种能够帮助人们解决这些问题的最理想化的应用软件。</li> <li> 选择需要聚焦的核心问题,确定哪些功能在实际产品的第一版当中是可行的。</li> </ul> <h5> 第1步:定义用户角色</h5> <p>作为设计师,我们需要具有充分的同理心,去尽可能地了解用户当前的感受以及他们的思维进程(推荐阅读:<a href="http://beforweb.com/node/181">八个小方法,帮你成为更具同理心的设计师</a>)。走出门去,与人们进行交谈,这可以帮你增长不少见解;不过在眼前的项目当中,由于我们对于翻译类产品已经非常熟悉了,所以在这个阶段里我们并没有花时间和潜在用户进行直接对话。</p> <p><a href="/sites/default/files/images/201308-2/03-l-users-top-10-ios-app-idea-design.png" rel="lightbox"><img alt="03-l-users-top-10-ios-app-idea-design.png" src="/sites/default/files/images/201308-2/03-l-users-top-10-ios-app-idea-design.png" style="width: 500px;" /></a></p> <p class="figure-caption">点击查看大图</p> <p>取而代之的,我们直接开始就潜在用户的人格特征进行头脑风暴。</p> <p>接下来,我们选择了那些我们最需要关注的目标用户特征,并将它们写入用户角色当中。</p> <p><a href="/sites/default/files/images/201308-2/04-l-personas-top-10-ios-app-idea-design.png" rel="lightbox"><img alt="04-l-personas-top-10-ios-app-idea-design.png" src="/sites/default/files/images/201308-2/04-l-personas-top-10-ios-app-idea-design.png" style="width: 500px;" /></a></p> <p class="figure-caption">点击查看大图</p> <p>用户角色是一种包含了目标用户群人格特征的虚构人物。虽然其本身是虚构的,但用户角色应该基于真人,并且应该准确的抽象出真实用户的特质。没有人物进行参考对照,用户体验测绘工作将很难进行。</p> <p>在我们的用户角色中,Emily是一名21岁的大学生,在埃默里大学(Emory University)学习法语。她在语言方面没什么特殊的天分,但很喜欢法语,希望自己能试着读懂法文著作,而且盼望着到法国留学。</p> <p>我们一共创建了3个用户角色,他们涵盖了目标用户群当中大部分的关键人格特征:Emily,学生;Johann,欧洲商旅人士(后来的事实证明了我们的推测:应用销售额的70%都来自美国本土以外的用户);Paul,搞IT的,爱好学习新语言。</p> <h5> 第2步:描绘用户在没有移动应用帮助下的行为与体验</h5> <p><a href="/sites/default/files/images/201308-2/05-personas2-top-10-ios-app-idea-design.png" rel="lightbox"><img alt="05-personas2-top-10-ios-app-idea-design.png" src="/sites/default/files/images/201308-2/05-personas2-top-10-ios-app-idea-design.png" style="height: 322px; width: 500px;" /></a></p> <p class="figure-caption">点击查看大图</p> <p>为了描绘出用户的现状,我们挑选出了与&ldquo;翻译&rdquo;相关的三个最关键的体验模式&mdash;&mdash;个人翻译、社会化翻译和行程当中的翻译。</p> <p>接下来,我们对用户角色在这些体验当中的行为及可能遇到的问题进行了头脑风暴。举个例子,对于第一类,个人翻译,Johann会通过不同的语言向他的客户们发邮件,期间遇到不确定的单词时,他需要拿出词典查找。</p> <h5> 第3步:讨论最理想的辅助方式</h5> <p>我们描绘出了目标用户在没有应用辅助的情况下是怎样完成任务的,接下来就需要对我们的应用可以怎样辅助他们完成这些任务进行头脑风暴了。这个过程中我们不会去考虑盈利、预算、时间节点等方面的因素,焦点完全集中在那些帮用户解决实际问题的创意设想上面。</p> <h5> 第4步:做减法</h5> <p><img alt="06-finally-top-10-ios-app-idea-design.jpg" src="/sites/default/files/images/201308-2/06-finally-top-10-ios-app-idea-design.jpg" /></p> <p>这个环节是非常残酷的。我们之前已经得到了一大堆很酷的功能设想,而现在则需要砍掉当中的绝大一部分。好的设计,更多的是来自于减法,而非加法。你要找到那些有待解决的最核心的问题,在产品的第一版当中,将全部功能和设计都聚焦在这类问题上,而将不相关的、非本质的、拍脑袋想出来的东西全部移除。</p> <p>&ldquo;抛光&rdquo;一款应用需要花费大量的时间。所以,如果一上来的功能范围过于宽泛,你的应用就很难聚焦,而你几乎没办法使当中的任何一个功能达到完美的体验状态。</p> <p><a href="/sites/default/files/images/201308-2/07-contexts-top-10-ios-app-idea-design.png" rel="lightbox"><img alt="07-contexts-top-10-ios-app-idea-design.png" src="/sites/default/files/images/201308-2/07-contexts-top-10-ios-app-idea-design.png" style="height: 324px; width: 500px;" /></a></p> <p class="figure-caption">点击查看大图</p> <p>到这里,我们就得到了具有一定试验性的1.0版本的定义。现在我们知道这个应用究竟是关于什么的了。你可以到我们的博客当中了解更多关<a href="http://tapity.com/iphone-app-design/user-experience-mapping-strategic-design-part-3/">于用户体验测绘方面的信息</a>。</p> <div class="embed"><article id="node-264" class="node node-related-books" about="/node/264" typeof="sioc:Item foaf:Document"><section class="embed-article"><div class="embed-article-entry"><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div> <div> <span class="thumbnail"><a href="http://www.amazon.cn/iPhone应用用户体验设计实践与案例-金斯伯格/dp/B0052HZC54/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23"><img alt="iPhone应用用户体验设计实践与案例" src="http://beforweb.com/sites/default/files/images/products/08.jpg" /></a></span></div> <div class="content"> <h4> <a href="http://www.amazon.cn/iPhone应用用户体验设计实践与案例-金斯伯格/dp/B0052HZC54/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">iPhone应用用户体验设计实践与案例</a></h4> <p><a href="http://www.amazon.cn/iPhone应用用户体验设计实践与案例-金斯伯格/dp/B0052HZC54/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">本书简述了iPhone硬件和应用风格,逐步介绍了如何进行前期的用户研究和竞争性分析,以及提升iPhone应用用户界面和视觉设计的最佳实践。全书通过13个案例分析展示了知名设计师的实践过程,为读者了解应用背后的设计过程提供了第一手资料...</a></p> </div> </div> <p>&nbsp;</p> </div></div></div></div></section><span class="tag-title">相关书籍推荐</span></article></div> <h4> 产品定义</h4> <p>经过了用户体验测绘阶段的工作,现在我们可以给出关于产品本质的定义声明了:</p> <blockquote><p>一个可以帮助用户迅速查找单词及其定义的多语种离线字典,售价99美分。</p> </blockquote> <p>这份声明让我们在接下来的设计开发工作当中能够保持良好的聚焦。它就像试纸一样,帮助我们对接下来有可能产生的任何新想法进行评判;如果新设想新功能有悖于这份定义声明,那么它至少不会出现在1.0版本当中。</p> <h3> 草图和交互原型</h3> <p>到了将我们抽象的想法塑造成具体蓝图的时候了。</p> <p>我们首先会把若干界面之间的流程关系大致梳理出来。如今,在类似的阶段当中,我会以草图的形式为主,并通过<a href="http://popapp.in/">POP</a>这样的工具将草图分享给不在本地的团队成员或客户;不过在当时,我们主要是通过<a href="http://www.omnigroup.com/products/omnigraffle/">OmniGraffle</a>来创建粗交互原型的。</p> <h4> 别让我思考</h4> <p>在这个阶段,我们的目标是通过符合直觉、操作简便的界面来帮助用户解决问题。本质上讲,我们的工作就是避免用户思考界面,让他们将注意力集中在内容上面。</p> <p>这可是个大话题,Steve Krug曾经写过一本经典的书,<a href="http://www.sensible.com/dmmt.html">Don&#39;t Make Me Think</a>,如果你还没读过的话,现在是时候了;很棒的一本书。</p> <h4> 别让我做事</h4> <p><img alt="08-mockup-top-10-ios-app-idea-design.jpg" src="/sites/default/files/images/201308-2/08-mockup-top-10-ios-app-idea-design.jpg" /></p> <p>人们不喜欢做事,所以我们总是尽最大可能避免他们进行不必要的操作,或是被不相关的信息所干扰。上图当中的线框图展示了我们是怎样完成这个目标的。我们希望用户查找单词的过程尽量简短,所以在用户输入单词关键字时,与其他多数应用提供搜索建议的做法有所不同,我们会直接将对应这些搜索建议的单词翻译展示出来。我们还找到了一种解决语言切换问题的方法,也就是允许用户输入任何一种语言的单词,然后在界面左侧显示某种语言的翻译结果,在右侧显示另外一种语言的结果。</p> <h4> 像人类一样思考</h4> <p><img alt="09-dictionary-shelf-top-10-ios-app-idea-design.png" src="/sites/default/files/images/201308-2/09-dictionary-shelf-top-10-ios-app-idea-design.png" /></p> <p class="figure-caption">我们希望我们的词典外观能给用户带来真实的感觉</p> <p>因为这是一款离线翻译应用,所以我们希望能给用户带来一种强烈的印象,就是这些词典是真实存在于他们手机当中的。我们希望词典给用户的感觉并不是云端数据库当中的一堆数据,而是像真实的词典那样可以让他们随时随处打开使用。我们使用了摆满词典的书架形象作为隐喻,与用户进行快速直接的沟通。</p> <p>随着触控界面的不断成熟,用户其实不再那么需要拟物化的界面来了解外观与功能之间的关联了。不过有时,仿真效果的隐喻确实可以提升用户的期望,带来一些纯数码界面所无法产生的使用体验。</p> <h4> 持续探索</h4> <p>线框图在外观上有些丑陋,因为这个阶段不需要任何视觉设计方面的因素介入。我们不会直接打开Photoshop创建界面,因为相对丑陋的草图或线框图可以让我们聚焦在交互方面的问题上,使我们可以更快速的探索大量的想法。</p> <p>随手将想法画出来只需要几秒钟,我们对这个阶段的工作甚至乐此不疲了。想法越多越好,我们要把每块石头都翻过来,寻找任何一个值得仔细推敲的想法。</p> <p>有时你会发现,折腾来折腾去,最早的想法却是最好的,但要发现和证明这一点,你必须尝试过其他的方式才可以。我和一些设计师进行过相关的交流&mdash;&mdash;他们做出的应用都是我相当喜欢的&mdash;&mdash;大家有一点共识:通往成功设计方案的秘诀,不是&ldquo;天才&rdquo;,而是持续不断的探索。他们在找到一个不错的解决方案之后不会驻足不前,他们会一直前行,直到尝试过能够想到的全部方案<a class="eLink" href="http://beforweb.com">。</a></p> <div class="embed"><article id="node-277" class="node node-related-books" about="/node/277" typeof="sioc:Item foaf:Document"><section class="embed-article"><div class="embed-article-entry"><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div> <div> <span class="thumbnail"><a href="http://www.amazon.cn/原型设计-实践者指南-沃菲尔/dp/B00AX1MC3Y/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23"><img alt="原型设计:实践者指南" src="http://beforweb.com/sites/default/files/images/products/21.jpg" /></a></span> </div> <div class="content"> <h4><a href="http://www.amazon.cn/原型设计-实践者指南-沃菲尔/dp/B00AX1MC3Y/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">原型设计:实践者指南</a></h4> <p><a href="http://www.amazon.cn/原型设计-实践者指南-沃菲尔/dp/B00AX1MC3Y/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">原型设计是用于沟通设计意图的清楚而高效的理想方式,可以帮助设计师洞察设计想法,测试产品预设条件和收集用户反馈意见。本书向我们表明一点:“原型不只是一种设计工具,它还可能帮助我们进行产品推广,赢得更多内部支持,并有机会和开发团队一起测试产品的可行性。”...</a></p> </div> </div> </div></div></div></div></section><span class="tag-title">相关书籍推荐</span></article></div> <p>待续:<a href="http://beforweb.com/node/248">十佳应用的故事(2) - 视觉设计与开发</a></p> </div></div></div><ul class="field_categories"><li class="product taxonomy-term-reference-0"><a href="/product" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品</a></li><li class="design taxonomy-term-reference-1"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/14" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户体验</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/31" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UX</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/32" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UED</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/24" typeof="skos:Concept" property="rdfs:label skos:prefLabel">移动应用</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/36" typeof="skos:Concept" property="rdfs:label skos:prefLabel">交互设计</a></li><li class=" taxonomy-term-reference-5" rel="dc:subject"><a href="/taxonomy/term/115" typeof="skos:Concept" property="rdfs:label skos:prefLabel">视觉设计</a></li><li class=" taxonomy-term-reference-6" rel="dc:subject"><a href="/taxonomy/term/54" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户研究</a></li><li class=" taxonomy-term-reference-7" rel="dc:subject"><a href="/taxonomy/term/88" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户角色</a></li><li class=" taxonomy-term-reference-8" rel="dc:subject"><a href="/taxonomy/term/48" typeof="skos:Concept" property="rdfs:label skos:prefLabel">iOS</a></li><li class=" taxonomy-term-reference-9" rel="dc:subject"><a href="/taxonomy/term/76" typeof="skos:Concept" property="rdfs:label skos:prefLabel">App Store</a></li><li class=" taxonomy-term-reference-10" rel="dc:subject"><a href="/taxonomy/term/38" typeof="skos:Concept" property="rdfs:label skos:prefLabel">线框原型</a></li><li class=" taxonomy-term-reference-11" rel="dc:subject"><a href="/taxonomy/term/16" typeof="skos:Concept" property="rdfs:label skos:prefLabel">原创翻译</a></li></ul> Sun, 18 Aug 2013 08:16:31 +0000 C7210 243 at http://www.beforweb.com http://www.beforweb.com/node/243#comments 让用户体验设计的前期交付物更加可视化 http://www.beforweb.com/node/128 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-logo-visual-user-experience-design-ux-delievery-document.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>前几天在<a href="http://www.weibo.com/c7210">我的微博</a>里转了一段话:&ldquo;我们每个人看起来都履历光鲜,在大公司时都能力挺强,工作顺风顺水的...笼罩在大公司光环之下,谁都会觉得自己牛逼。所以,请褪掉任何光环和过去的认知,如果你没有尝试过一次从0而起的创业,你的牛逼脆弱而苍白。&rdquo;</p> <p>一直以来,都觉得自己尚未具备真正的创业所需的能力、见解、经验、资源。我想这一认知还算客观务实。不过从来也没有停下在工作之外做些事情,包括beforweb这个博客,还有一些自娱自乐的小项目。这些行为背后的真正动机,我自己也没有完全了解,但有一点很清楚&mdash;&mdash;相比于平日的工作,这些事可以让自己对产品以及与之相关的各种方式方法进行更全面的接触、学习、执行和控制,这是我所要的。</p> <p>突然意识到再这样念叨下去就要扯远了,还是说正经的叭。本周译文,关于提升设计交付物信息传达能力的话题;之前有些文章也有涉及到这方面。每每看到这样的文章,就会觉得实际工作中那些看似正常正确的事物当中总还是有提升质量和档次的空间;文中的一些做法,觉得叭,可以试试。进入正文我们。</p> <p>在实际的用户体验设计工作当中,作为设计师,我们的一些产出在信息呈现方式及沟通效果等方面做的其实不算理想,尤其是那些涉及到用户角色定义、信息架构分析、功能流程规划的文档。怎样将这些交付物打造的直观易懂,使它们具有更强的沟通能力,这同样是我们必须思考的问题。</p> <!--break--><h3> 文字和简单的形状都是不够的</h3> <p>人们对于文字的形象化思维方式是不同的。对于&ldquo;有个苹果从树上掉下来了&rdquo;这句话,有些人会想象出一个红苹果,有些人则会想到绿苹果。只有直接在信息当中传递&ldquo;绿苹果&rdquo;的概念,我们才能确保大家不会在头脑中产生红苹果的形象。很简单的道理。</p> <p>人们对于形状的理解方式也是不同的。如果我们向一群人展示一个矩形,其中有些人会单纯的将其理解为矩形,而有些人会认为这是一张纸或一块砖。如果我们直接展示一块砖,那么大家都知道这是什么。所以,即使是最简单的视觉形象,不同的展示方式也会造成不同的理解方式。</p> <p>因此,在工作当中,我们确实不能期盼着合作部门的同事能准确理解那些文档或是由各种框框和箭头所组成的流程图、线框原型等等。更何况在很多时候,大家根本无心去认真阅读这些东西。</p> <h3> 可视化的重要性</h3> <p>我们对于现实世界的观察和理解主要是基于视觉的,可视化的沟通方式可以让人更有效的接收信息。作为设计师,我们每天都要与产品上下游的相关人员交流概念和想法,而承载这些信息的媒介同样需要良好的设计。优秀的可视化信息媒介不仅可以帮助人们更好的理解概念与想法,同时还有助于引发他们对于信息本身的共鸣,使设计产出更具影响力和说服力。</p> <h3> 用户体验设计当中的一些可视化信息案例</h3> <p>我(英文原文作者)个人有一段创意设计方面的工作背景,因此,在后来的用户体验设计相关工作当中,每当看到普普通通的没有经过良好雕琢的文档,心里总会觉得不舒坦,这就是我开始思考并尝试可视化呈现方式的原因。其间,我也见识了很多来自其他设计师的案例,包括UserInsight还有Jason Travis同学创建的用户角色,以及Hochschule Luzern设计的用户流程等。</p> <p><img alt="01-userinsight-persona-visual-concept-user-experience-ux-design.png" src="/sites/default/files/images/201211-1/01-userinsight-persona-visual-concept-user-experience-ux-design.png" /></p> <p class="figure-caption">来自UserInsight的用户角色设定</p> <p><img alt="02-jason-travis-persona-visual-concept-user-experience-ux-design.png" src="/sites/default/files/images/201211-1/02-jason-travis-persona-visual-concept-user-experience-ux-design.png" /></p> <p class="figure-caption">来自Jason Travis的用户角色设定</p> <p><img alt="03-user-flow-visual-concept-user-experience-ux-design.png" src="/sites/default/files/images/201211-1/03-user-flow-visual-concept-user-experience-ux-design.png" /></p> <p class="figure-caption">来自Hochschule Luzern的用户流程设定</p> <p>我在着迷于这些漂亮的&ldquo;设计文档&rdquo;的同时,也发现它们当中有些过于凌乱,辅助性的图形元素反而会喧宾夺主;而有些又缺乏必要的文字描述。我希望找到一种更好、更有用的方式,于是在实际工作当中尝试了一些不同的想法,特别是在创建用户角色、规划信息结构和流程、制作线框原型的环节当中。我的目标很简单,就是让需求方和相关合作人员能更快更准确的理解设计师想要表达的内容。</p> <h3> 以对话气泡的方式创建用户角色</h3> <p>相比于普通的内容陈述,对话的形式可以给阅读者带来更强的互动感,产生更深的印象。基于这个理念,我试着在用户角色设定中使用对话气泡来展现内容,看上去就好像这个角色(Jamie)正在讲述自己的故事一样。Jamie&ldquo;讲述&rdquo;了自己的一些重要信息,包括自己的世界观、自己需要什么不需要什么、自己的一些经历、哪些东西可以给自己带来动力,等等。</p> <p><img alt="04-s-persona-story-visual-concept-user-experience-ux-design.png" src="/sites/default/files/images/201211-1/04-s-persona-story-visual-concept-user-experience-ux-design.png" /></p> <p>我不仅让Jamie自言自语,同时还增加了一个&quot;采访者&quot;,通过他们之间的交流来进一步增强信息的互动感。受到Jason Travis的案例启发(见前文第二张图片),我觉得用户角色所拥有的物品确实可以传递出他的更多信息,所以我也在设定中添加了Jamie所拥有的或是希望得到的一些东西,例如唱片、房子、狗狗、梦幻假期等。此外,我还加上了一些Jamie有可能提出的问题。完整的用户角色设定在<a href="http://barnabasnagy.net/projects/ux/Jamie.html">这边</a>。</p> <p>相关阅读:<a href="http://beforweb.com/node/71">用户体验的差异化策略</a></p> <h3> 带注释的站点地图</h3> <p>我在创建站点地图时想到不少主意,关于这个文档看上去应该是怎样的,信息应该怎样呈现,需要用到那些视觉元素。我把这些想法都写了下来,一方面用于实际操作时给自己做个提示,一方面也希望自己将来不至于忘记设计方案背后的思路。</p> <p>我同样使用了对话气泡的形式对信息结构进行了注释说明,其他人在阅读这份文档时不仅可以了解到结构方面的信息,同时可以通过注释了解更多详情。完整的站点地图在<a href="http://barnabasnagy.net/projects/ux/Sitemap.html">这边</a>。</p> <p><img alt="06-sitemap-visual-concept-user-experience-ux-design.png" src="/sites/default/files/images/201211-1/06-sitemap-visual-concept-user-experience-ux-design.png" /></p> <h3> 对话形式的用户流程设定</h3> <p>最后,我将之前的用户角色设定和站点地图结合起来,创建了一份比较有人情味的、能够让阅读者感受到上下文环境的用户流程设定。在这份文档中,Jamie会在整个流程里进行&ldquo;发声思维&rdquo;,讲述自己的目标以及在每一步操作中的想法。这种方式的代入感很强,阅读者可以更容易的理解产品的设计方案及其背后的想法。完整的站点地图在<a href="http://barnabasnagy.net/projects/ux/Jamie_s_user_flow.html">这边</a>。</p> <p><img alt="07-user-flow-info-navigation-visual-concept-user-experience-ux-design.png" src="/sites/default/files/images/201211-1/07-user-flow-info-navigation-visual-concept-user-experience-ux-design.png" /></p> <h3> 老大哥模型</h3> <p>我在创建线框原型的阶段,总会不由自主的忽略掉之前创建的用户角色,为了解决这个问题,我做了一些真人大小的纸板模型放在旁边,用他们代表用户角色,像老大哥一样时刻在边上提醒我记得考虑之前的设定。</p> <p><img alt="08-big-brother-prototype-visual-concept-user-experience-ux-design.png" src="/sites/default/files/images/201211-1/08-big-brother-prototype-visual-concept-user-experience-ux-design.png" /></p> <p>这种做法倒是有一定的效果,不过我始终觉得老大哥模型与屏幕当中的世界不在一个纬度上,心理上距离仍然很远。所以我干脆试把用户角色的形象直接扔到了原型当中<a class="eLink" href="http://beforweb.com">。</a></p> <p>相关阅读:<a href="http://beforweb.com/node/100">十个方法,让你的线框原型更具沟通能力</a></p> <p><img alt="09-wireframe-prototype-visual-concept-user-experience-ux-design.png" src="/sites/default/files/images/201211-1/09-wireframe-prototype-visual-concept-user-experience-ux-design.png" /></p> <div class="embed"><article id="node-277" class="node node-related-books" about="/node/277" typeof="sioc:Item foaf:Document"><section class="embed-article"><div class="embed-article-entry"><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div> <div> <span class="thumbnail"><a href="http://www.amazon.cn/原型设计-实践者指南-沃菲尔/dp/B00AX1MC3Y/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23"><img alt="原型设计:实践者指南" src="http://beforweb.com/sites/default/files/images/products/21.jpg" /></a></span> </div> <div class="content"> <h4><a href="http://www.amazon.cn/原型设计-实践者指南-沃菲尔/dp/B00AX1MC3Y/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">原型设计:实践者指南</a></h4> <p><a href="http://www.amazon.cn/原型设计-实践者指南-沃菲尔/dp/B00AX1MC3Y/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">原型设计是用于沟通设计意图的清楚而高效的理想方式,可以帮助设计师洞察设计想法,测试产品预设条件和收集用户反馈意见。本书向我们表明一点:“原型不只是一种设计工具,它还可能帮助我们进行产品推广,赢得更多内部支持,并有机会和开发团队一起测试产品的可行性。”...</a></p> </div> </div> </div></div></div></div></section><span class="tag-title">相关书籍推荐</span></article></div> <h3> 总结</h3> <p>衷心希望这些小方法可以在实际工作中帮助各位更好的呈现自己的想法,让相关人员能够更加高效和精准的获取信息。</p> </div></div></div><ul class="field_categories"><li class="design taxonomy-term-reference-0"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li><li class=" taxonomy-term-reference-1"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/103" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户体验设计</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/14" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户体验</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/31" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UX</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/32" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UED</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/88" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户角色</a></li><li class=" taxonomy-term-reference-5" rel="dc:subject"><a href="/taxonomy/term/33" typeof="skos:Concept" property="rdfs:label skos:prefLabel">信息架构</a></li><li class=" taxonomy-term-reference-6" rel="dc:subject"><a href="/taxonomy/term/38" typeof="skos:Concept" property="rdfs:label skos:prefLabel">线框原型</a></li><li class=" taxonomy-term-reference-7" rel="dc:subject"><a href="/taxonomy/term/16" typeof="skos:Concept" property="rdfs:label skos:prefLabel">原创翻译</a></li></ul> Sun, 04 Nov 2012 05:43:21 +0000 C7210 128 at http://www.beforweb.com http://www.beforweb.com/node/128#comments 优秀的用户体验设计师应该做好的五件事 http://www.beforweb.com/node/116 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-user-experience-ux-designer-s.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>一大早又梦到了南开中学。一如既往的回到那里见了老朋友,然后一起去后街淘打口磁带和杂志。梦境中的情节没有让当时的自己感到哪怕一点点的时空穿越,只觉得一切都很真实而正常,反倒是醒来之后感到眼前这一切有些突兀,空白了几秒才想起自己正躺在哪里。</p> <p>静的几乎连小猫睡觉时喘息的声音都能听的到。把这篇译文放上来,然后去放放空。回头看看一直以来做的内容,似乎能够发现自己所走的路径,也能够回忆起在某些时间段内发生了什么,导致自己关注的方向产生了怎样的微调,blah blah...没有欲望多说什么,觉得什么东西关闭掉了的样子。进入正文吧,小小的一篇东西。</p> <p>谁都会画线框图。当我(英文原文作者)的朋友们谈到自己的产品idea时,我会鼓励他们拿起纸和笔,通过草图来交流想法。他们觉得这种做法很棒,可以帮他们把头脑中的想法落实到实际当中。</p> <p>真正的用户体验设计师并不是由画线框图的能力所造就的,更重要的是,他们懂得怎样处理回馈信息,怎样验证想法,他们懂得做调研和迭代。他们知道草图和线框原型只是整个设计流程当中的一小部分,它们是调研工作的结论产出,是用来做沟通的信息载体;它们有可能被放到演示文档当中供产品、设计、技术开发等相关人员进行交流沟通,也有可能以高保真或纸面原型的形式被用作可用性测试。</p> <!--break--><p>推荐阅读:&ldquo;<a href="http://beforweb.com/node/100">十个方法,让你的线框原型更具沟通能力</a>&rdquo;、&ldquo;<a href="http://beforweb.com/node/24">产品早期的原型设计与用户测试</a>&rdquo;</p> <p>真正的用户体验设计师懂得通过一套持续改进的流程让产品逐渐变的更好。这套流程,或是说方法框架当中交织着&ldquo;人&rdquo;、&ldquo;业务&rdquo;、&ldquo;技术&rdquo;这三个方面的因素,而我们的工作就是对这些因素进行充分的理解,使它们在&ldquo;产品&rdquo;这个集合体当中有机的结合起来。</p> <h3> 掌握更加直接高效的沟通方式</h3> <p>我见过很多交互设计师在项目初期不顾一切的直奔线框原型,然后保存成图片或PDF并发给需求方,接下来开始抱怨:&ldquo;为什么他们就看不懂呢?&rdquo;</p> <p>线框原型只是设计师手中用于进行沟通的工具之一;更重要的是在与需求方或开发人员实际交流的过程中,向对方描述解决方案及相关依据的沟通能力。</p> <p>相比于通过软件工具制作的线框原型,纸、笔、白板在很多时候都是更加有效的工具。特别是在产品前期以及迭代的过程中,这些工具可以帮助我们更快的理清思路落实想法,多部门间的沟通合作也会变的更加直接高效。</p> <p>作为设计师,我们应当了解,与用户、产品团队、技术开发等各方面的沟通合作过程是帮助我们积累设计实践经验的重要途径。</p> <p>推荐阅读:<a href="http://beforweb.com/node/33">草图的艺术 - 草图原型实战技巧</a></p> <p><img alt="web-mobile-ux-user-experience-sketching-prototype-desktop.jpg" src="/sites/default/files/images/201112/web-mobile-ux-user-experience-sketching-prototype-desktop.jpg" /></p> <div class="embed"><article id="node-293" class="node node-related-books" about="/node/293" typeof="sioc:Item foaf:Document"><section class="embed-article"><div class="embed-article-entry"><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div> <div> <span class="thumbnail"><a href="http://www.amazon.cn/用户体验草图设计-正确地设计-设计得正确-巴克斯顿/dp/B007QMXYEE/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23"><img alt="用户体验草图设计:正确地设计,设计得正确" src="http://beforweb.com/sites/default/files/images/products/38.jpg" /></a></span> </div> <div class="content"> <h4><a href="http://www.amazon.cn/用户体验草图设计-正确地设计-设计得正确-巴克斯顿/dp/B007QMXYEE/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">用户体验草图设计:正确地设计,设计得正确</a></h4> <p><a href="http://www.amazon.cn/用户体验草图设计-正确地设计-设计得正确-巴克斯顿/dp/B007QMXYEE/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">本书着重强调设计过程前后两端的均衡,前端重点做好草图和设计创意,后端则保证可用性和工程两方面。目标是构建一种设计理念:将新技术转化成一种既可以服务社会,又可以体现价值的产品形式...</a></p> </div> </div> </div></div></div></div></section><span class="tag-title">相关书籍推荐</span></article></div> <h3> 调研与验证</h3> <p>你有拜访过客户吗?有组织过焦点小组(focus group)吗?有进行过脉络访查(contextual inquiry)吗?或是说你只是在为自己而设计?</p> <p>很多设计师,包括我们自己,也许都在做着那些我们自己不会有机会或是没有必要去使用的产品。我本人目前正在为很多客户公司设计应聘者跟踪管理系统,这是我自己在实际生活和工作当中根本不会用到的东西。这就意味着我必须花上大量的时间与该产品的目标用户进行沟通交流。</p> <p>如果自己不是这个产品的目标用户,那么作为设计师,我们有什么理由闭门造车呢?</p> <p>总会有时间做用户调研的,因为制作原型一类的工作本应只占据全部设计流程的一小部分。哪怕只是画草图,也可以放在与一小部分目标用户讨论过实际需求之后再做;没有任何直观可见的原型,这不是问题,你完全可以通过观察用户使用竞争对手产品的情况来获取你想要得到的信息。</p> <p>只有了解了用户在真实的使用场景及用例当中的需求目标,我们才可以开始产品设计的工作。</p> <p><img alt="user research" src="/sites/default/files/images/201209-1/img_user_research.jpg" /></p> <h3> 更早、更多的展示设计方案</h3> <p>你有将每个阶段的原型方案都打印出来贴在墙上和大家一起讨论吗?有使用纸面原型或高保真原型进行过可用性测试吗?</p> <p>验证你的假设,这是非常重要的一项工作。&ldquo;我想&rdquo;是这个世界上最危险的两个字,人们付钱给我们不是要我们去为自己做设计。</p> <p>可用性测试不是高精尖的火箭科学,即使在最艰苦的条件下,你也可以向同事或家人朋友展示产品原型,观察他们的试用情况,记录他们的感受。多数人喜欢做这样的事情,他们会觉得自己的意见得到了重视。</p> <p>最近有一名设计师对我说,在他的项目中,最容易的可用性测试是在咖啡厅里完成的。找上几个人,献上一两个甜甜圈,向他们演示一下产品原型,问上几个问题,就这么简单,你能得到的反馈信息往往会超出你的预期。</p> <p><img alt="web-mobile-ux-user-experience-sketching-prototype-wall.jpg" src="/sites/default/files/images/201112/web-mobile-ux-user-experience-sketching-prototype-wall.jpg" /></p> <h3> 控制好流程</h3> <p>你是怎样着手进行实际的设计工作的?是否有明确的步骤和阶段性的目标?是否了解在这个过程中应该以怎样的方式与哪些相关部门协作配合?你是否会用到类似Basecamp或Asana这样的项目管理软件来追踪工作进程?</p> <p>用户体验设计师应该对产品的设计与开发流程心知肚明,并了解在其中的每个阶段里应该以怎样的方式与上下游部门进行合作,包括产品经理、前后端开发人员甚至是客服部门在内,我们可以从他们那里得到怎样的支援。</p> <p>产品设计开发流程当中一些最典型环节包括:用户调研、角色设计、需求分析、草图、原型、可用性测试、开发并上线。特别是最后三个步骤,通常需要在产品迭代的过程中反复执行。</p> <p>对这样的流程进行充分的规划与控制,在每个环节里与相关人员密切协作&mdash;&mdash;这应该成为用户体验设计师的习惯和本能。</p> <p>即使最好的作家也不会坐下来就开始写作。他们首先会将故事的框架构思出来;对于我们来说也是同样的道理。</p> <h3> 持续改进</h3> <p>你是否觉得产品一旦发布上线就万事大吉了?是否有愿望和机会对产品进行持续的改进?</p> <p>曾经有一名设计师问我:&ldquo;你觉得产品在什么时候才算是真正完成了?&rdquo;</p> <p>我个人认为答案应该是&ldquo;产品永远不会真正的完成&rdquo;。</p> <p>日语中&ldquo;Kaizen&rdquo;一词的意思是&ldquo;持续不断的改进&rdquo;。这里所说的改进,同时也包括着对于&ldquo;不断改进产品&rdquo;这一迭代流程以及相关方式方法的改进。这不仅可以推动现有产品更快更好的进行优化,而且可以使将来的产品设计研发工作从中收益。</p> <p>对自己做过的项目及其背后的工作流程进行回顾,看看哪些方面做的很棒或有所欠缺,考虑有哪些是可以在接下来的项目当中进行改进或验证的。试着在每一个迭代周期的每一个环节当中都尝试一些新的东西,去实施并验证,然后进行回顾和总结,在下一个周期中做出调整,继续尝试。</p> <p><img alt="" src="/sites/default/files/images/201209-1/definekaizen.jpeg" /></p> <div class="embed"><article id="node-267" class="node node-related-books" about="/node/267" typeof="sioc:Item foaf:Document"><section class="embed-article"><div class="embed-article-entry"><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div> <div> <span class="thumbnail"><a href="http://www.amazon.cn/精益设计-设计团队如何改善用户体验-戈塞尔夫/dp/B00EQC29KC/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23"><img alt="精益设计:设计团队如何改善用户体验" src="http://beforweb.com/sites/default/files/images/products/11.jpg" /></a></span> </div> <div class="content"> <h4><a href="http://www.amazon.cn/精益设计-设计团队如何改善用户体验-戈塞尔夫/dp/B00EQC29KC/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">精益设计:设计团队如何改善用户体验</a></h4> <p><a href="http://www.amazon.cn/精益设计-设计团队如何改善用户体验-戈塞尔夫/dp/B00EQC29KC/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">作者根据精益创业法的理念归纳出了行之有效的精益设计方法,让设计团队可以摈弃为设计而设计的心态,用更低的成本、更高的效率设计出更好的用户体验...</a></p> </div> </div> </div></div></div></div></section><span class="tag-title">相关书籍推荐</span></article></div> </div></div></div><ul class="field_categories"><li class="product taxonomy-term-reference-0"><a href="/product" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品</a></li><li class="design taxonomy-term-reference-1"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li><li class=" taxonomy-term-reference-1"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/14" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户体验</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/31" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UX</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/32" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UED</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/38" typeof="skos:Concept" property="rdfs:label skos:prefLabel">线框原型</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/64" typeof="skos:Concept" property="rdfs:label skos:prefLabel">原型</a></li><li class=" taxonomy-term-reference-5" rel="dc:subject"><a href="/taxonomy/term/54" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户研究</a></li><li class=" taxonomy-term-reference-6" rel="dc:subject"><a href="/taxonomy/term/88" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户角色</a></li><li class=" taxonomy-term-reference-7" rel="dc:subject"><a href="/taxonomy/term/37" typeof="skos:Concept" property="rdfs:label skos:prefLabel">可用性测试</a></li><li class=" taxonomy-term-reference-8" rel="dc:subject"><a href="/taxonomy/term/119" typeof="skos:Concept" property="rdfs:label skos:prefLabel">迭代</a></li><li class=" taxonomy-term-reference-9" rel="dc:subject"><a href="/taxonomy/term/16" typeof="skos:Concept" property="rdfs:label skos:prefLabel">原创翻译</a></li></ul> Sun, 16 Sep 2012 04:53:29 +0000 C7210 116 at http://www.beforweb.com http://www.beforweb.com/node/116#comments iOS Wow体验 - 第三章 - 用户体验的差异化策略 http://www.beforweb.com/node/71 <div class="field field-name-field-article-thumb field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img typeof="foaf:Image" src="http://www.beforweb.com/sites/default/files/article-thumbs/icon-ios-iphone-ipad-wow-factor-app-ux-design-techniques-3-b.png" width="70" height="70" /></div></div></div><div id="comment-wrapper"></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div class="entry-intro"> <p>本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第三章译文精选,其余章节将陆续放出。上一篇:<a href="http://beforweb.com/node/69">Wow体验 - 第二章 - iOS用户体验解析(2)</a></p> <p>关于本套译文分享的详情及目录结构,请参考<a href="http://beforweb.com/node/58">iOS Wow体验 - 译文分享说明</a>。</p> <p>全文由<a href="http://weibo.com/c7210">C7210</a>自发翻译(编译),并首发于<a class="eLink" href="http://beforweb.com">Beforweb.com</a>,如需转载,请注明译者及出处信息。英文原书版权由Apress所有,中文引进版的版权由相关出版社所有。</p> </div> <p>在前两章当中,我们从细节层面对iOS用户体验的本质进行了分析,包括<a href="http://beforweb.com/node/61">对iOS用户界面设计规范的概览</a>,以及<a href="http://beforweb.com/node/66">对其用户体验构成要素的解析</a>。界面设计规范体现了苹果对于iOS应用在设计与开发质量方面的重视,使第三方开发者们必须努力满足用户的高期望高要求。</p> <p>不过,在某些情况下,我们的设计方案是否可以与规范的要求有所背离呢?如果可以,那么走多远才算合适?本书的主要目的之一,就是帮助你掌握&ldquo;差异化&rdquo;的方法原则,做出正确的设计决策,让你的应用可以鹤立鸡群,成为让用户惊叹的成功产品。</p> <p>让我们来做一个简单的设想,假如你现在需要创建一款iPhone或iPad应用,你是否会对自己说:&ldquo;嘿,我现在有个很棒的想法!我们可以把它打造成我们的竞争对手所做的那个样子!&rdquo;? 当然不会。站在这个角度进行思考,我们就会明白,差异化的原则是商业模式、市场规划和用户体验策略等方面的重要组成部分<a class="eLink" href="http://beforweb.com">。</a></p> <!--break--><h3 id="a1"> 关于体验与期望的变革</h3> <p>我们必须意识到,自己即将进入的是一个高度竞争化的市场环境;能让自己的应用在众多同类产品中被用户发现,就已经是不小的成就了。即使用户已经注意到你的产品,过不了多久,他们也会将目光投向其他新问世的应用。随着技术的进步以及体验模式的不断革新,这种情况还会愈演愈烈。</p> <p>在过去的几年中,我们看到了一些全新的交互方式被迅速地普及,基于这些交互理念的产品很快就成为了市场中的主流。iPhone和iPad就是很好的例子。在它们问世之前,公众对于电容触摸屏技术并没有广泛的认知与需求。没有需求,就没有将新技术转化为实际产品的推动力,我们最多只能看到一些实验性的原型,或是市场极其有限的商业化产品。而iPhone进入市场之后,立刻展示了电容触摸屏技术与简单易用的交互模式相结合所产生的强大力量,多点触摸的操作方式从一开始就使消费者为之震撼。四年多的时间过去了,该技术以及与之相关的交互方式依然保持着绝对流行的势头。</p> <p>另一个经典的例子是任天堂的Wii以及配套的游戏控制器(通常被叫作&ldquo;WiiMote&rdquo;)。通过对加速计等感应技术的运用,任天堂创造了一种全新的游戏玩法,使得Wii在销量上迅速超越了当时市场上的其他游戏主机。包括索尼和微软在内的竞争对手们不得不立刻着手研发类似的技术和产品,以应对消费者在对于游戏方式的期望和需求上所产生的变化。</p> <p><img alt="ios-application-User-Experience-Differentiation-and-Strategy-nintendo-wii" src="/sites/default/files/images/201204/ios-application-User-Experience-Differentiation-and-Strategy-nintendo-wii.jpg" style="width: 500px; height: 500px;" /></p> <p>这些案例中的产品有一个共同之处,那就是它们都极大的改变了当时的大众市场对于人机交互方式的认知与期望。而这些变化得以产生的主要驱动力,就是电容触摸屏和加速计等众多新技术的出现及运用。其中,一些技术本身就可以对产品的设计和交互方式造成深远的影响,而另外一些则需要与其他现有的技术结合起来,共同制造出全新的体验类型。消费者们开始期盼着产品能够不断地带给他们全新的体验;这方面的需求能否被满足,会在很大程度上影响他们的购买决策。</p> <p>在数码产品(消费性电子产品、软件等)市场中,无论是我们的设计理念与开发技术,还是消费者自身的需求与期望,一场关于&ldquo;体验&rdquo;的变革正在迅速而全方位的展开。从本质上讲,这就是一个互相推动和促进的循环过程。随着各种新设备的推出,迷人并且独特的交互方式会不断地涌现,而用户在这方面的期望也会持续地提高。从个人角度讲,我希望这种趋势能够逐渐趋于缓和,但是鉴于当前的社会文化依然属于消费者导向型,我们不妨让这个循环再继续保持一段时间;底线是,不断推出的新技术与交互方式必须是消费者所真正需要的,并且仍然有助于实现不同层面的市场差异化战略目标。</p> <h3 id="a2"> 可用性与用户的渴望</h3> <p>随着大环境的不断发展,我们对于交互设计方案的评判标准也会发生变化。曾经,交互方案的成功与否是由它在可用性方面的表现所衡量的,特别是在数码技术和相关产品刚刚进入大众市场的时候,这种判断依据是非常合理的。人们在现实中的行为习惯是根深蒂固的,怎样有效地引导他们去适应高度抽象化的数码虚拟环境,这在当时是一个非常有挑战性的课题。然而在1980至2000年这20年的时间里,消费市场中的技术革新程度是非常巨大的,数码产品在用户体验方面的提升也反映出了科技水平的进步,但在当时,&ldquo;用户体验&rdquo;的概念仍在被&ldquo;可用性&rdquo;这个词所片面的代替着。</p> <p>与现在相比,那时的&ldquo;可用性&rdquo;还属于一种工程技术方面的理念;一个系统的可用性,是通过对多种不同的设计与开发技术进行比较之后,以量化的方式来确定的。这其实不坏,但随着数码产品市场在本世纪初的爆发性增长,竞争变得愈发激烈,各厂商需要探索新的方法来确保自己的产品在市场中占有优势。这种局面也促使&ldquo;用户体验&rdquo;的概念向着更加综合全面的角度进行发展,并逐渐融入到产品设计的方方面面。完整意义上的&ldquo;用户体验&rdquo;应该包括可用性、视觉外观、可感知性、与用户的情感化接触等诸多方面。</p> <h4 id="a3"> 用户的渴望</h4> <p>如今,用户体验的观念意识已经被良好的确立起来,我们不会再片面的将注意力放在&ldquo;可用性&rdquo;这一个方面上了。可用性只是用户体验这个整体概念中最基础的组成要素,我们必须假设市场中那些竞争对手的产品在功能上都具有良好的可用性,在此基础上,思考更加适合自己产品的用户体验提升策略,让你的应用更加符合用户的渴望。为此,我们需要对以下几个方面的要点有清楚的认知:</p> <ul> <li> 了解用户习惯的发展与变化,包括他们对当前的主流操作方式的期望与感知。</li> <li> 与其他同类产品相比,你的应用可以提供哪些不同的用户体验?</li> <li> 只有唤起用户在某些方面的渴望,你的应用才有可能被他们真正的接纳。</li> <li> 在如今的市场环境下,要使应用能够唤起用户的渴望,满足他们的诉求,我们也许需要采用一些传统方式以外的解决方案。</li> </ul> <div class="embed"><article id="node-286" class="node node-related-books" about="/node/286" typeof="sioc:Item foaf:Document"><section class="embed-article"><div class="embed-article-entry"><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div> <div> <span class="thumbnail"><a href="http://www.amazon.cn/放飞App-移动产品经理实战指南-雅莫斯/dp/B00DUPP6K6/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;qid=1380852787&amp;tag=c7210-23"><img alt="放飞App:移动产品经理实战指南" src="http://beforweb.com/sites/default/files/images/products/31.jpg" /></a></span> </div> <div class="content"> <h4><a href="http://www.amazon.cn/放飞App-移动产品经理实战指南-雅莫斯/dp/B00DUPP6K6/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;qid=1380852787&amp;tag=c7210-23">放飞App:移动产品经理实战指南</a></h4> <p><a href="http://www.amazon.cn/放飞App-移动产品经理实战指南-雅莫斯/dp/B00DUPP6K6/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;qid=1380852787&amp;tag=c7210-23">本书讲述如何构建出能在Apple Store中引人注目的iPhone和iPad应用。从全局介绍这一构建过程中的每一步,包括预算成本、挑选开发人员并组织最佳团队、搭建工作流程、推销和改进自己的应用产品...</a></p> </div> </div> </div></div></div></div></section><span class="tag-title">相关书籍推荐</span></article></div> <h3 id="a4"> 用户体验策略</h3> <p>了解你的设计决策所处的上下文环境是很重要的,但这只是整个用户体验策略规划的一个开始。完整而明确的产品体验策略可以让你的公司或团队的视野更加清晰,目标计划更加合理。在初期,对产品体验策略的理解和定义,要远比具体的设计细节问题重要的多。好的策略更像是一种指导方法,它能够为接下来的设计流程提供一个坚实的框架,指导你做出正确的设计决策。科技水平、市场需求、用户渴望等方面的因素会始终处于一种不断变化的状态当中,我们必须有足够清晰的规划方案来应对这些变化。</p> <p>一套有效的用户体验策略会为我们带来诸多好处:</p> <ul> <li> 它可以使参与设计开发的各个团队在产品决策层面保持战略统一。</li> <li> 它可以持续的帮助团队将注意力放在用户身上,以确保产品的用户满意度。</li> <li> 它能使产品在其生命周期内保持用户体验的一致性,并在需要的时候使体验方式得到改变和发展,以适应不断变化的用户期望。</li> <li> 它可以有效的提升产品质量,降低部署过程中的风险。</li> </ul> <h4 id="a5"> 为自己的产品制定用户体验策略</h4> <p>用户体验策略应该包括哪些方面的内容呢?宏观的说,我们需要确立一系列目标,这些目标所面向的是一个或几个特定的用户群体。我们还应该知道,为了实现这些目标,自己的应用应该在哪些方面提供正确和良好的体验。在这些目标的指引下,我们可以为产品赋予某些特定的功能,从而使用户更好地感受到产品的使用价值;这些功能应该满足用户的典型需求,并符合他们的日常习惯与生活风格。</p> <p>一套好的策略必须对目标、用户、市场状况等方面的因素进行定期的重估,以提供成熟的、经得起时间考验的用户体验模式。如果你的技术团队正在进行敏捷开发,那么这种设计思想将会被很容易的整合进去,流程中每个批次的产品订单都可以加入用户体验方面的修正。</p> <p>用户体验不是一种可以孤立存在的事物,我们对于它的思考不能与应用产品本身相脱离。要站在用户的角度,对应用在产品生命周期中的每个环节都保持敏感,从怎样通过搜索引擎、应用商店或是产品页面让用户发现你的应用,到安装与升级的相关流程,甚至到最终以怎样的方式使产品光荣下岗。</p> <p>另外,对于用来发布应用产品的平台环境,我们也需要保持一定的关注;在本书中,我们所指的就是苹果的应用商店。虽然我们无法掌控应用商店本身的工作流程,但是对于产品介绍页面中的内容,以及其他细节方面的呈现方式,我们还是有一定的控制权的。要充分运用苹果在这方面赋予我们的权利,寻找机会,尽最大可能的去推动用户体验策略的落实。首先,我们可以在应用图标的设计上花些心思,一方面要让它看上去足够诱人,另一方面还要使图标所表达的内容与应用本身的功能具有一定的关联。另外,对于用来展示在介绍页面中的应用截屏图片的选择也是很重要的,所选用的图片应该能够体现产品在功能及交互方式上的特色。对于介绍页面中的文案内容,要仔细斟酌字里行间的措辞方式和语气口吻。</p> <h4 id="a6"> 对差异化的思考</h4> <p>&ldquo;差异化&rdquo;的概念可以被看作一个连续统一体。你可以对&ldquo;连续统一体&rdquo;一词做出不同的理解,但它的本质应该是位于两个端点之间的、由各种可能性所组成的空间范畴,其中一个端点代表&ldquo;相似&rdquo;,另一个端点代表&ldquo;分化&rdquo;(见图 3-1)。我们可以在这两个抽象概念所定义的框架空间中确定自己的产品所处的位置。其中,&ldquo;相似&rdquo;所代表的是更加传统与常规的设计开发思路;在这里,产品的模仿性更强,相应的风险也更低。而标尺另一端的&ldquo;分化&rdquo;则代表着非传统非常规的设计思路与方式,相应的产品具有更强的创新性,但同时也具有较高的市场风险。</p> <p><a href="/sites/default/files/images/201204/ios-application-User-Experience-Differentiation-and-Strategy-Continuum.png" rel="lightbox"><img alt="ios-application-User-Experience-Differentiation-and-Strategy-Continuum" src="/sites/default/files/images/201204/ios-application-User-Experience-Differentiation-and-Strategy-Continuum.png" style="width: 500px; height: 141px;" /></a></p> <p class="figure-caption">图 3-1</p> <p>这种思路同样可以被运用到涉及用户体验的其他方面。很多时候,我们不需要或是无法在产品功能上做出很大程度的创新;在这种情况下,就要把&ldquo;差异化&rdquo;的重点放在交互体验等方面。试着将交互模型作为一个整体放到上面的标尺体系中,根据产品的用户体验目标,权衡出一个最理想的定位,为接下来的具体交互设计工作提供方向。</p> <h4 id="a7"> 了解你的用户</h4> <p>产品的设计开发走向,在很大程度上取决于你对用户的认知程度,包括老用户以及新产品所面向的潜在用户。对于他们,你了解的越多,就越清楚应该怎样对用户体验策略中的各种细节进行把握。</p> <p>在着手进行实际的设计和开发工作之前,做好基础性的用户研究是极其必要的。通常,我们可以从定义用户角色入手,展开这项工作。基于你对产品的目标用户在期望与诉求方面的假想,创造一个虚拟的用户角色,并为他赋予一些基本信息,包括年龄、性别、收入水平、工作职能、家庭情况等。而对于生活习惯、兴趣爱好、社交行为等方面的信息,我们定义的越完整,这个角色就越真实,越具有代表性。用户角色还应该具有动机与目标,在这方面,我们最好通过一些具体的用例将其体现出来。如果觉得这一系列凭空捏造的方式有些困难,那么可以试着从你认识的人身上汲取灵感,将他作为用户角色的蓝本;不必将这个人复制的非常精确,因为你随时都可以对细节进行润色和增补,我们的主要目的是创造一个能够在一些关键方面充分代表产品目标用户的虚拟角色。</p> <p>你创建的用户角色应该能够准确的代表目标用户的各方面特征。如果你对这个角色不是很满意,或是觉得赋予给他的信息还不够完整,那么你也许需要对他进行一定程度的验证。验证的方法有很多,你可以采用一些&ldquo;非正规&rdquo;的做法,比如叫上你的团队成员一起对这个角色进行评估,补充有可能遗漏掉的信息。而在相对正规的验证方式中,你需要募集一些具有代表性的真实用户个体,对他们进行调研访谈,并将整个过程记录下来留作分析。访谈的话题一定要有针对性,通过问答所获取到的反馈信息应该有助于你对之前创造的用户角色的准确性进行判断。很多时候,你会发现,自己确实可以从这些真实用户身上了解到很多之前未曾留意到的重要信息。</p> <p>接下来,我们可以通过已经创建好的用户角色,对应用的各种需求用例进行建模。将用户角色放到某些假想的需求情景中,控制他完成一系列的任务;这种方式就像角色扮演游戏,使我们能够站在目标用户的角度,对仍处于概念阶段的产品进行&ldquo;实际的&rdquo;体验。为了使这项工作更加卓有成效,你要确保用户角色的思维与行为方式符合你在创建角色的过程中对这个&ldquo;人&rdquo;的定义。这并非一件易事,如果对用户角色没有全面而充分的了解,你就很难弄清楚怎样的功能和体验才是目标用户所真正需要的。另外,最好将各种假想的需求情景详细地记录到文档中;可以采用叙事短文的形式,也可以通过可视化的方式描绘在故事板上。</p> <h4 id="a8"> 研究竞争对手的产品</h4> <p>对用户进行了基础性的研究之后,我们需要将注意力转向市场,了解一下竞争对手们都做了些什么。对竞争对手的产品进行评估是一件相对容易的事情,因为你已经对自己产品的概念有了一定程度的认知,这样就不难与同类应用进行比较,对它们的优劣势进行判断。当然,这一切的前提是你必须知道所谓的竞争对手究竟有哪些,否则你首先需要花点时间在这方面做些功课。最简单的方法进入苹果的应用商店,使用恰当的关键词进行搜索,然后在搜索结果中对那些相关的应用进行考察。同类竞争对手的数量取决于你自己产品的方向与特性,通常,你并不需要对全部的同类应用进行分析和评估,只挑选那些最优秀的最具代表性的就好。在应用商店的搜索结果中,按照星级评价对搜索结果进行筛选排序,找出用户评价最高的几个应用作为评估对象;通常三到五个就足够了。</p> <p>知道了竞争对手都有哪些之后,就该对这些同类应用进行研究了。在这个过程中,记录下你使用它们完成假想目标任务时的切身感受。有些应用的功能非常强大,而另外一些则侧重于提供高质量的交互体验,无论怎样,不要放过任何对于你自己的产品有重要参考价值的细节,详细记录下你观察到的那些正面与负面的关键要素。积累了一定数量的观察报告之后,可以将它们按照不同的主题进行分类,留作进一步分析,并在自己产品的规划与设计中加以借鉴。</p> <h4 id="a9"> 引领市场</h4> <p>市场中有哪些同类应用,它们的流行程度如何,所有这些都会影响着用户对于你的产品的体验感知。你在差异化和独特的交互方式等方面所做的努力,有可能会因为竞争对手推出了一款能够带来类似体验的产品而很快的变为无用功。类似这样的状况有些复杂和棘手,虽然我们可以在相关方面做好精确而周密的计划工作,以尽量避免这类情况的发生,但这始终是一种被动的姿态与方式。有没有更加主动的方法有助于解决这样的问题呢?一套有效的用户体验策略,对于市场定位以及怎样满足用户的体验需求等方面的规划,应该是面向未来的。与其费尽心思去权衡各种外在因素,不如努力成为市场中的领跑者,通过具有前瞻性的独特功能与体验,开创新的时代。</p> <p>要达到这样的目标,成熟而富有创造力的团队自然是不可或缺的;同时,产品及用户体验策略中也必须清晰的体现出团队领导者的判断力与决策思路。我们可以通过用户测试来判断自己的设计方案是否符合产品策略中所规划的目标方向;对于以&ldquo;引领市场&rdquo;为目标的产品来说,最好选择那些自认为在人群中很具有很高影响力的用户作为测试对象,因为这类人通常更乐于创造流行,而非附庸某种趋势,他们认为自己是文化的创造者与监管者。将产品的概念原型拿给他们进行测试与交流,会在很大程度上避免主流市场中的传统意识观念对产品走向的束缚<a class="eLink" href="http://beforweb.com">。</a></p> <div class="embed"><article id="node-285" class="node node-related-books" about="/node/285" typeof="sioc:Item foaf:Document"><section class="embed-article"><div class="embed-article-entry"><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div> <div> <span class="thumbnail"><a href="http://www.amazon.cn/移动互联-用户体验设计指南-Rachel-Hinman/dp/B00DQH2LZQ/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23"><img alt="移动互联:用户体验设计指南" src="http://beforweb.com/sites/default/files/images/products/30.jpg" /></a></span> </div> <div class="content"> <h4><a href="http://www.amazon.cn/移动互联-用户体验设计指南-Rachel-Hinman/dp/B00DQH2LZQ/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">移动互联:用户体验设计指南</a></h4> <p><a href="http://www.amazon.cn/移动互联-用户体验设计指南-Rachel-Hinman/dp/B00DQH2LZQ/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">本书阐述如何设计出独一无二的移动体验,展示移动用户体验最重要的要素,介绍各种设计框架和实践。本书首先介绍移动用户体验的关键特点,接着介绍五种广泛使用的移动用户体验模式,然后介绍移动体验设计的设计实践、原型方法以及设计指南,最后讨论移动体验的前沿设计...</a></p> </div> </div> </div></div></div></div></section><span class="tag-title">相关书籍推荐</span></article></div> <h3 id="a10"> 第三章总结</h3> <p>在过去的20多年里,产品的设计开发理念以及用户自身都发生了巨大的变化。用户更乐于使用与众不同的、具有创新色彩的功能和界面,而且往往会全心全意的拥抱那些在用户体验方面被用心雕琢过的产品。</p> <p>过去,可用性方面的因素会在很大程度上决定一款交互设计方案的成功与否。在那个时候,可用性是一个工程技术方面的理念,它旨在减少用户的输入次数、提升操作效率,进而达到改善产品的目的。随着市场的发展,要保证产品在市场中具有足够的竞争能力,我们必须对用户体验进行更加综合与全面的理解,使产品在可用性、视觉外观、可感知性、与用户的情感化接触等诸多方面都能满足用户的需求与渴望。产品的可用性固然是重要的,但能否在综合体验的层面上使用户的渴望得到满足,将是决定一个应用产品能否成功的关键因素。</p> <p>完整而明确的用户体验策略可以帮助我们在产品设计的过程中做出正确的决策与判断。</p> <ul> <li> 它可以使参与设计开发的各个团队在产品决策层面保持战略统一。</li> <li> 它可以持续的帮助团队将注意力放在用户身上,以确保产品的用户满意度。</li> <li> 它能使产品在其生命周期内保持用户体验的一致性,并在需要的时候使体验方式得到改变和发展,以适应不断变化的用户期望。</li> <li> 它可以有效的提升产品质量,降低部署过程中的风险。</li> </ul> <p>用户体验策略通常由以下几个方面组成:</p> <ul> <li> 定义具有代表性的、便于识别的用户角色,为他们赋予必要的信息,并使其具有明确的动机与目标。</li> <li> 站在用户的角度,理解他们对于产品价值的感知方式与需求渴望,在此基础上规划产品的功能及体验方式。</li> <li> 构想产品的需求用例,规划功能流程,理解它们与目标用户的行为特征、动机、目标等方面的关联性。</li> <li> 规划一套成熟的、经得起时间考验的用户体验模式。除了常规的功能路线图以外,更要对产品的核心交互模型的发展做好计划。</li> <li> 以更加广阔的视角来看待用户体验与产品本身的统一关联性,尤其是对于应用在产品生命周期内的各个环节,以及产品家族成员之间的整合关系等方面。</li> <li> 对竞争对手的产品做好充分的调研与分析,在自己产品的规划与设计中加以借鉴。</li> </ul> <p>这些方法策略可以为你的产品设计思路提供正确的指导方向,使你逐渐明确应该怎样去塑造最适合自己产品的、能够让用户为之惊叹的用户体验模式。</p> <div class="embed"><article id="node-261" class="node node-related-books" about="/node/261" typeof="sioc:Item foaf:Document"><section class="embed-article"><div class="embed-article-entry"><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div> <div> <span class="thumbnail"><a href="http://www.amazon.cn/移动设计-傅小贞/dp/B00DINCMYI/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23"><img alt="移动设计" src="http://beforweb.com/sites/default/files/images/products/05.jpg" /></a></span> </div> <div class="content"> <h4><a href="http://www.amazon.cn/移动设计-傅小贞/dp/B00DINCMYI/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">移动设计</a></h4> <p><a href="http://www.amazon.cn/移动设计-傅小贞/dp/B00DINCMYI/?_encoding=UTF8&amp;camp=536&amp;creative=3200&amp;linkCode=ur2&amp;tag=c7210-23">作者从人-机-环的角度出发来阐述移动应用的设计,并建立了移动应用设计的基本原则;然后,根据移动端的情境、移动设备的特征,以及触摸的交互方式,总结了移动导航和框架设计的主要形式,并给出了导航设计的原则和思路...</a></p> </div> </div> </div></div></div></div></section><span class="tag-title">相关书籍推荐</span></article></div> </div></div></div><ul class="field_categories"><li class="product taxonomy-term-reference-0"><a href="/product" typeof="skos:Concept" property="rdfs:label skos:prefLabel">产品</a></li><li class="design taxonomy-term-reference-1"><a href="/design" typeof="skos:Concept" property="rdfs:label skos:prefLabel">设计</a></li></ul><ul class="field_article_categories"><li class=" taxonomy-term-reference-0"><a href="/study" typeof="skos:Concept" property="rdfs:label skos:prefLabel">学习</a></li><li class=" taxonomy-term-reference-1"><a href="/point" typeof="skos:Concept" property="rdfs:label skos:prefLabel">观点</a></li></ul><ul class="field_tags"><li class=" taxonomy-term-reference-0" rel="dc:subject"><a href="/taxonomy/term/78" typeof="skos:Concept" property="rdfs:label skos:prefLabel">iOS Wow Factor</a></li><li class=" taxonomy-term-reference-1" rel="dc:subject"><a href="/taxonomy/term/48" typeof="skos:Concept" property="rdfs:label skos:prefLabel">iOS</a></li><li class=" taxonomy-term-reference-2" rel="dc:subject"><a href="/taxonomy/term/14" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户体验</a></li><li class=" taxonomy-term-reference-3" rel="dc:subject"><a href="/taxonomy/term/31" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UX</a></li><li class=" taxonomy-term-reference-4" rel="dc:subject"><a href="/taxonomy/term/32" typeof="skos:Concept" property="rdfs:label skos:prefLabel">UED</a></li><li class=" taxonomy-term-reference-5" rel="dc:subject"><a href="/taxonomy/term/11" typeof="skos:Concept" property="rdfs:label skos:prefLabel">iPhone</a></li><li class=" taxonomy-term-reference-6" rel="dc:subject"><a href="/taxonomy/term/24" typeof="skos:Concept" property="rdfs:label skos:prefLabel">移动应用</a></li><li class=" taxonomy-term-reference-7" rel="dc:subject"><a href="/taxonomy/term/15" typeof="skos:Concept" property="rdfs:label skos:prefLabel">触屏</a></li><li class=" taxonomy-term-reference-8" rel="dc:subject"><a href="/taxonomy/term/55" typeof="skos:Concept" property="rdfs:label skos:prefLabel">可用性</a></li><li class=" taxonomy-term-reference-9" rel="dc:subject"><a href="/taxonomy/term/76" typeof="skos:Concept" property="rdfs:label skos:prefLabel">App Store</a></li><li class=" taxonomy-term-reference-10" rel="dc:subject"><a href="/taxonomy/term/87" typeof="skos:Concept" property="rdfs:label skos:prefLabel">差异化</a></li><li class=" taxonomy-term-reference-11" rel="dc:subject"><a href="/taxonomy/term/54" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户研究</a></li><li class=" taxonomy-term-reference-12" rel="dc:subject"><a href="/taxonomy/term/88" typeof="skos:Concept" property="rdfs:label skos:prefLabel">用户角色</a></li><li class=" taxonomy-term-reference-13" rel="dc:subject"><a href="/taxonomy/term/16" typeof="skos:Concept" property="rdfs:label skos:prefLabel">原创翻译</a></li></ul> Tue, 17 Apr 2012 15:55:45 +0000 C7210 71 at http://www.beforweb.com http://www.beforweb.com/node/71#comments