<?xml version="1.0" standalone="yes"?>
<?xml-stylesheet type="text/xsl" href="css/rss.xslt"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>Roc's blog - 交互体验</title><link>http://www.liquidroc.name/</link><description>内心的呐喊来自于对前路的追求～ - </description><generator>RainbowSoft Studio Z-Blog 1.8 Arwen Build 81206</generator><language>zh-CN</language><copyright>Copyright 2006-2008 Rocstudio. Some Rights Reserved.</copyright><pubDate>Thu, 09 Sep 2010 05:59:41 +0800</pubDate><item><title>从订电影票浅议视觉等级中的色彩认知</title><author>a@b.com (rocchow)</author><link>http://www.liquidroc.name/post/colors-in-visual-hierarchy.html</link><pubDate>Wed, 16 Sep 2009 23:13:51 +0800</pubDate><guid>http://www.liquidroc.name/post/colors-in-visual-hierarchy.html</guid><description><![CDATA[<p>最近有一部由多位外籍华人参演的片子要上映了，我很想去看，想为GDP做点贡献，于是我想到了网上订票。在杭城的同学知道，大部分影院都是归口于<a href="http://www.zjsdyx.com/">时代院线</a>，订票也大抵上要通过该网站来完成。尽管我最后未能完成<a href="http://www.zjsdyx.com/order.asp">网上订票</a>的夙愿（按步骤走完，我才发现我必须拥有一张会员卡才能订票，这又是另一个说来话长的故事了），但是我至少发现了一个有趣的、值得我写下点什么的地方。</p><p>于是我挑选了一个具有代表性的页面截屏以纪念：</p><p><a target="_blank" href="http://www.liquidroc.name/upload/tickets.jpg"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="tickets" border="0" alt="tickets" width="216" height="768" src="http://www.liquidroc.name/upload/tickets_thumb_1.jpg" /></a>&nbsp;</p><p>如果你也曾真正访问过这个网站，你也许会有和我一样的感受：在第一次访问该页面的时候，我实在不清楚这花花绿绿的颜色代表的意义，五色让人目迷。</p><p>好吧，让我们先来聊聊色彩。随着不断在社会中成长，我们逐渐对色彩形成完整的认知，有一些认知形成是天然的，比如红色，因为我们的血液是红色，红色天然的代表了鲜血，引申为危险，还有绿色象征着生命，蓝色象征着深远等等；另一些则是基于地缘和文化的，比如还是红色，在中国，红色代表吉祥，黄色象征高贵。如果展开说，我就显得有些班门弄斧了，所以就此打住。（《<a href="http://www.douban.com/subject/3786755/">每天懂一点色彩心理学</a>》是近期上市，并且读起来很轻松的关于色彩方面的一本小书。）</p><p>回到订票这件事情上，在我看到这些色彩后，我的第一反应是这些色彩是为了区分出些什么，那么是什么呢？</p><p>时间？因为我知道，对于用户而言，订票只需要了解三件事情，电影名称、场次和票价。电影名称是显而易见的，那么是用来做场次的时间区分吗？不是，我发现《乐火男孩》11：15的那一场是淡橙色，而紧接的《可爱的中国》11：40的那一场是淡紫色，再往下《气喘吁吁》11：50是几乎融入背景色中的深紫色&hellip;&hellip;我想知道了，这些颜色代表的应该是价格了。</p><p>但是另一个问题又摆在我眼前&mdash;&mdash;不同的颜色代表不同的价格，这些价格到底是什么呢？在我将鼠标滚轮翻转数圈后，我终于，终于的来到了页面的底部，答案出现了：</p><p><a href="http://www.liquidroc.name/upload/price_2.jpg"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="price" border="0" alt="price" width="640" height="53" src="http://www.liquidroc.name/upload/price_thumb.jpg" /></a></p><p>如果我眼睛没有大碍的话，上图中应该出现了四种不同色度和明度的紫色，以及三种不同色度、明度以及色相的绿色，当然还有两种偏米色的黄色。请原谅我无法用语言精确的描述每种颜色代表的价格，因为它们毫无规律&mdash;&mdash;准确的说是，它们以一种<strong>毫无规律</strong>的色彩排列试图告诉用户票价的<strong>等差规律</strong>。</p><p>这让我想起了我刚刚翻译的《用户界面设计10原则》，其中第四条将的是&ldquo;运用视觉等级&rdquo;，作者Kyle在文章中告诫设计者&ldquo;清晰的层级关系将对降低外观的复杂性起到重要作用&rdquo;。我想，这个页面的设计者一定想要通过色彩让用户了解到价格的区分，而且是可以&ldquo;一目了然&rdquo;的，当然结果不如愿。在我看来，这仅仅是为了区分而区分，就像有些界面是为了图形化而图形化一样。</p><p>如果我们想要告诉用户，从最低票价到最高票价是可以通过色彩辨识的，那么我们应当去寻找一种被人们普遍接受的色彩认知。那么中国人对于等级区分的普遍色彩认知是怎样的呢（原谅我抛弃了国外用户）？</p><h2>一 用什么色彩</h2><p>比如，白，虽然本义象征着纯洁、无邪，但是在等级中，因为我们常常用白丁、白衣来形容平民，白色在我们的文化环境下代表的是比较低的等级，和便宜挂钩。那么类似的，我们可以明白为什么黄色代表着高贵了。但我们要注意的，又不能是嫩黄，那只能是黄口小儿的象征，因此色彩的饱和度也是重要一环，白色和黑色给人带来的厚重感完全两样，一个从白色到黑色的完美渐变可以很好的反映出视觉等级的变化，但是我们需要色彩。</p><h2>二 用多少色彩</h2><p>那么我们要用多少色彩呢？向上面页面那样用到三大色系，九种颜色么？这几乎是George A. Miller提出的7&plusmn;2效应的上限。除非是<a href="http://baike.baidu.com/view/73715.htm">雨人</a>，否则大部分用户只能在短时间内记住7个左右的信息，更何况这7种颜色是多么的抽象，多么的&hellip;&hellip;难记。（感兴趣的同学，可以点击<a target="_blank" href="http://www.liquidroc.name/upload/flag_of_Italy.jpg">这张图片</a>，然后关掉）</p><p>换句话说，具体到这个例子，当你有九种价位的电影票，试图用色彩来做等级区分和让用户做记忆力测试没什么区别。如果你刚才点开了那张意大利国旗的图片，你还能第一时间记起它的绿色是下图中的哪一种吗？</p><p><a href="http://www.liquidroc.name/upload/green_2.jpg"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="green" border="0" alt="green" width="400" height="120" src="http://www.liquidroc.name/upload/green_thumb.jpg" /></a></p><p>说老实话，时代院线的订票页面我也反复上过数十次了，但是我至今也不记得到底是绿色的票便宜还是紫色的票便宜。因为我最终买到的票都是粉红色的。</p><p>关于如何改进，展开来又是长长一段了，如果是我，我也许会取消色彩区分，转用数据表的形式，但是BOSS也许会觉得页面不够炫（就国情而言，100条设计原则敌不过BOSS一句话）；也许我会考虑网站上的色彩和实际票面印刷对应，长久让用户形成色彩的对应关系，比如黑色的信用卡一般都是等级较高的，但是BOSS也许会觉得这样增加成本了吧:-D</p><p>方法会有很多，就看你的了&hellip;&hellip;</p>]]></description><category>交互体验</category><comments>http://www.liquidroc.name/post/colors-in-visual-hierarchy.html#comment</comments><wfw:comment>http://www.liquidroc.name/</wfw:comment><wfw:commentRss>http://www.liquidroc.name/feed.asp?cmt=133</wfw:commentRss><trackback:ping>http://www.liquidroc.name/cmd.asp?act=tb&amp;id=133&amp;key=641fdb70</trackback:ping></item><item><title>购物车正面临被抛弃的困境</title><author>a@b.com (rocchow)</author><link>http://www.liquidroc.name/post/shopping-cart-abandonment-woes.html</link><pubDate>Tue, 25 Aug 2009 08:42:12 +0800</pubDate><guid>http://www.liquidroc.name/post/shopping-cart-abandonment-woes.html</guid><description><![CDATA[<div id="notice">   <p>原文标题：<a href="http://www.grokdotcom.com/2009/07/01/shopping-cart-abandonment-woes/">Shopping Cart Abandonment Woes</a></p>    <p>作者：<a href="http://www.grokdotcom.com/author/bryan-eisenberg/">Bryan Eisenberg</a> 版权所有</p>    <p>翻译：<a href="http://ucdchina.com/topic/59">UCDChina翻译小组</a>，Roc</p> </div>  <p>上周，Brendan致力于解决<a href="http://www.grokdotcom.com/2009/06/22/the-shopping-cart-how-to-answer-the-5-unanswered-customer-questions/">在购物车（除了运费）中如何回答5个未答复用户的问题</a>。根据最近一份由<a href="http://www.paypal.com/">PayPal</a>和<a href="http://www.comscore.com/">comScore</a>提供的<a href="http://www.emarketer.com/Article.aspx?R=1007156">研究报告</a>表明，45%的美国在线顾客已然在近来的3周内多次放弃使用购物车。 </p>  <p><b></b></p>  <p><b>顾客为什么放弃购物车？</b></p>  <p>46%的在线顾客声称高昂的运费是他们放弃购物车的“非常重要的原因”。<a href="http://www.grokdotcom.com/2008/11/12/is-free-shipping-a-must-in-this-economy/">在当下的经济中，免运费是否成为必须</a>？你是否试过个性化当地运费？ 你是否试过个性化当地运费</p>  <p>其他放弃购物车的原因如下： </p>  <ul>   <li>想要进行商铺间的对比：37%——你是否把购物车的数据保留了1个月，以便他们可以回头查看？ </li>    <li>缺钱：36%——你能否给出一个让他们难以拒绝的价格？ </li>    <li>希望获得折扣：27%——你是否为他们提供折扣？<a href="http://www.clickz.com/1588161">这也许会影响你的销售额</a>。 </li>    <li>希望线下购买：26%——你是否提供了一种消费者能够在商店购买到商品的可能？ </li>    <li>找不到首选的付款方式：24%——找到<a href="http://www.clickz.com/839711">获得现金</a>的方式。要拿到现金！！！ </li>    <li>商品不能结账：23%——哎呀！这必然要从产品页上解决，否则它将损害你的品牌信誉。 </li>    <li>找不到客户服务帮助：22%——这可以用<strong>POA</strong>（行动点控制）来解决。 </li>    <li>安全顾虑：21%——同样可以用POA解决，并且<a href="http://www.grokdotcom.com/2008/03/18/website-credibility/">给你的站点带来更多的信任</a>。 </li> </ul>  <p>你是否想过你也许需要一个<a href="http://www.grokdotcom.com/2008/03/05/verisign-cart-whisperer-campaign/">购物车守护者</a>？最近你设法处理了以上出现的多少问题？你是否测试并优化了你的购物车？如果没有，为什么？ </p>]]></description><category>交互体验</category><comments>http://www.liquidroc.name/post/shopping-cart-abandonment-woes.html#comment</comments><wfw:comment>http://www.liquidroc.name/</wfw:comment><wfw:commentRss>http://www.liquidroc.name/feed.asp?cmt=124</wfw:commentRss><trackback:ping>http://www.liquidroc.name/cmd.asp?act=tb&amp;id=124&amp;key=d8585ad5</trackback:ping></item><item><title>购物车：如何回答5个未答复用户的问题</title><author>a@b.com (rocchow)</author><link>http://www.liquidroc.name/post/q&amp;amp;a-for-shopping-cart.html</link><pubDate>Wed, 05 Aug 2009 12:55:07 +0800</pubDate><guid>http://www.liquidroc.name/post/q&amp;amp;a-for-shopping-cart.html</guid><description><![CDATA[<div id="notice"><p>原文标题：<a href="http://www.grokdotcom.com/2009/06/22/the-shopping-cart-how-to-answer-the-5-unanswered-customer-questions/">The Shopping Cart: How to Answer the 5 Unanswered Customer Questions</a></p><p>作者：<a href="http://www.grokdotcom.com/author/brendan-regan/">Brendan Regan</a> 版权所有</p><p>翻译：<a href="http://ucdchina.com/topic/59">UCDChina翻译小组</a>，Roc</p></div><p><a href="http://www.liquidroc.name/upload/billingpoa_2.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="billingpoa" border="0" alt="billingpoa" width="502" height="134" src="http://www.liquidroc.name/upload/billingpoa_thumb.jpg" /></a></p><p>电子商务中的购物可谓是网络实验的绝佳场所，一些简单的改变（布局，文字，色彩等等）常常带来意想不到的结果。这里罗列出了几个在我们用户看来未给予答案的问题，我们认为答案就在页面上，但用户却不这么认为。如果你不能确定未答复用户的问题是什么，你可以回到上几个步骤&mdash;&mdash;使用角色设计或者用户测试来找出它们。</p><p>&nbsp;</p><p>&nbsp;</p><p><strong>这里是5个关于购物车中未答复用户的问题（排除运费）：</strong></p><ol>    <li>你们提供了其他的支付方式吗（除了信用卡）？</li>    <li>你们安全和可靠吗？</li>    <li>为什么你们要求我提供这个信息？</li>    <li>我必须有一个账号才能购买吗？</li>    <li>在交易前，我能回头查看我的订单吗？</li></ol><p>前不久我在网上找了家礼品零售店买了份父亲节礼物，总体上整个购物车流程都还&ldquo;可以&rdquo;，我给它一个&ldquo;B-&rdquo;的分数；它好在我无须帮助就可以完成交易，但没有好到获得品牌忠诚度。<b>但有一点做的漂亮，他们清晰地回答了那5个问题，而这就足以帮助他们&ldquo;获得金钱&rdquo;。</b></p><p><a href="http://www.liquidroc.name/upload/billing-information_2.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="billing-information" border="0" alt="billing-information" width="502" height="144" src="http://www.liquidroc.name/upload/billing-information_thumb.jpg" /></a>&nbsp;</p><p>我在他们的付款页面上截取一部分，以便看清他们如何设计回答这5个未答复用户的问题。当你看到这幅截图的时候，思考一下哪一个元素分别对应回答了哪一个问题。</p><p><a href="http://www.liquidroc.name/upload/billingaccount_2.jpg"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="billingaccount" border="0" alt="billingaccount" width="502" height="90" src="http://www.liquidroc.name/upload/billingaccount_thumb.jpg" /></a>&nbsp;</p><p><strong>你是否充分地回答了这5个未答复用户的问题呢</strong>？不管你相信也好，不相信也罢，或者介于两者之间徘徊，你完全可以去做些有趣的实验去验证关于你做得如何的猜测，也许你将提高你的渠道转换率！想要获得帮助？<a href="http://futurenowinc.com/contactus.htm">告诉我们</a>。</p>]]></description><category>交互体验</category><comments>http://www.liquidroc.name/post/q&amp;a-for-shopping-cart.html#comment</comments><wfw:comment>http://www.liquidroc.name/</wfw:comment><wfw:commentRss>http://www.liquidroc.name/feed.asp?cmt=121</wfw:commentRss><trackback:ping>http://www.liquidroc.name/cmd.asp?act=tb&amp;id=121&amp;key=52ca3d99</trackback:ping></item><item><title>猜测vs数据：作为设计建议的原则</title><author>a@b.com (rocchow)</author><link>http://www.liquidroc.name/post/guesses-vs-data.html</link><pubDate>Wed, 29 Jul 2009 17:35:24 +0800</pubDate><guid>http://www.liquidroc.name/post/guesses-vs-data.html</guid><description><![CDATA[<div id="notice">   <p>原文标题：Guesses vs. Data as Basis for Design Recommendations</p>    <p>作者：<strong><a href="http://www.useit.com/jakob/">Jakob Nielsen</a></strong><strong> 版权所有</strong></p>    <p>翻译：UCDChina翻译小组，Roc</p> </div>  <p><strong>摘要</strong>：即使再少的经验数据（比如，观察2名用户）也能极大提高做出正确UI设计决策的几率。 </p>  <p>提供调整字体大小的功能给用户，还是简单的依赖于浏览器的自带功能？这个问题最近在一个交互设计的讨论组中被提了出来。</p>  <p></p>  <p>有12人回应了该问题。大部分人简单说了说解决此问题的意见。说的都挺有道理的：所有人都是各自领域的专家。但有6篇跟帖就什么才是最好的发表了自己的看法。</p>  <p>其中，2/3的跟帖纯粹出于自己的想象，而另外的1/3则是基于用户观察的经验数据。 </p>  <p><strong>猜测派</strong>：</p>  <ul>   <li>“现在这个年代，[...]绝大多数人都熟知如何在浏览器中把字体变大。”<strong><font color="#ff0000">错</font></strong> </li>    <li>“需要调整字体的用户会通过浏览器去实现；这并不困难”<strong><font color="#ff0000">错</font></strong> </li>    <li>“已经不是95年啦；不是所有的50岁以上的用户都和菜鸟一样，不知道或者不想知道如何在浏览器中调整字号。”<strong><font color="#ff0000">错</font></strong> </li>    <li>“需要增大字体的用户绝大多数都是65岁以上的老人，这类用户群往往是最缺乏调整设置能力的”<strong><font color="#008000">对</font></strong> </li> </ul>  <h5>&#160;</h5>  <p><strong>数据派</strong>：</p>  <ul>   <li>“我不得不为我父母手动设置（功能），而对于超过65岁的老人，越来越多的能力，像调节字体大小这类难以发现的功能，都在以惊人的速度离他们而去。”<b><font color="#008000">对</font></b> </li>    <li>&quot;I've observed usability studies on sites that included text resize widgets [...] most, if not all, the participants [...] had no idea what it was.&quot; RIGHT </li>    <li>“我曾对站点进行过可用性研究，包括文字调整控件[…]大多数情况下，参与者[…]对它毫无概念。”<b><font color="#008000">对</font></b> </li> </ul>  <h3><strong>数据派完胜猜测派</strong></h3> 准则大致是这样：使用相对大小的字体以便于用户调节（如果他们知道怎么做的话），但是默认状态下字体就应该是大而清晰易读的。基于大量的观察表明，许多老年用户不具备调整字号的能力。   <p>我们讨论组中的案例，</p>  <ul>   <li>提供额外数据的设计师获得了100%的正确率 </li>    <li>而那些依靠个人主观判断的设计师正确率只有25%。 </li> </ul>  <p>最引人注意的是， 75%的猜测都是错误的。也就是说，向这些人咨询建议还不如靠掷硬币得到答案。</p>  <p>在这个简单的案例中，基于对于真实用户<strong>最小数量的经验观察</strong>的设计建议使其正确率翻两番。</p>  <p>慎之又慎：虽然从父母亲处获得数据总比没数据要强，但我并不建议你将设计的决定建立在家庭成员身上，因为通常他们都比一般用户要聪明。（因为你是了解可用性知识的那部分聪明人中的一个。）我们从对儿童和青少年的研究中得知，相对于，一般的儿童和青少年在使用互联网时会碰到更多的困难。</p>  <h3><strong>两个用户的测试也优于猜测</strong></h3>  <p>虽然我们关于字体大小的案例仅仅基于很小的一组数据反馈。但另外一组基于更多数据反馈的案例也印证了相同的结论。</p>  <p>我们测试了两种不同的显示银行账户信息的方式，每个测试都由76名用户完成，一共152名测试者参与到这项基准测试中。我们要求用户完成诸如检查他们账户余额，并找出当前该银行提供的利率水平这样的任务。结果如下：</p>  <table style="border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; border-collapse: collapse; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid" align="center"><tbody>     <tr>       <th style="border-bottom: 1px solid; text-align: left; border-left: 1px solid; padding-bottom: 0.5ex; background-color: #003366; padding-left: 0.5ex; padding-right: 0.5ex; color: #ffffff; border-top: 1px solid; border-right: 1px solid; padding-top: 0.5ex">可用性标准</th>        <th style="border-bottom: 1px solid; text-align: center; border-left: 1px solid; padding-bottom: 0.5ex; background-color: #003366; padding-left: 0.5ex; padding-right: 0.5ex; color: #ffffff; border-top: 1px solid; border-right: 1px solid; padding-top: 0.5ex">设计 A</th>        <th style="border-bottom: 1px solid; text-align: center; border-left: 1px solid; padding-bottom: 0.5ex; background-color: #003366; padding-left: 0.5ex; padding-right: 0.5ex; color: #ffffff; border-top: 1px solid; border-right: 1px solid; padding-top: 0.5ex">设计 B</th>     </tr>      <tr>       <td style="border-bottom: 1px solid; text-align: left; border-left: 1px solid; padding-bottom: 0.5ex; padding-left: 0.5ex; padding-right: 0.5ex; vertical-align: top; border-top: 1px solid; border-right: 1px solid; padding-top: 0.5ex"><a href="http://www.useit.com/alertbox/20010218.html">成功率</a>（通过四个任务）</td>        <td style="border-bottom: 1px solid; text-align: center; border-left: 1px solid; padding-bottom: 0.5ex; padding-left: 0.5ex; padding-right: 0.5ex; vertical-align: middle; border-top: 1px solid; border-right: 1px solid; padding-top: 0.5ex">56%</td>        <td style="border-bottom: 1px solid; text-align: center; border-left: 1px solid; padding-bottom: 0.5ex; padding-left: 0.5ex; padding-right: 0.5ex; vertical-align: middle; border-top: 1px solid; border-right: 1px solid; padding-top: 0.5ex">76%</td>     </tr>      <tr>       <td style="border-bottom: 1px solid; text-align: left; border-left: 1px solid; padding-bottom: 0.5ex; padding-left: 0.5ex; padding-right: 0.5ex; vertical-align: top; border-top: 1px solid; border-right: 1px solid; padding-top: 0.5ex">完成四个任务的时间（分：秒）</td>        <td style="border-bottom: 1px solid; text-align: center; border-left: 1px solid; padding-bottom: 0.5ex; padding-left: 0.5ex; padding-right: 0.5ex; vertical-align: middle; border-top: 1px solid; border-right: 1px solid; padding-top: 0.5ex">5:15</td>        <td style="border-bottom: 1px solid; text-align: center; border-left: 1px solid; padding-bottom: 0.5ex; padding-left: 0.5ex; padding-right: 0.5ex; vertical-align: middle; border-top: 1px solid; border-right: 1px solid; padding-top: 0.5ex">5:03</td>     </tr>      <tr>       <td style="border-bottom: 1px solid; text-align: left; border-left: 1px solid; padding-bottom: 0.5ex; padding-left: 0.5ex; padding-right: 0.5ex; vertical-align: top; border-top: 1px solid; border-right: 1px solid; padding-top: 0.5ex">主观满意度（1~5等级，5是满分）&#160; </td>        <td style="border-bottom: 1px solid; text-align: center; border-left: 1px solid; padding-bottom: 0.5ex; padding-left: 0.5ex; padding-right: 0.5ex; vertical-align: middle; border-top: 1px solid; border-right: 1px solid; padding-top: 0.5ex">2.8</td>        <td style="border-bottom: 1px solid; text-align: center; border-left: 1px solid; padding-bottom: 0.5ex; padding-left: 0.5ex; padding-right: 0.5ex; vertical-align: middle; border-top: 1px solid; border-right: 1px solid; padding-top: 0.5ex">3.0</td>     </tr>   </tbody></table>  <p>&#160;</p>  <p>在所有的三项<a href="http://www.useit.com/alertbox/20030825.html">可用性属性</a>中，版本B的设计得分更好，虽然只是在成功率上体现出大到具有统计意义的差异。但总的来说，B优于A是毋庸置疑的。</p>  <p></p>  <p>（和上面的研究相比，有时候不同的设计在不同的可用性方面上各有输赢。例如，一个设计可能让用户更能完美的达成目的，而另外一个则在完成速度上给用户一臂之力。在众多的案例中，你也许要做出权衡，或者在有可能的情况下，你需要创建额外的第三份设计，以便将前两者的优点结合。）</p>  <p>在这种情况下，我将设计A和B展示给21名正在上互动设计课的学员，并问他们会选择哪一个方案给银行方面。完全依靠猜测去选择谁是最佳设计的他们，获得最佳设计建议的概率是50%。也就是，都比不上掷硬币来得好。（相信我，节省咨询费的一种便捷方式就是问你口袋里的硬币。） </p>  <p>接着，我让另一组上着同样课程的38名学员去做测试——两个设计，每种都有两名用户。果然，依靠2名用户行为得来的经验观察做出的选择，其成功率是76%。</p>  <p>从另一个角度去看待这个结果，每个设计中的仅仅2名观察用户让错误率从50%锐减到24%，足足一半。当然，如果你正谈论一个高投资回报率的设计决定的话，24%的错误概率还是差强人意的，所以在这种情况下，显然在每个设计上，我们需要测试更多的用户（我通常建议是5名用户。） </p>  <p>尽管这是小到不能再小的研究，但在每个设计中测试2名用户，远超掷硬币般的猜测，极大提升了设计建议的质量。</p>  <p>（在这份研究中，两个版本在对测量研究的重要性上表现的都差不多。如果你拿粗略的原型和完备的效果图去做比较的话，你将倾向于数据。）&#160; </p>  <h3><strong>当猜测错到离谱时</strong></h3>  <p>比较我们的两个案例研究，在文字尺寸案例中猜测一方的表现差到不行。如果有人基于这些臆测出做设计决定，做出的3/4决定都将是错误。在银行的案例中，他们错了一半。 </p>  <p>那么，这些可怜的讨论组为什么去做猜测？答案就在下面这两句： </p>  <ul>   <li>&quot;It's not 1995...&quot; </li>    <li>“已经不是95年了……” </li> </ul>  <p>遗憾，太多的Web设计师拒绝相信<a href="http://www.useit.com/alertbox/20050117.html">可用性研究结果会在长时间发挥作用</a>。“过去困难的事情，如今一定要简单许多”的念头导致许许多多的网站走向毁灭。 </p>  <p>当我们真正的研究真实用户时，我们发现用户学习技术的速度是如此之慢，使用花哨网站用户其能力得到的提升是如此之少。此外，最重要的是，我们发现<b>关心</b>学习诸多花哨功能的用户如此之少。用户只想登入页面，获得自己想要的，然后退出。他们没有想过要去学习。 </p>  <p>猜测的错误原因就在于许多的设计师不假思索的想要相信先进设计带来的潜力。他们不会想象到，对于他们钟爱的技艺只是阳春白雪，曲高和寡。 </p>  <p>（是的，在最近的测试中，我们的确发现，用户在技巧掌握上有了些许进展，但进展微乎其微；在未来的十多年内，你最好还是继续相信，简单才是取胜关键。）</p>  <h3><strong>一点数据带来很大帮助</strong></h3>  <p>在我所列举的两个例子中，哪怕只提供了极少的经验数据之后，设计正确的可能性都大幅提升了：不管是你的亲人，还是挑选2名用户测试。 </p>  <p>当然，数据量再多一点肯定更好，但任何数据都比没有好。（扪心自问）在手头上还没有任何用户行为的经验数据的时候，你做出了多少设计上的决定？</p>]]></description><category>交互体验</category><comments>http://www.liquidroc.name/post/guesses-vs-data.html#comment</comments><wfw:comment>http://www.liquidroc.name/</wfw:comment><wfw:commentRss>http://www.liquidroc.name/feed.asp?cmt=120</wfw:commentRss><trackback:ping>http://www.liquidroc.name/cmd.asp?act=tb&amp;id=120&amp;key=520d0b48</trackback:ping></item><item><title>设计方针精髓</title><author>a@b.com (rocchow)</author><link>http://www.liquidroc.name/post/the-essence-of-strategy-for-dsign.html</link><pubDate>Wed, 18 Feb 2009 12:28:34 +0800</pubDate><guid>http://www.liquidroc.name/post/the-essence-of-strategy-for-dsign.html</guid><description><![CDATA[<div id="notice"><p>原文：<a href="http://www.adaptivepath.com/blog/2009/01/06/the-essence-of-strategy-for-design/">The essence of strategy for design</a></p><p>地址：<a title="http://www.adaptivepath.com/blog/2009/01/06/the-essence-of-strategy-for-design/" href="http://www.adaptivepath.com/blog/2009/01/06/the-essence-of-strategy-for-design/">http://www.adaptivepath.com/blog/2009/01/06/the-essence-of-strategy-for-design/</a></p><p>作者：Peterme</p><p><strong>Peterme版权所有</strong></p></div><p>我们的老伙计Dan Saffer在<a href="http://www.ixda.org/discuss.php?post=36819">IxDA邮件组中提出了一个问题</a>&ldquo;交互设计师在战略层面应当做些什么了解？&rdquo;，由此引发了一场很有益的探讨。我曾在回复的邮件中简单的回答过该问题，但我想在此把该文重新梳理一遍。</p><p>对于新手而言，他们习惯性将&ldquo;战略&rdquo;和&ldquo;商业&rdquo;之间划上等号，我认为这种观念十分有害。有许多的设计案例与商业不符，但无一不服从于战略。</p><p>当我思考全盘设计工作的战略时，我考虑三件事情：</p><ul>    <li>理念</li>    <li>愿景</li>    <li>规划</li></ul><p><b>理念是关于：</b>&ldquo;你是谁？你的立场是什么？你的方法是什么？&rdquo;从某些角度来看，无论你将设计的是什么，你都需要持有一些基本的理念和观点。Matt Haughey访问Margret Schmidt（TiVo<sup>注1</sup>的用户体验领导人）的关于<a href="http://www.pvrblog.com/pvr/2004/12/the_pvrblog_int.html">TiVo&quot;设计箴言&quot;</a>的文章是一个绝佳的例子：</p><blockquote><p>*这是用于娱乐的，要傻瓜化。</p><p>*这是电视，要傻瓜化。</p><p>*这是视频，也和（傻瓜化）差不多。</p><p>*一切顺利流畅。</p><p>*不要模式化或层级过深。</p><p>*尊重观者的隐私。</p><p>*功能强大，就像电视机那样。</p></blockquote><p>（顺便提一下，Margret Schmidt在MX2009大会上作了演讲。）</p><p><b>愿景是关于：</b>&ldquo;你往何处去？你怎么知道你会成功？&rdquo;愿景和理念相衔接，触发之后的行动。有些时候，一个触动人心的表述就能让人明白你的愿景，就像柯达公司当年的经典广告语，&ldquo;只需轻触按钮，剩下的交给我们。&rdquo;或是畅销书《Made To Stick》中所举的例子，肯尼迪总统誓言道&ldquo;我坚信我们国家应当承诺在十年之内完成如下目标：把人送到月球上，并安全返回地球&rdquo;。理念不足以驱动设计，特别是像交互设计这样的复杂事务。但愿景能像北极星那样指引着你努力的奔向成功的方向。</p><p><b>规划是关于：</b>&ldquo;你要如何达到目的地？&rdquo;我发现在大多数有关战略的讨论中，人们更多的将兴趣投向讨论定位、竞争或是其他大型项目，规划往往被忽视掉。而当产品和项目一败涂地的时候，通常又都是烂规划导致的&mdash;&mdash;走向市场的战略是有缺陷的，自信过于膨胀或是信心不足，导致推出的产品要么过于超前（比如苹果公司的Newton<sup>注2</sup>），要么被甩在身后（微软的第一代Zune）。也许我们在Adaptive Path的<a href="http://www.adaptivepath.com/events/2009/uxi/">UX Intensive</a>设计战略培训班中教授的唯一有用的技术就是<b>产品演变图</b>，其作用在于把理性和感性带入到开发标准产品计划中。</p><p>很重要一点是，要认识到割裂于整体的计划是远远不够的&mdash;&mdash;绝大多数计划都要不断变化。另外重要的一点事，你要用理念和愿景让计划始终保持正轨。</p><p>有了这三点，你的设计工作就将根基扎实，离成功也就不远了。</p><div id="note"><p><img style="border-bottom: 0px; border-left: 0px; margin: 10px 20px 10px 0px; display: inline; border-top: 0px; border-right: 0px" title="tivo_series3" border="0" alt="tivo_series3" align="left" width="260" height="260" src="http://www.liquidroc.name/upload/tivo_series3_3.jpg" />注1：TiVo，TiVo是1997年在美国产生出来的，被称为硬盘数字录像机。</p><p>由于Tivo具备了自动暂停和跳过功能，你还可以轻松地跳过电视台插播的广告。新一代的Tivo甚至具备了搜索功能，你只需要在地址栏中输入&ldquo;布兰妮&rdquo;，Tivo就会显示出自动录制的所有与布兰妮有关的节目，功能很强大。被称为电视机行业的Google。</p><p>注2：Newton（牛顿，台湾的爱用者昵称为&ldquo;小牛&rdquo;）世界上第一款掌上电脑 (PDA)，由苹果电脑公司于1993年开始制造，但是因为newton在市场上找不到其定位而需求量低而停止发展，1997年停止了生产。</p></div>]]></description><category>交互体验</category><comments>http://www.liquidroc.name/post/the-essence-of-strategy-for-dsign.html#comment</comments><wfw:comment>http://www.liquidroc.name/</wfw:comment><wfw:commentRss>http://www.liquidroc.name/feed.asp?cmt=93</wfw:commentRss><trackback:ping>http://www.liquidroc.name/cmd.asp?act=tb&amp;id=93&amp;key=d9fa2c4c</trackback:ping></item><item><title>厨师的小天地：（厨房）设计演化——现代厨房（演化为）拥有先进厨具设备以及扮演家庭聚会场所角色的原因解答</title><author>a@b.com (rocchow)</author><link>http://www.liquidroc.name/post/design-evolution-of-kitchen.html</link><pubDate>Wed, 03 Dec 2008 13:09:00 +0800</pubDate><guid>http://www.liquidroc.name/post/design-evolution-of-kitchen.html</guid><description><![CDATA[<div id="notice"><p><strong>原文</strong>：COOKS' NOOKS: DESIGN EVOLUTION&mdash;&mdash;Recipe for today's kitchens includes sophisticated appliances, places to gather</p><p><strong>地址</strong>：<a href="http://www.lvrj.com/home_and_garden/35180219.html">http://www.lvrj.com/home_and_garden/35180219.html</a></p><p><strong>Las Vegas Review-Journal 版权所有</strong></p><p><strong>作者</strong>：Jack Bulavsky</p><p><strong>翻译</strong>：<a href="http://ucdchina.com/topic/59">UCD翻译小组</a>，<a href="http://www.liquidroc.name/">Roc</a></p></div><p>我们祖先造出来的第一个厨房有可能就是个火坑（灶）而已，他们围坐在火堆边狼吞虎咽的吃着刚捕获的猛犸象或是剑齿虎。而今我们的厨房相较之远古变得更加完备了，拥有尖端设计的厨房包括时髦的厨具，家具式的橱柜以及天然大理石的台面。取代木棍上的猛犸象和剑齿虎烤肉，晚餐中更多的是鸵鸟肉汉堡以及室内烤炉上的驯养鳄鱼肉。</p><p>从那之后，厨房就一路演变为家庭里最重要的一部分。据Beazer Homes的高级设计顾问Verna Lutz称，厨房已经不再单纯只是个厨房了，它被赋予更重要的意义。</p><p>&ldquo;人们常说，一个人做菜（的厨师）太无聊<sup>注1</sup>，&rdquo;Lutz说，&ldquo;所以，现在的厨房融入为早餐间<sup>注2</sup>或是有着大型食品储藏室的家庭活动室<sup>注3</sup>的一部分。在我的客户中，每当确定买房意向之后，他们讨论的第一件事情就是厨房。他们想要个性化其中的每一件物品，包括地板、灯光、管道和橱柜。他们想要大厨级的厨房设备，伸手可及的储物室，坚硬的台面以及中央岛。他们要一个梦幻厨房。&rdquo;</p><p>一个梦幻厨房中由很多东西组成，据Lutz说，其中最常见的两样是台面和厨房设备。</p><p>&ldquo;大部分客户想要把他们的台面改成花岗岩的或是赛丽石的，&rdquo;Lutz说，&ldquo;赛丽石<sup>注4</sup>是一种人工合成材料。它采用石英这样的天然石头为原料，然后加入树脂和抗菌剂以便于让其更加坚固和抗菌。接着是厨房设备，其升级的第一步往往总是冰箱，那种冷冻室在下方的法式双开门冰箱最受欢迎。记住，它不再只是厨房这么简单了，它是家中不可或缺的一部分。&rdquo;</p><p>18世纪之前，由于生火做饭的方式，厨房还是分离于房屋之外的。20世纪之初，随着管道铺入家庭，厨房也得以成为室内的一部分，但仍主要位于佣人们待的地方。1930年代，诸如烤面包机和搅拌机这类的小型电气设备得以大规模民用化，厨房才开始了（关键性）演变。</p><p>Beazer Homes的规划设计副总监Kent Goff说，直到50年代中期，厨房才和屋子里其他的地方关联起来。</p><p>&ldquo;开始（的连通）比较简单，比如一条连通厨房和吃饭厅的过道。&rdquo;他解释道，&ldquo;之后的60年代，空间越变越开阔，厨房在忙碌的家庭生活中扮演的角色越来越重要 。到了80年代它已经成为家中的中心枢纽，而今厨房则被认为是家中无可替代的工作场所。&rdquo;</p><p>位于拉斯维加斯的博世厨房创始人Charise Diamond可以证明这一点。她的客户（就是）把厨房当做娱乐中心来用。</p><p>&ldquo;人们在以厨房为中心，举行大型家庭聚会&rdquo;她说，&ldquo;主人的朋友们会在厨房里准备他们带来的食品，或是让其他人试试带来的新餐盘。当今的现代化厨房朝着大空间方向发展，或是更加融入家庭，这样一来，在厨房里的那个最重要的人（掌勺的那个人？）可以参与到所有的会谈活动之中。这就开辟了一个更加宽泛的全景式互动空间，使得厨房在家庭成员和客人的日常使用中变得更加便捷友好。&rdquo;</p><p>Diadmond称房东要求厨房炉灶具备两箱烤炉 ，加热抽屉<sup>注5</sup>，装有滑轨的碗柜甚至在他们厨房滑门边的平台上造一个匹萨烤炉。</p><p>&ldquo;《饮食网络》<sup>注</sup><sup>6</sup>以及《食神》<sup>注</sup><sup>7</sup>这两档节目将人们重新拉回到厨房，人们在节目中看到什么就希望自己也能拥护什么。&rdquo;Diamond说，&ldquo;我所售商品中最畅销之一是烤面包机。当然不光是烤面包机，人们也购买粮食储藏。&rdquo;</p><p>未来的厨房将扮演更多家庭娱乐中心的角色，它以非传统观念上的功能适应着我们不断变化的生活方式，例如家庭办公工作室、小玩意的充电专用处以及隐性的信息中心。相反的，一些传统典型的厨房功能则转移至家里的其他地方，例如在主卧室里（也可以）端着咖啡喝上一杯，或是拥有储藏和冷藏功能的酒吧出现在影音播放厅里。</p><div id="note"><p>注1：意译自&ldquo;a lonely cook is an unhappy cook&rdquo;</p><p>注2：早餐间（breakfast nook）</p><p>注3：家庭活动室（family room）</p><p>注4：赛丽石（Silestone），为西班牙的CosentinoS.A.（译为：科森蒂诺）在1989年研发成功并投入生产，十多年来该产品凭借其美观、环保、实用的特性迅速占领了欧美等发达国家橱柜台面的中、高端市场，并且在家具、卫浴、室内装饰等众多领域也得到了广泛应用。赛丽石的主要成份为石英、可循环使用，在生产、使用、二次利用等各方面都不会破坏环境，得到了国外环保人士的推崇。赛丽石具有刮不花、污不染、燃不着、用不旧、菌不生、无毒无辐射的特点，彻底的解释了台面的实用性。美国《时代》周刊曾将赛丽石厨房抗菌工作台面评为时下最新最酷的科技新产品之一。</p><p><img style="margin: 0px 10px 0px 0px" height="100" alt="" width="120" align="left" src="http://us.st12.yimg.com/us.st.yimg.com/I/usappliance_2028_44389943" />注5：加热抽屉（Warming Drawer），Warming drawers are the perfect solution for keeping dishes warm while you're waiting for guests to arrive or putting the finishing touches on the rest of the meal.</p><p>注6、注7：《Food Network》和《Iron Chef》均为国外著名的饮食类节目。</p><p>P.S. 感谢Jarod Tang的多处指正。</p></div>]]></description><category>交互体验</category><comments>http://www.liquidroc.name/post/design-evolution-of-kitchen.html#comment</comments><wfw:comment>http://www.liquidroc.name/</wfw:comment><wfw:commentRss>http://www.liquidroc.name/feed.asp?cmt=80</wfw:commentRss><trackback:ping>http://www.liquidroc.name/cmd.asp?act=tb&amp;id=80&amp;key=59e5e010</trackback:ping></item><item><title>失败无可避免——它是必经之路</title><author>a@b.com (rocchow)</author><link>http://www.liquidroc.name/post/failure-is-a-requirement.html</link><pubDate>Wed, 12 Nov 2008 12:48:09 +0800</pubDate><guid>http://www.liquidroc.name/post/failure-is-a-requirement.html</guid><description><![CDATA[<div id="notice"><p>原文：Failure Is Not an Option -- It's a Requirement</p><p>原文地址：<a href="http://www.uie.com/articles/failure_not_an_option">http://www.uie.com/articles/failure_not_an_option</a></p><p><b>Jared M. Spool 版权所有</b></p><p>作者：<a href="http://www.uie.com/brainsparks/author/jared/">Jared M. Spool</a></p><p>翻译：<a target="_blank" href="http://ucdchina.com/topic/59">UCD翻译小组</a>，<a target="_blank" href="http://www.liquidroc.name/">Roc</a></p></div><p>有这样一个团队，数月来他们一直在困境中挣扎。这和通常所说的&ldquo;我们拼尽全力并最终搞定&rdquo;的这种困难不一样&mdash;&mdash;这种困难早就过去了。</p><p>是的，这是另一种类型的困境。我们姑且把它叫做&ldquo;推出之后才发现公司有了大麻烦&rdquo;的困境。</p><p>该团队冒险尝试了一个全新的&mdash;&mdash;可以显著提升顾客体验&mdash;&mdash;的设计，这个设计被赋予厚望。然而事与愿违，他们自吞苦果。</p><h2>失败注定有百害而无一利？</h2><p>马后炮谁不会呢&mdash;&mdash;他们应当不惜一切避免失败的。毕竟，缩在餐厅一角，听着&ldquo;这个家伙就是那群窝囊废中的一个&rdquo;式的冷嘲热讽，谁愿意自己成为这样的人呢。</p><p>但如果你回首一个世纪以来的所有伟大革新和发明，你会发现：失败不可或缺。我们需要通过失败去吸取经验。</p><p>当成功来临，我们通常只知其然不知其所以然？哪一步或者什么事情是导致成功的关键呢？这些是成功本身无法告诉我们的。</p><p>相对于成功而言，失败的经历更有助于积累经验。失败后&mdash;&mdash;我们花时间从失败身上吸取教训&mdash;&mdash;我们发现其中的缺陷暴露无遗。常言道：没有最好，只有更好。</p><p>我们需要失败。我们只是想要通过它，从而把风险降到最低。</p><h2>稳扎稳打，步步为营</h2><p>亚马逊网最近对其系统进行了一次很大的调整，同样也很可能是一次在无法控制风险之下产生灾难性后果的调整。亚马逊网每年销售额接近120亿美元，一次设计改版的失败，哪怕就短短一天，也将对他们造成数以百万计的损失。</p><p>去年夏天，当亚马逊网的设计师们决定使用新的导航系统（舍弃从网站建立之初到现在的标签设计）时，他们慎之又慎。所有人都盯着他们，没人希望看到一个所谓的&ldquo;改进&rdquo;最后却毁了整个网站。</p><p>呈现在众人面前的最终结果是其中一个最稳妥的设计方案。一切先从挑选&ldquo;最没风险&rdquo;的顾客开始，从非注册用户中选择测试对象，判断标准是他们是否留有网站的Cookie文件。（有Cookies文件的亚马逊网用户会收到个性化信息。）</p><p>当调整即将发布时，被挑选出的临时游客中依然只有一小部分被允许看到新的导航栏。一旦这些人感觉不错并适应了这种设计，测试名额将慢慢逐渐放开，更多的临时游客将看到这些新设计的导航栏。</p><p>在数周的临时游客开放试行后，亚马逊网才慢慢让网站的回头客（和注册用户）也使用新的导航，但即使到了这一步，他们也没有急于求成，而是同样用了好几个星期才完成所有的转换工作。</p><h2>降低风险</h2><p>尽管时间上长了一些，但是亚马逊网的设计团队使得新的导航尽可能平缓地公之于众。如果结局是败笔，他们也可尽早的从容应对。直到导航让人觉得很顺手了，他们才将其开放给更多用户。</p><p>平稳过渡是降低风险的一种方法。此外，不乏其他同样行之有效的方法。</p><p>例如，（纸上）简易原型就是一种很棒的方法。在纸上勾勒出交互行为，并将其试用于潜在客户，你会很快的搜集到关于该设计的一套可靠反馈。在这种情况下，风险只是存在于纸上，或是，把时间浪费在功能建设上也无关紧要了。</p><p>还有一种方法可以降低风险&mdash;&mdash;快速迭代。当一切都顺利完成，每一次迭代所产生的关于用户以及用户需求的信息，都将被团队应用到下一版本的设计中。迭代循环得越快，设计就会越快的被完善，直至用户满意。</p><h2>对失败的常见误解</h2><p>&ldquo;正确的判断从经验中来，而经验从糟糕的判断中来。&rdquo;</p><p>&ldquo;人人都把自己的错误美其名曰的称为经验。&rdquo;</p><p>在研究各团队设计实践时，我们总结了其中一些常有的&mdash;&mdash;因为做或没做，从而让失败变得毫无意义的&mdash;&mdash;错误做法。</p><p>错误1：忘了&ldquo;磨刀不误砍柴工&rdquo;。如果团队一开始就仓促上阵，那么他们自然很难发现什么时候出错了。先确定一个清晰统一的思路，团队中的每个人都可以迅速找出错误，并将其改正使得一切恢复正轨。</p><p>错误2：从不&ldquo;返躬内省&rdquo;。有些不好的事情发生后，人们总是想尽快翻过这一页。说真的，先别急着翻页，停下来扪心自问&ldquo;刚才怎么了？&rdquo;和&ldquo;我们可以从中学到什么？&rdquo;对于团队而言更重要。</p><p>错误3：默默地跌倒爬起，而不相互沟通。在大型团队中，小错误（或者更大一些的）有可能被团队中没有直接参与其中的成员忽视。在失败中得来教训要在团队中充分沟通，这很关键。跌倒后也要喊出来，不然其他人怎么知道你在哪里摔倒的。</p><p>错误4：从没想过要迭代试验。&ldquo;早知如此何必当初&rdquo;，这种话多说无益。从没考虑过失败了要怎么处理的，这种盲目乐观的结果通常都是，该团队发现自己被逼进死胡同。正如在亚马逊网的所做的那样，留点时间去做迭代试验，结局完美。</p><p>错误5：无法灵活扩展的平台。我们经常听到人们为自己辩解，诸如&ldquo;我们是很想去试试啦，但是你知道的，我们的CMS平台做不到。&rdquo;团队是被缺乏可扩展性的平台禁锢住了，应对失败的来临&mdash;&mdash;这种平台一点办法也没有。基于可扩展性平台（并且掌握了充分利用这种可扩展性技巧）的团队却可以从容应对失败。</p><p>错误6：反馈周期内的工作过犹不及。条条框框太多反而让团队缩手缩脚。优秀的团队利用各种快速原型工具尽早处理反馈。而不是一直等到海量的用户反馈搜集齐之后才开始处理，这时候已经很难回头了。</p><p>错误7：没对设计进行代入式演算评估。许多团队没有想过一旦设计推出之后会是怎样一个状况。他们没经过适当的估量就把设计推出去了。优秀的团队在项目伊始就构建好了设计将会有的演算结果，我们所见的不过是他们预料之中的一部分。</p><p>错误8：反馈信息都是&ldquo;食之无味，弃之可惜&rdquo;的鸡肋。&ldquo;这有用么？有/没有&rdquo;这类问题看上去挺有意思，但它能告诉你什么？如果大部分答案是&ldquo;没有&rdquo;，你下一步又要怎么做呢？优秀的团队会确保他们从用户那里得到更深入的反馈信息。（例如，经过严密的可用性测试，Netflix公司合并了A、B两个站点，我们可以同时从定量和定性的这两个角度来看设计问题。）</p><h2>橘生于南则为橘,橘生于北则为枳</h2><p>我们的研究表明，公司文化，是处理失败中最关键的一环。把失败当做是成长的一部分，为从失败中学得更多经验而高兴的达观态度远比逃避主义好得多。公司的管理和奖励机制中应当写进这样一句话&mdash;&mdash;失败是可以接受的。往好处想，至少风险没了，正所谓吃一堑长一智。</p><p>我们的字典没有&ldquo;失败糟糕透了&rdquo;这样的说法。所有的团队都应该在日常工作中更好的把失败转化为积极的一面。</p><h3>分享你的想法</h3><p>你所在的公司是如何看待失败的？来<a href="http://www.uie.com/brainsparks/2008/10/29/uietips-failure-not-an-option">UIE Brain Sparks</a>的博客里和我们分享你的故事和看法吧，我们洗耳恭听。</p><div id="note"><p>P.S. 最近翻译的几篇文章都是关于&ldquo;失败&rdquo;的，呵呵。希望我翻译的不那么&ldquo;失败&rdquo;吧</p></div>]]></description><category>交互体验</category><comments>http://www.liquidroc.name/post/failure-is-a-requirement.html#comment</comments><wfw:comment>http://www.liquidroc.name/</wfw:comment><wfw:commentRss>http://www.liquidroc.name/feed.asp?cmt=76</wfw:commentRss><trackback:ping>http://www.liquidroc.name/cmd.asp?act=tb&amp;id=76&amp;key=654bb598</trackback:ping></item><item><title>为什么设计者失败了？II</title><author>a@b.com (rocchow)</author><link>http://www.liquidroc.name/post/why-designers-fail-2.html</link><pubDate>Sun, 02 Nov 2008 19:06:24 +0800</pubDate><guid>http://www.liquidroc.name/post/why-designers-fail-2.html</guid><description><![CDATA[<div id="notice"><p>原文：<a href="http://www.lukew.com/ff/entry.asp?739">Why Designers Fail</a></p><p><a href="http://www.lukew.com/about/luke/"><strong>LukeW</strong></a><strong> 版权所有</strong></p><p>作者：<a href="http://www.lukew.com/about/luke/">LukeW</a></p><p>翻译：<a href="http://ucdchina.com/topic/59">UCD翻译小组</a>，<a href="http://www.liquidroc.name">Roc</a></p><p>原文地址：<a title="http://www.lukew.com/ff/entry.asp?739" href="http://www.lukew.com/ff/entry.asp?739">http://www.lukew.com/ff/entry.asp?739</a></p></div><p>Scott Berkun最近公布了一个有389人参与的调查&ldquo;为什么设计者失败了&rdquo;。该调查旨在探究为什么设计者以及和设计打交道的人认为设计者始终无法给他们想要的结果。</p><p>有趣的是，调查中前15位的问题中，有相当一部分和之前的一份关于<a href="http://www.lukew.com/ff/entry.asp?732">限制设计的组织影响力的因素</a>列表相吻合，该列表是Tom Chi和我出席为世界各地的设计师举办的<a href="http://www.lukew.com/ff/entry.asp?586"><strong>设计影响战略决策</strong></a>主题讨论会之后搜集整理出的。Scott调查中的前五位原因是：</p><ul>    <li>非设计人员的左右了设计抉择</li>    <li>领导们制定了设计决定</li>    <li>设计师在设计前没有搜集充足的资料</li>    <li>时间紧迫，没办法多想了</li>    <li>对关键性的反馈意见视而不见</li></ul><p>Scott作了如下总结：&ldquo;许多导致失败的前几项，问题并不出自设计本身，比如协同技能，说服技能以及是否对批评的声音置若罔闻&rdquo;，有趣的是，在我们的<strong>设计影响战略决策</strong><sup>注1</sup>课程中，也有一张表达类似观点的图<sup>注2</sup>。</p><p><a href="http://www.liquidroc.name/upload/orgchart_4.png"><img title="orgchart" style="border-right: 0px; border-top: 0px; display: block; float: none; margin: 20px auto; border-left: 0px; border-bottom: 0px" height="190" alt="orgchart" width="513" border="0" src="http://www.liquidroc.name/upload/orgchart_thumb_1.png" /></a></p><p>如上图中所示，我们的课程主要为设计师传授组织效能方面的技能。一旦设计师在设计学（交互设计、排版等）上到达一定层次后，他们就亟待具备设计之外的能力来影响自己公司的战略决策。</p><div id="note"><p>[注1] 设计影响战略决策：这是一个由作者LukeW授课的课程，短文中提到过几次，像是在打广告 by Cloud Zhang</p><p>[注2] 插图：其实从左至右是一个设计者在企业中的决策地位。靠左的地位比较低，靠右的地位比较高。地位越低的，设计方面要学的越多，当设计能力到达一定阶段的时候，例如设计师升为团队负责人（中层管理）的时候，设计上他所要掌握的技能就不再现在急迫了，反而是组织管理上要大幅度增强。</p><p><em>P.S. 又是类似总结性质的简短的小品文，感觉要吃透LukeW的文章必须认真研读Functioning Form的每一篇文章。</em></p></div>]]></description><category>交互体验</category><comments>http://www.liquidroc.name/post/why-designers-fail-2.html#comment</comments><wfw:comment>http://www.liquidroc.name/</wfw:comment><wfw:commentRss>http://www.liquidroc.name/feed.asp?cmt=73</wfw:commentRss><trackback:ping>http://www.liquidroc.name/cmd.asp?act=tb&amp;id=73&amp;key=95b2b6da</trackback:ping></item><item><title>你的设计清晰还是混乱？眼动追踪告诉你答案</title><author>a@b.com (rocchow)</author><link>http://www.liquidroc.name/post/eye-tracking-tell-you-design-is-clear-or-confusing.html</link><pubDate>Fri, 31 Oct 2008 17:02:20 +0800</pubDate><guid>http://www.liquidroc.name/post/eye-tracking-tell-you-design-is-clear-or-confusing.html</guid><description><![CDATA[<div id="notice"><p>原文：Is your design clear or confusing? Eye-tracking can tell</p><p><a href="http://www.e-consultancy.com/news-blog/author_71739/mihkel-j-tma.html"><strong>Mihkel J&auml;&auml;tma</strong></a>&nbsp;<strong>版权所有</strong></p><p>作者：<a href="http://www.e-consultancy.com/news-blog/author_71739/mihkel-j-tma.html">Mihkel J&auml;&auml;tma</a></p><p>翻译：<a href="http://ucdchina.com/topic/59">UCD翻译小组</a>，<a href="http://www.liquidroc.name/">Roc</a></p><p>原文地址：<a title="http://www.e-consultancy.com/news-blog/366595/is-your-design-clear-or-confusing-eye--tracking-can-tell.html" href="http://www.e-consultancy.com/news-blog/366595/is-your-design-clear-or-confusing-eye--tracking-can-tell.html">http://www.e-consultancy.com/news-blog/366595/is-your-design-clear-or-confusing-eye--tracking-can-tell.html</a></p></div><p><strong>在流量上投入巨资的网站应该可以在网民登陆之际就牢牢抓住他们的注意力。</strong></p><p>然而，眼动追踪<sup>注1</sup>的分析结果告诉我们，其实并不是那么一回事。</p><p>网络中，时间第一。切换网页是如此容易，所以登陆页需确保游客一上来就被某些东西吸引。</p><p><em>浏览者从你的站点得到的信息真的是你试图传达的么？又或者，在对你的页面丧失了清晰的方向感之后，他们糊里糊涂地离去？</em></p><p>最有效的解决之道是亲自去问问用户本人；对他们做线上或线下调查。问题是，人们常常说一套，做一套。</p><p>Web分析提供诸如跳出率和停留时间这样的数据，但是这对找出问题的原因和如何改进帮助甚少。</p><p>眼动追踪对于评测设计是有帮助的，它跳过表层的点击行为，更深一层地揭示出用户的交互行为。</p><p>视线停留<sup>注2</sup>，指的是眼睛有一个短暂的逗留&mdash;&mdash;在哪里停留并且为什么停留，将对你的设计作品是否对完成商业目的有帮助做出一个客观的描述。</p><p>这个Youtube的视频（<a target="_blank" href="http://www.youtube.com/watch?v=qEGJEVNqhFY"><strong>点击播放</strong></a>）展示了用户在Zavvi网站上购买视频游戏的过程。出现在屏幕上的红点代表的是视线停留&mdash;&mdash;对特定的元素关注的越多这个点就越大。大体上来说，你可以看到在页面上代表视线停留的红点移动得非常快，而且都没有变得很大。</p><p>现在比较一下另一个用户（<a target="_blank" href="http://www.youtube.com/watch?v=9VSgxp7RjE4"><strong>点击播放</strong></a>），他想要在Game.co.uk上完成同一件事。这次红点的出现就很有规律了。平均每一个视线停留都更长，这意味着页面吸引了更多注意力。该用户也确实获得了更多的信息。</p><p>以上两则个案做例子演示还行&mdash;&mdash;要想得到可靠的结论，就需要超过50个类似的测试<sup>注3</sup>。</p><p>下面的图表显示的汇总，来自于53个真人测试&mdash;&mdash;要求用户购买一个自己喜欢的视频游戏。结果和上面看过的例子一样：在Game上视线停留的平均时长是0.475秒，而在Zavvi上这个值是0.298秒。</p><p>&nbsp;</p><p><a href="http://docs.realeyes.it/econsultancy/blog4/game_b.png"><img style="display: block; float: none; margin-left: auto; margin-right: auto" alt="" border="0" src="http://docs.realeyes.it/econsultancy/blog4/game.png" /> </a></p><p><a href="http://docs.realeyes.it/econsultancy/blog4/zavvi_b.png"><img style="display: block; float: none; margin-left: auto; margin-right: auto" alt="" border="0" src="http://docs.realeyes.it/econsultancy/blog4/zavvi.png" /> </a></p><p>&nbsp;</p><p>在Game页面上更长的视线停留，说明了它远比Zavvi引人入胜。结论就是：Game抓住了游客的心，而Zavvi没有。</p><p>深入的挖掘这些细节我们可以学到更多东西，哪里是用户最关注的，以及哪里仅仅是被一扫而过的。另外，Game这方面做得不错，页面中的主菜单和畅销推荐区都得到了强烈的关注。</p><p>Zavvi则会有些失落：顶部的菜单和促销广告获得的视线停留不足0.200秒。而研究一致标明，低于0.220秒的视线停留不能提供足够的信息，因而无法在大脑中留下印象。用户错过了Zavvi页面中这两个重要的元素。真遗憾啊。</p><p>除了受关注的级别，还有其他一些设计上应当遵循的性能指标。在交易类电子商务网站中的关键指标<sup>注4</sup>比较应当涵盖下表中的任一项：</p><p><br />&nbsp;</p><p><a href="http://docs.realeyes.it/Gaming_Benchmark.pdf"><img style="display: block; float: none; margin-left: auto; margin-right: auto" alt="" border="0" src="http://docs.realeyes.it/econsultancy/blog4/benchmark.png" /></a>&nbsp; <br />&nbsp;</p><p>上面的结果证实了我们的经验，更具吸引力的页面对于设计的整体效果是大有益处的。让人们犯糊涂会让你付出代价，眼动追踪可以让你避免这一切的发生。</p><div id="note"><p>[注1] 眼动追踪：eye-tracking 详见<a title="http://www.uigarden.net/chinese/re_dian_he_chao_lian" href="http://www.uigarden.net/chinese/re_dian_he_chao_lian">http://www.uigarden.net/chinese/re_dian_he_chao_lian</a></p><p>[注2] 视线停留：fixations</p><p>[注3] 测试：sessions 具体来讲就是&ldquo;样本做的测试行为&rdquo;&mdash;&mdash;by Angela</p><p>[注4] 关键指标:KPI-s（Key Parameter Index）</p></div>]]></description><category>交互体验</category><comments>http://www.liquidroc.name/post/eye-tracking-tell-you-design-is-clear-or-confusing.html#comment</comments><wfw:comment>http://www.liquidroc.name/</wfw:comment><wfw:commentRss>http://www.liquidroc.name/feed.asp?cmt=71</wfw:commentRss><trackback:ping>http://www.liquidroc.name/cmd.asp?act=tb&amp;id=71&amp;key=3a27ac2c</trackback:ping></item><item><title>报告：为什么设计者失败了？</title><author>a@b.com (rocchow)</author><link>http://www.liquidroc.name/post/why-designers-fail.html</link><pubDate>Wed, 22 Oct 2008 14:26:02 +0800</pubDate><guid>http://www.liquidroc.name/post/why-designers-fail.html</guid><description><![CDATA[<div id="notice">   <p>原文：<a href="http://www.scottberkun.com/blog/2008/why-designers-fail-the-report/">Why designers fail: the report</a></p>    <p><a href="http://www.scottberkun.com/about/" target="_blank"><strong>Scott</strong></a><strong> 版权所有</strong></p>    <p>作者：<a href="http://www.scottberkun.com/about/" target="_blank">Scott</a> </p>    <p>翻译：<a href="http://ucdchina.com/topic/59">UCD翻译小组</a>，<a href="http://www.liquidroc.name" target="_blank">Roc</a></p> </div>  <p>上周我<a href="http://www.scottberkun.com/blog/2008/why-designers-fail-the-report/www.scottberkun.com/blog/2008/win-prizes-why-do-designers-fail-survey/" target="_blank">宣布要进行一个设计者失败缘由的研究</a>——主要想探索一下为什么设计师和与其相关的人都认为设计师没有做出他们想要的结果。<a href="http://www.uie.com/events/uiconf/2008/tuesday/#berkun" target="_blank">上周的UI13会议</a>上，我提交了结论，并许诺在这里公布总结。得奖者（即，主要的原因）即将揭晓。</p>  <h4><b>主旨摘要</b></h4>  <p>调查由41个问题组成，它们被分为三大类：心理、能力和组织规划。参与调查的人为每一个问题打分，从1分到5分，5分表示对于解释设计师为何失败很有道理，1分表示没道理（3分是平均值）。</p>  <p><b>389个参与调查的人身份如下：</b></p>  <table cellspacing="0" cellpadding="2" width="400" border="0"><tbody>     <tr>       <td valign="top" width="321">设计师</td>        <td valign="top" width="79">33.7%</td>     </tr>      <tr>       <td valign="top" width="321">项目经理</td>        <td valign="top" width="79">16.5%</td>     </tr>      <tr>       <td valign="top" width="321">程序员/测试员</td>        <td valign="top" width="79">11.8%</td>     </tr>      <tr>       <td valign="top" width="321">可用性工程师</td>        <td valign="top" width="79">9.5%</td>     </tr>      <tr>       <td valign="top" width="321">集团总经理</td>        <td valign="top" width="79">6.9%</td>     </tr>      <tr>       <td valign="top" width="321">商业/市场营销</td>        <td valign="top" width="79">3.9%</td>     </tr>      <tr>       <td valign="top" width="321">文档制定者</td>        <td valign="top" width="79">1.3%</td>     </tr>      <tr>       <td valign="top" width="321">其他</td>        <td valign="top" width="79">16.5%</td>     </tr>   </tbody></table>  <p><b>这里列出最后依据平均得分排定的前16位问题</b>：</p>  <table cellspacing="0" cellpadding="2" width="400" border="0"><tbody>     <tr>       <td valign="top" width="406">非设计人员的左右了设计抉择</td>        <td valign="top" width="94">4.18</td>     </tr>      <tr>       <td valign="top" width="406">领导们制定了设计决定</td>        <td valign="top" width="94">4.14</td>     </tr>      <tr>       <td valign="top" width="406">设计师在设计前没有搜集充足的资料</td>        <td valign="top" width="94">3.92</td>     </tr>      <tr>       <td valign="top" width="406">时间紧迫，没办法多想了</td>        <td valign="top" width="94">3.81</td>     </tr>      <tr>       <td valign="top" width="406">对关键性的反馈意见视而不见</td>        <td valign="top" width="94">3.69</td>     </tr>      <tr>       <td valign="top" width="406">缺乏商业原则的基本常识</td>        <td valign="top" width="94">3.66</td>     </tr>      <tr>       <td valign="top" width="406">纸上谈兵的“以用户为中心设计”</td>        <td valign="top" width="94">3.64</td>     </tr>      <tr>       <td valign="top" width="406">从未试验过或是有个保障措施</td>        <td valign="top" width="94">3.62</td>     </tr>      <tr>       <td valign="top" width="406">指手画脚的人太多，让设计师无力掌控设计权利</td>        <td valign="top" width="94">3.60</td>     </tr>      <tr>       <td valign="top" width="406">过于依赖某种设计风格</td>        <td valign="top" width="94">3.54</td>     </tr>      <tr>       <td valign="top" width="406">协同工作能力太烂</td>        <td valign="top" width="94">3.51</td>     </tr>      <tr>       <td valign="top" width="406">说服能力不足</td>        <td valign="top" width="94">3.49</td>     </tr>      <tr>       <td valign="top" width="406">沟通能力太差</td>        <td valign="top" width="94">3.49</td>     </tr>      <tr>       <td valign="top" width="406">理解能力太差</td>        <td valign="top" width="94">3.48</td>     </tr>      <tr>       <td valign="top" width="406">选择排在最前面但并不好的一个方案</td>        <td valign="top" width="94">3.45</td>     </tr>      <tr>       <td valign="top" width="406">目空一切，以为他人都会赞同自己</td>        <td valign="top" width="94">3.41</td>     </tr>   </tbody></table>  <p><b>分组平均分</b></p>  <p>分组的平均分显示不出什么差别：没有哪一个组被认为是设计师失败的主要缘由。</p>  <p>组织规划问题：3.37</p>  <p>技巧问题：3.15</p>  <p>心理问题：3.11</p>  <p><b>领导 vs 员工</b></p>  <p>本次调研的一个探讨问题是，员工和管理者在对失败的思考上有怎样的差异。49%的调查者是领导或管理者的角色。</p>  <p>结果显示管理者和非管理者在看待失败原因方面差异不大。</p>  <p><img alt="" src="http://www.scottberkun.com/wp-content/uploads/2008/10/whydfail-managers-thumb.jpg" /></p>  <p><b>设计师 vs 非设计人员</b></p>  <p>结果表明，设计师和非设计人员看待失败原因的差异不大。</p>  <p><img alt="" src="http://www.scottberkun.com/wp-content/uploads/2008/10/whydfail-designers-thumb.jpg" /></p>  <p><b>结论</b></p>  <p>许多致使失败的主因并非设计本身有问题，而是协同能力、说服能力和接受批评意见。</p>  <p>在排名靠前的问题上看法普遍一致：领导、非管理者、设计师和非设计人员给出的分数几乎一样。</p>  <p>近半数的参与者花时间写下了额外的问题和想法。他们对更深入地探讨该主题有极大的兴趣。</p>  <p><b>背景新闻披露</b></p>  <p>本次调查的设计初衷是做定性分析之用，以及为日后的讨论和研究做铺垫。本次调查中肯定有缺点和有失偏颇的地方，但不管怎样我相信它还是值得去做的。</p>  <p>问题列表是依据3种事情列出的：自身的经验，我从1999年到2002年都在负责微软的<a href="http://design-for-innovation.com/category/ux-design/">UX设计训练</a>。在狂热的设计讨论圈子里，对这个问题多年的思考。在<a href="http://www.scottberkun.com/www.scottberkun.com/blog/2008/why-do-designers-fail-input-wanted/">以前的博客上的讨论</a>。</p>  <p>本文中列出的问题描述信息经过修改调整——如果你对这些带有诱导性的问题有什么疑问，可以参看<a href="http://www.scottberkun.com/wp-content/uploads/2008/10/whydesignersfailsurvey.pdf">最初的调查</a>。</p>  <p>本次调查公布在本博客以及<a href="http://www.scottberkun.com/www.ixda.org/join.php">iXda邮件列表</a>和<a href="http://www.scottberkun.com/www.scottberkun.com/pmclinic/">pmclinic列表</a>上。</p>  <p><a href="http://www.scottberkun.com/wp-content/uploads/2008/10/whydesignersfailsurvey.pdf">这里下载</a>本次调查的一个95K的PDF版本。</p>  <p>UIE 13讨论设计失败原因的完整PDF版本<a href="http://www.scottberkun.com/wp-content/uploads/2008/10/whydesignersfail-FIN.pdf" target="_blank">在这里</a>（6MB PDF）。</p>  <p>我还在寻找促使该研究继续下去的伙伴。如果你感兴趣的话，请留言。</p>  <div id="note">  <p>感谢所有帮助修订的UCD翻译小组成员，你们是我努力的目标！</p>  </div>]]></description><category>交互体验</category><comments>http://www.liquidroc.name/post/why-designers-fail.html#comment</comments><wfw:comment>http://www.liquidroc.name/</wfw:comment><wfw:commentRss>http://www.liquidroc.name/feed.asp?cmt=69</wfw:commentRss><trackback:ping>http://www.liquidroc.name/cmd.asp?act=tb&amp;id=69&amp;key=fc1e63f8</trackback:ping></item></channel></rss>
