﻿<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>用户体验 - ITFeed</title>
<link>http://www.itfeed.cn</link>
<description>互联网产品设计开发知名博客聚合</description>
<dc:creator>ITFeed</dc:creator>
<pubDate>Sun, 02 Sep 2012 22:40:20 +0800</pubDate>
<language>en</language>
<item>
<title>回归体验——我喜欢网设计小结</title>
<link>http://www.itfeed.cn/post.asp?id=10490</link>
<description>
<![CDATA[<div class="cut-pic"><img src="http://uxc.360.cn/wp-content/uploads/2012/08/picc.jpg" class="alignnone big-img" width="715" height="198" /></div>
富媒体内容丰富的web时代，互联网已经是获取内容和收集内容的一个必然途径。通过图片、文章等等…的内容资源，如何能实现更好的收集与分享将变的更加重要。在每一位UGC用户贡献内容的同时，他们也在相互消费着其他的用户内容，基于兴趣内容的互动就这样产生了。依托于碎片化的内容收集，可以清晰的看到到我们的兴趣图谱。让丰富的兴趣内容吸引更多的相关用户，使发现好内容、发现兴趣相投用户变的更简单。]]>
</description>
<dc:creator>360UXC</dc:creator>
<pubDate>Fri, 31 Aug 2012 14:42:32 +0800</pubDate>
</item>
<item>
<title>页面导航设计的快速验证方法</title>
<link>http://www.itfeed.cn/post.asp?id=10488</link>
<description>
<![CDATA[<p><img class="alignnone size-full wp-image-1219" title="阿里UED带环境banner—页面导航设计的快速验证方法_03" src="http://www.aliued.com/wp-content/uploads/2012/08/阿里UED带环境banner—页面导航设计的快速验证方法_03.jpg" alt="" width="730" height="250" /></p>
<p>著名的格林童话故事里面汉赛尔和格莱特知道后母想要在深林里面丢掉他们的计划，将面包屑撒在来时的路上，虽然当月亮升起时，面包屑被鸟吃掉了，但是现在的互联网设计师们从这个故事中找到了灵感，设计出不会被鸟吃掉的固定“面包屑”。<span id="more-1135"></span></p>
<p style="text-align: center;"><img class="size-full wp-image-1143   aligncenter" title="1" src="http://www.aliued.com/wp-content/uploads/2012/08/1.jpg" alt="" width="730" height="276" /><span style="text-align: center;">图1:互联网上各种各样的面包屑</span></p>
<p>汉赛尔和格莱特为了在森林中找到回家的路，撒下了面包屑，这是一种导航方式，如果没有被鸟吃掉，无论走到森林的任何地方都可以知道如何从当前的位置走回家去。在互联网信息爆炸的今天，互联网的设计师们在网页上设计出各种各样的固定面包屑（如图1）也是为了不让用户迷失在信息的大海中，给予用户的一个<strong>导航</strong>的方式。Apple是大家公认的用户体验最好的设计公司，我们来看看apple.com是用什么方式完美地完成用户导航需求的。</p>
<h2><span style="color: #000000;">页面导航原则</span></h2>
<p style="text-align: center;"><img class="size-full wp-image-1144 aligncenter" title="2" src="http://www.aliued.com/wp-content/uploads/2012/08/2.jpg" alt="" width="730" height="38" />图2:apple网站itunes新功能介绍的面包屑</p>
<p>图2是apple.com上面itunes新功能介绍的面包屑。一共有两个元素：<strong>节点标签</strong>和<strong>箭头</strong>。</p>
<p><strong>节点标签</strong>：有apple的logo、itunes和what’s new。且节点标签有不同的样式，what’new用了Bold的样式。每个节点标签中间都用箭头隔开。<strong>箭头：</strong>是一个有方向指向的符号。</p>
<p><strong>面包屑这种方式完成导航需求的方式为：</strong></p>
<p><strong>1</strong><strong>、通过最后一个节点标签告知用户当前位置；</strong><strong>2</strong><strong>、面包屑整体从左到右告诉用户来到当前位置的固定路径；3</strong><strong>、除了当前页面的节点标签，其它节点标签均可点击，可以让用户回到上一级页面</strong>（可以回到最初起点的作用）<strong>。</strong>通过这三点任何用户都不会在网站中迷失方向。</p>
<p style="text-align: center;"><img class="size-full wp-image-1145 aligncenter" title="3" src="http://www.aliued.com/wp-content/uploads/2012/08/3.jpg" alt="" width="730" height="275" /></p>
<p style="text-align: center;">图3: apple网站itunes新功能介绍的页面</p>
<p>然后我们再对照这个面包屑所在的页面（图3）从上往下的各种导航方式的元素进行分析，看页面除面包屑之外是如何自我完成导航需求的：</p>
<p>1、首先导航菜单栏上的logo <img class="alignnone size-full wp-image-1189" title="未标题-1" src="http://www.aliued.com/wp-content/uploads/2012/08/未标题-1.jpg" alt="" width="32" height="32" />告诉用户在apple的网站上，导航上的菜单分类告诉用户这个网站一共有多少个维度，菜单上被选中的Itunes<img class="alignnone size-full wp-image-1190" title="未标题-2" src="http://www.aliued.com/wp-content/uploads/2012/08/未标题-2.jpg" alt="" width="35" height="34" /> ，告诉用户当前处于itunes的菜单维度下。</p>
<p>2、接着是itunes的页面导航栏，大大的标题itunes<img class="alignnone size-full wp-image-1191" title="未标题-3" src="http://www.aliued.com/wp-content/uploads/2012/08/未标题-3.jpg" alt="" width="39" height="36" /> 告诉用户下面的内容都是讲itunes，右边的itunes的页面菜单导航告诉用户itunes页面的内容分类，其中不一样状态的what’s new<img class="alignnone size-full wp-image-1192" title="未标题-4" src="http://www.aliued.com/wp-content/uploads/2012/08/未标题-4.jpg" alt="" width="36" height="34" /> 告诉用户目前选中的是这个类容，下文内容是在这个分类下的。</p>
<p>3、最后是这个页面的标题What’s new in iTunes<img class="alignnone size-full wp-image-1193" title="未标题-5" src="http://www.aliued.com/wp-content/uploads/2012/08/未标题-5.jpg" alt="" width="34" height="35" /> ,表示当前页面的内容是按照这个标题全面铺开内容。</p>
<p>上述导航元素也清楚地告知了我们<strong>1</strong><strong>、用户当前位置（当前页面标题）；2</strong><strong>、来到当前页面的固定路径（从上往下的导航路径布局和元素）；3</strong><strong>、如何返回上一级页面（每个导航菜单均可点击，除了当前页面标题）</strong>。其中涉及到3级导航：apple网站主导航、itunes类别导航和what’s new 内容导航，每一级导航都有导航菜单和被选中的状态。将每一级导航的起始点用箭头链接起来，如图3所示<img title="未标题-1" src="http://www.aliued.com/wp-content/uploads/2012/08/未标题-1.jpg" alt="" width="32" height="32" />→<img title="未标题-3" src="http://www.aliued.com/wp-content/uploads/2012/08/未标题-3.jpg" alt="" width="39" height="36" />→<img title="未标题-5" src="http://www.aliued.com/wp-content/uploads/2012/08/未标题-5.jpg" alt="" width="34" height="35" />，形成了一个和实际存在的面包屑<img class="alignnone size-full wp-image-1194" title="未标题-6" src="http://www.aliued.com/wp-content/uploads/2012/08/未标题-6.jpg" alt="" width="191" height="44" />一模一样的<strong>页面路径</strong>。告知用户是如何来到这个页面的。</p>
<p>从上述页面中的面包屑样式分析和页面自己的内容分析，可以看出整个页面里所有的导航方式所要传达描述的信息是一致的，那么我们可以归纳出<strong>页面导航原则</strong>：<strong>1</strong><strong>、告知用户当前位置；2</strong><strong>、告知用户来到当前页面的固定路径；3</strong><strong>、可以让用户返回上一级页面</strong>。</p>
<h2>页面导航原则指导设计</h2>
<h3>1、符合页面导航原则的设计：</h3>
<p style="text-align: center;"><img class="size-full wp-image-1146 aligncenter" title="4" src="http://www.aliued.com/wp-content/uploads/2012/08/4.jpg" alt="" width="730" height="199" />图4：Nestle.com</p>
<p style="text-align: center;"><img class="size-full wp-image-1147 aligncenter" title="5" src="http://www.aliued.com/wp-content/uploads/2012/08/5.jpg" alt="" width="730" height="229" />图5：Nestle.com</p>
<p>我们用导航原则来检验nestle.com的导航设计，这个页面通过页面标题“baby foods”告诉我们当前位置，通过网站logo，二级导航栏中选中的“Brands”，左侧三级导航栏选中的“Baby foods”，告诉我们这个页面的固定路径是从home，选择brands分类，再选择Babyfoods。且导航栏的每一个分类都可以被点击，可以让用户返回到上一级。这个页面完成了导航所需要的所有信息传达元素。我们也可以明显地找到页面中的：<img title="未标题-1" src="http://www.aliued.com/wp-content/uploads/2012/08/未标题-1.jpg" alt="" width="32" height="32" />→<img title="未标题-3" src="http://www.aliued.com/wp-content/uploads/2012/08/未标题-3.jpg" alt="" width="39" height="36" />→<img title="未标题-5" src="http://www.aliued.com/wp-content/uploads/2012/08/未标题-5.jpg" alt="" width="34" height="35" />的页面路径。图4是根据它的面包屑的节点标签元素，将页面中的相同元素找出来，这些元素都已比较明显的样式表示选中，与相同信息不同状态的内容区分开来，导航布局从上而下形成了包含与被包含的关系，图5是将这些选中的元素用箭头连接起来，这样就找到了页面中的的页面路径。</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-1148" title="6" src="http://www.aliued.com/wp-content/uploads/2012/08/6.jpg" alt="" width="730" height="333" /></p>
<p style="text-align: center;">图6：amazon.com</p>
<p>图6是在amazon浏览到web navigation的搜索结果页。图中将隐藏的页面路径和实际存在的面包屑都标示出来了。面包屑的每个节点标签在页面的其它导航方式中都有被选中的状态，且自上而下，从外到内形成包含与被包含的关系，从而形成一个隐藏的页面路径。这里使用的导航方式和前面都不一样，不止用了导航菜单，还使用了树形的级联菜单的方式。当前页面也不是用页面标题，而是直接用的实体面包屑的最后一级节点标签的强化样式。这个页面通过不同的方式完成了用户的导航需求。</p>
<h3>2、其它符合页面导航原则的新型样式：</h3>
<p style="text-align: center;"><img class="size-full wp-image-1149 aligncenter" title="7" src="http://www.aliued.com/wp-content/uploads/2012/08/7.jpg" alt="" width="730" height="378" />图7：Booreiland</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-1150" title="8" src="http://www.aliued.com/wp-content/uploads/2012/08/8.jpg" alt="" width="730" height="376" />图8：John Lewis购物网站</p>
<p style="text-align: center;"><img class="alignnone size-full wp-image-1151" title="9" src="http://www.aliued.com/wp-content/uploads/2012/08/9.jpg" alt="" width="394" height="468" />图9：wowhead面包屑</p>
<h3>3、不符合页面导航原则的设计：</h3>
<p style="text-align: center;"><img class="size-full wp-image-1152 aligncenter" title="10" src="http://www.aliued.com/wp-content/uploads/2012/08/10.jpg" alt="" width="730" height="314" />图10：meilishuo.com</p>
<p>Meilishuo的一个杂志内容页面，没有实际存在的面包屑，那么我们寻找其它导航方式，如上图网站logo、导航栏、页面标题等，如箭头所指，我们会发现页面路径少了了一段。我们不知道从首页去了什么分类，然后来到“所在杂志”。这样用户想找杂志所在的上一分类就找不到了，回不到上一级。这个页面的导航原则就没有满足，用户在此处就会迷失。它主要少了主导航条没有选中当前所在内容分类，从而让路径断了一节。</p>
<h2>小结</h2>
<p>设计师的创意是无限的，但是用户的导航需求是固定的，任何样式，只要能够符合导航原则的几点要求，就可以完成用户的导航任务。更加简便的方法就是只要能在页面元素中找到这个页面的页面路径，就相当于满足了导航原则。这样的原则和方法既可以用来检验我们的设计是否达标，也可以用来指导我们对导航方式的设计。</p>
<p style="text-align: center;">
<p><strong> </strong></p>
]]>
</description>
<dc:creator>AlibabaUED(国际)</dc:creator>
<pubDate>Thu, 30 Aug 2012 13:09:05 +0800</pubDate>
</item>
<item>
<title>一个心理学教授给讲的小故事</title>
<link>http://www.itfeed.cn/post.asp?id=10454</link>
<description>
<![CDATA[<p>晚上吃饭，机缘巧合坐上有一位心理学教授，我们在聊对用户的理解，“接地气”的话题，他给讲了个故事，挺有启发。说的是他让学生暑期去实习的事，要求赚到钱，凭回忆，以对话的形式记录如下。</p>
<p>学生：我们打算去做英语家教。</p>
<p>老师：多少钱一个小时？</p>
<p>学生：10块……</p>
<p>老师：为什么这么低？</p>
<p>学生：因为我们不是外国语大学的，也不是外语专业的（注：是心理专业）。</p>
<p>老师：他们怎么收费？</p>
<p>学生：30、或者50一个小时。</p>
<p>老师：傻不傻，明知道这样，还做英语家教，为什么不发挥优势，做心理家教？</p>
<p>学生：心理家教？有人要么？</p>
<p>老师：没人要么？</p>
<p>学生：没听说过啊。</p>
<p>老师：听过那个典故没，卖鞋子的到了非洲，一个人说他们不穿鞋子，一个人说这是个好大的市场。</p>
<p>学生：可是，那要怎么做呢？</p>
<p>老师：假期“心理游戏班”，试试，做游戏，教一点粗浅的，生活中用得上的心理学知识。去做吧。</p>
<p>……</p>
<p>学生去做了个计划，又来找老师讨论。</p>
<p>学生：我们打算一个班是一整天，国庆节做。</p>
<p>老师：又傻了，国庆节父母经常把孩子带出去玩，谁来参加你的班。周末好点，你们在哪里宣传了？</p>
<p>学生：市内最好的几个小学门口。</p>
<p>老师：为什么？</p>
<p>学生：那些家长层次比较高，有钱也有意识。</p>
<p>老师：又傻了，那些家长看不上你们这个的，你要去中不溜的学校，那些家长的心理就是想往上走走，太差的学校也不行，家长没意识。</p>
<p>学生：哦，那一天多少钱？</p>
<p>老师：周末做，至少一个人100吧，宣传口号再加一个，“给自己放一天假”，家长会喜欢的。</p>
<p>……</p>
<p>差不多就是这样一段对话，挺有启发，你听到了些什么？呵呵<br />
<h3>iamsujie猜你还喜欢：</h3>
<ul class="related_post">
<li><a href="http://iamsujie.com/9000/9049/" title="最好吃的总是下一口【人人都是产品经理：9049】" class="liinternal">最好吃的总是下一口【人人都是产品经理：9049】 (10)</a></li>
<li><a href="http://iamsujie.com/9000/9012/" title="用户的感觉才算数【人人都是产品经理：9012】" class="liinternal">用户的感觉才算数【人人都是产品经理：9012】 (4)</a></li>
<li><a href="http://iamsujie.com/0000/0017/" title="【0017】产品、做产品的人与用产品的人" class="liinternal">【0017】产品、做产品的人与用产品的人 (9)</a></li>
</ul>
<hr />
<b>看完了吧，请听题——说~iamsujie希望与你进一步勾搭，你应该：</b>
<br>
<a href="http://iamsujie.com/simple_life/story-from-psy-prof/#comments" title="跳出阅读器，参与讨论~~~" class="liinternal">A. 讨论其文章</a>；<a href="http://fusion.google.com/add?feedurl=http://iamsujie.com/feed/" title="iamsujie的产品设计：人人都是产品经理" target="_blank" class="liexternal">B. 订阅其博客</a>；<a href="http://t.sina.com.cn/iamsujie/" title="iamsujie的新浪围脖" target="_blank" class="liexternal">C. 偷窥其围脖</a>；<a href="http://douban.com/people/iamsujie/" title="iamsujie的豆瓣" target="_blank" class="liexternal">D. 围观其豆瓣</a>；<a href="http://s.click.taobao.com/t_9?p=mm_19834881_0_0&l=www.tmall.com" title="你觉得这个链接会到哪里呢" target="_blank" class="liexternal">E. 广告，危险勿点</a>
<hr /> </small> <img src="http://iamsujie.com/wp-content/plugins/feed-statistics.php?view=1&post_id=3084" width="1" height="1" style="display: none;" />
	拒绝答题的人，看到这些词你兴奋不，兴奋就快点呗：<a href="http://iamsujie.com/tag/%e5%ae%9a%e4%bd%8d/" title="定位" rel="tag">定位</a>, <a href="http://iamsujie.com/tag/%e5%bf%83%e7%90%86%e5%ad%a6/" title="心理学" rel="tag">心理学</a>, <a href="http://iamsujie.com/tag/%e7%94%a8%e6%88%b7/" title="用户" rel="tag">用户</a><img src="http://www1.feedsky.com/t1/669231482/iamsujie/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/iamsujie/~7395852/669231482/5505373/1/item.html" border="0" height="0" width="0" style="position:absolute" />]]>
</description>
<dc:creator>苏杰</dc:creator>
<pubDate>Sat, 25 Aug 2012 20:34:34 +0800</pubDate>
</item>
<item>
<title>CDC读书会月读推荐7月季</title>
<link>http://www.itfeed.cn/post.asp?id=10440</link>
<description>
<![CDATA[<p><a href="http://cdc.tencent.com/?p=5940" target="_blank"><img src="http://cdc.tencent.com/wp-content/uploads/2012/08/banner71.jpg"/></a></p><p>　　CDC有这样一群嗜书如命的孩子。他们经常会聚在一起分享最近偶得的精品书籍。不限于设计，不限于互联网，他们只是期待能借助书中的文字看到更广阔的世界。CDC读书会月读推荐，每月一期，为你传递墨水的味道。<span id="more-5940"></span></p>
<div>
<p> <img class="aligncenter size-full wp-image-5946" src="http://cdc.tencent.com/wp-content/uploads/2012/08/12.png" alt="" width="600" height="230" /></p>
<p>　　<a href="http://book.douban.com/subject/3287650/">http://book.douban.com/subject/3287650/</a><br />
　　在本书中，原研哉通过对“白”营造出的简洁和微妙概念寻找日本美学的源头，探寻隐藏在日本文化中的感觉资源。他从颜色、信息与生命、纸与文字、空、茶道、文化和文本等角度，试图描绘出什么是白。白既是所有颜色的合成，又是所有颜色的缺失，它让其他颜色从中逃离。避开颜色而言，它又变成了一种空的空间，既是无，也是一种无限潜能的空。文字能雀然于纸上，形成各种文化和思想，也是作为白的一种能量的反显。他带领我们寻找一种感受白的方式。有了这能力，我们才能真切意识到什么是“白”，才能开始理解什么是“极简”和“空”。</p>
<p>&nbsp;</p>
<p><img class="aligncenter size-full wp-image-5942" src="http://cdc.tencent.com/wp-content/uploads/2012/08/21.png" alt="" width="600" height="279" /> </p>
<p>　　<a href="http://book.douban.com/subject/4180711/">http://book.douban.com/subject/4180711/</a></p>
<p>　　是否曾有这样的经历，在开始一个项目之前，要东摸摸，西弄弄，看个网页读个笑话，恨不得再给家里做个大扫除，但总是不情愿静下心来写下第一段字。是你太懒惰么？逛起街来从没见你叫累呀？本书的作者在帮助拖延者摆脱陋习的过程中，发现“拖延”仅仅是一层表象，藏在深处的是对失败的恐惧、成功的拒绝以及对命令的抗拒等等心理问题。想摆脱这个老朋友么？读读这本书吧。</p>
<p>&nbsp;</p>
<p><img class="aligncenter size-full wp-image-5943" src="http://cdc.tencent.com/wp-content/uploads/2012/08/31.png" alt="" width="600" height="217" /></p>
<p>　　<a href="http://book.douban.com/subject/5287422/">http://book.douban.com/subject/5287422/</a></p>
<p>　　这是一本讲述色彩的基础书，对色彩的基本原理、对比与调和、生理与心理效应等做了翔实的分析。若你不是美术专业出生，却对色彩有强烈的兴趣，那就从这本《色彩构成》开始吧。它非常适合初学者，较为全面地了解色彩基础知识，整书用语非常通俗易懂。</p>
<p>&nbsp;</p>
<p><img class="aligncenter size-full wp-image-5944" src="http://cdc.tencent.com/wp-content/uploads/2012/08/41.png" alt="" width="600" height="245" /></p>
<p>　　<a href="http://book.douban.com/subject/1040466/">http://book.douban.com/subject/1040466/</a></p>
</div>
<div>　　美是什么？为什么美？拿这些问题去问那些挥毫泼墨的艺术家们，得到的答案时常是“我就感觉，这样，挺好的”。这样的回答，实在是让缺乏艺术细胞的我们难以领悟。朱光潜先生则在1932年，用既不深奥、也不草略的平实语言表述了他对美的分析感触。感谢先贤，愿用如此诚恳的心态为后备开启心智。 </div>
<p>(本文出自腾讯CDC博客: <a href="http://cdc.tencent.com/?p=5940" target="_blank">http://cdc.tencent.com/?p=5940</a>)</p>]]>
</description>
<dc:creator>腾讯CDC</dc:creator>
<pubDate>Fri, 24 Aug 2012 09:52:08 +0800</pubDate>
</item>
<item>
<title>浅析如何吸引用户注意力</title>
<link>http://www.itfeed.cn/post.asp?id=10406</link>
<description>
<![CDATA[<p><a href="http://ued.baidu.com/?attachment_id=2966" rel="attachment wp-att-2966"><img class="alignnone size-full wp-image-2966" title="1" src="http://bs.baidu.com/experience/%2F1345172193.jpg?sign=MBO:xSCczKp2MjuZ:O328yqTD3p9o0NHaWFW1yckfqJs%3D" alt="" /></a></p>
<p style="padding-left: 30px;" align="left">注意力是指人的心理活动指向和集中于某种事物的能力。通常我们在地铁上拿着手机刷微博，很可能关注不到这一站上来了多少乘客或者旁边的乘客在谈论的内容，甚至还有可能坐过站。我们操作电脑会打开N个窗口，我们在听着歌浏览某个新闻，同时也在关注来自QQ的消息。研究人员曾招募了一批大学生做测试，观察他们日常无任务状态操作电脑/电视时的举动。实验发现，人的注意力在27.5分钟内切换了120次，平均每分钟多于4次。其中年轻学生注意力在不同媒介之间切换更加频繁，注意的保持更短暂，仅维持2.3秒。</p>
<p>&nbsp;</p>
<p align="left">因此，如何在与用户的沟通过程中把握主动权？核心在于能不能将用户的注意力牢牢抓住，并且引导着他向我们设定的目标迈进。</p>
<p><span id="more-2963"></span></p>
<p>&nbsp;</p>
<h2 align="left"><span style="color: #000000;"><strong>那么我们在什么情况下需要吸引用户的注意力呢？</strong></span></h2>
<p>&nbsp;</p>
<h3><span style="color: #666666;"><strong>1. 有新消息送达</strong></span></h3>
<p align="left">例如我的手机接收到一条信息，会让我迅速的注意到并去阅读它。</p>
<p><a href="http://ued.baidu.com/?attachment_id=2982" rel="attachment wp-att-2982"><img class="alignnone size-full wp-image-2982" title="2" src="http://bs.baidu.com/experience/%2F1345173273.jpg?sign=MBO:xSCczKp2MjuZ:T0ARVh91bmqm0hfqf716JLMw7x0%3D" alt="" /></a></p>
<p>&nbsp;</p>
<h3><strong>2. 操作状态发生改变</strong></h3>
<p>最常见的QQ离线、上下线，以及好友上下线。</p>
<p><a href="http://ued.baidu.com/?attachment_id=2968" rel="attachment wp-att-2968"><img class="alignnone size-full wp-image-2968" title="3" src="http://bs.baidu.com/experience/%2F1345172194.jpg?sign=MBO:xSCczKp2MjuZ:UTX2oaYP0wWRBP5wzQMAjbBPeDk%3D" alt="" /></a></p>
<p>&nbsp;</p>
<h3><span style="color: #666666;"><strong>3. 提醒</strong></span></h3>
<p align="left">我的笔记本电量可能不够了。 <a href="http://ued.baidu.com/?attachment_id=2969" rel="attachment wp-att-2969"><img class="alignnone size-full wp-image-2969" title="4" src="http://bs.baidu.com/experience/%2F1345172195.jpg?sign=MBO:xSCczKp2MjuZ:8YX2lrSVyMOkYK9iAj7LKDzwlJc%3D" alt="" /></a></p>
<p>&nbsp;</p>
<p align="left">开车导航的时候，导航提示我需要拐弯。</p>
<p><a href="http://ued.baidu.com/?attachment_id=2970" rel="attachment wp-att-2970"><img class="alignnone size-full wp-image-2970" title="5" src="http://bs.baidu.com/experience/%2F1345172196.jpg?sign=MBO:xSCczKp2MjuZ:TvvBfK4vjxL4R%2Bb9P5W2O6NXMRg%3D" alt="" /></a></p>
<p>&nbsp;</p>
<h3 align="left"><span style="color: #666666;"><strong>4. 错误</strong></span></h3>
<p align="left">当有错误发生时，设计人员希望用户关注到这些信息的错误提示。 <a href="http://ued.baidu.com/?attachment_id=2971" rel="attachment wp-att-2971"><img class="alignnone size-full wp-image-2971" title="6" src="http://bs.baidu.com/experience/%2F1345172197.jpg?sign=MBO:xSCczKp2MjuZ:30XW9ojwqMe2MN7KcLLtx6uH%2FKA%3D" alt="" /></a></p>
<p>&nbsp;</p>
<h3 align="left"><span style="color: #666666;"><strong>5. 帮助用户快速定位到有用信息</strong></span></h3>
<p align="left">搜索某关键字时，搜索结果页中，所有出现该关键词的地方都标红显示。这样就能使用户更加容易地发现和查看到关键字所在位置。<a href="http://ued.baidu.com/?attachment_id=2972" rel="attachment wp-att-2972"><img class="alignnone size-full wp-image-2972" title="7" src="http://bs.baidu.com/experience/%2F1345172198.jpg?sign=MBO:xSCczKp2MjuZ:%2BrjS6oYmdOYfhy9kD%2FI7yRbhSAo%3D" alt="" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2 align="left"><span style="color: #000000;"><strong>怎么吸引用户注意力呢？</strong></span></h2>
<p align="left">目前视觉还是主流的应用，即通知在屏幕上显示各种信息。听觉的方式，在某些地方可以为视觉做一些补充。而在手机端、PAD端这些设备上，还可以结合振动的方式来吸引注意力。</p>
<p>&nbsp;</p>
<h3 align="left"><span style="color: #666666;"><strong>1. 颜色</strong></span></h3>
<p align="left">颜色上的区分，是对人体视觉感观上最直接的刺激，它可以快速的引起用户的注意。创造出有效的视觉差异，可以让用户分辨出各种元素间的异同。在生活领域中颜色具有的特殊意义，是我们可以加以利用的。例如利用链接色进行区分。 <a href="http://ued.baidu.com/?attachment_id=2989" rel="attachment wp-att-2989"><img class="alignnone size-full wp-image-2989" title="8" src="http://bs.baidu.com/experience/%2F1345173724.jpg?sign=MBO:xSCczKp2MjuZ:6V62IJiKUILlaz%2BzBKpq16%2F0Gjc%3D" alt="" /></a></p>
<p align="left">警告提醒采用警示性颜色 <a href="http://ued.baidu.com/?attachment_id=2974" rel="attachment wp-att-2974"><img class="alignnone size-full wp-image-2974" title="9" src="http://bs.baidu.com/experience/%2F1345172199.jpg?sign=MBO:xSCczKp2MjuZ:Ri7Ccs%2B62uQPyPuCem1bcAMQVe8%3D" alt="" /></a></p>
<p>&nbsp;</p>
<p align="left"> 颜色突变的警示<a href="http://ued.baidu.com/?attachment_id=2975" rel="attachment wp-att-2975"><img class="alignnone size-full wp-image-2975" title="10" src="http://bs.baidu.com/experience/%2F1345172200.jpg?sign=MBO:xSCczKp2MjuZ:Ny3aDP7N9tEhfrap4Hw4Vf1BJ0s%3D" alt="" /></a></p>
<p>&nbsp;</p>
<h3 align="left"><span style="color: #666666;"><strong>2. 字体</strong></span></h3>
<p align="left">对于文字内容来说，采用不同字体也是一种突出表现的方式。运用的最多的比如加粗。</p>
<p align="left">在处理邮件时，未查看的邮件会加粗表示。 <a href="http://ued.baidu.com/?attachment_id=2976" rel="attachment wp-att-2976"><img class="alignnone size-full wp-image-2976" title="11" src="http://bs.baidu.com/experience/%2F1345172201.jpg?sign=MBO:xSCczKp2MjuZ:9lMHEQ03RVHeqpwgRcwAA%2FA3tHY%3D" alt="" /></a></p>
<p>&nbsp;</p>
<h3 align="left"><span style="color: #666666;"><strong>3. 闪烁</strong></span></h3>
<p align="left">日常生活中不乏闪烁的例子，如汽车的转向灯、警告双闪灯；一个交通信号灯快结束时，也是通过闪烁的提醒方式；IPHONE锁屏密码第二次输入错误时，错误提示会闪烁。 <a href="http://ued.baidu.com/?attachment_id=2994" rel="attachment wp-att-2994"><img class="alignnone size-full wp-image-2994" title="12" src="http://bs.baidu.com/experience/%2F1345173817.jpg?sign=MBO:xSCczKp2MjuZ:dc1yAN5DXc2K1s4nqtnYWjPwYZo%3D" alt="" /></a></p>
<p>&nbsp;</p>
<p><span style="color: #666666;"><strong>4. 声音</strong></span></p>
<p align="left">声音是对视觉的补充，在视觉方面不能有效的吸引用户时，或者没有办法看到视觉信息，需要通过听觉的刺激来吸引用户。例如门铃，手机来电等。</p>
<p align="left"> 在声音的设计方面有一个案例：设计者采用灌热水瓶的声音，设计盲人听觉进度条。 <a href="http://ued.baidu.com/?attachment_id=2978" rel="attachment wp-att-2978"><img class="alignnone size-full wp-image-2978" title="13" src="http://bs.baidu.com/experience/%2F1345172202.jpg?sign=MBO:xSCczKp2MjuZ:8Z41%2Ft4pRmjOFTvBVbpfWLXfVRc%3D" alt="" /></a></p>
<p>&nbsp;</p>
<h3 align="left"><span style="color: #666666;"><strong>5. 振动</strong></span></h3>
<p align="left">开车的人都有过这种体验，很多地方都采取了这种振荡性双黄线的方式。当驾驶的车辆碾压到双黄线时，车子就会明显感觉到振动，从而提醒驾驶员注意。现在很多高端车型上装配的车道偏移自动提醒装置，当检测到车辆在未打转向灯的前提下偏离了正常行驶的车道时候，也是通过振动方向盘来提醒驾驶员注意，并自动修正方向。 <a href="http://ued.baidu.com/?attachment_id=2979" rel="attachment wp-att-2979"><img class="alignnone size-full wp-image-2979" title="14" src="http://bs.baidu.com/experience/%2F1345172204.jpg?sign=MBO:xSCczKp2MjuZ:fphwjn5yHfe73U0HijQjyI203Dc%3D" alt="" /></a></p>
<p>&nbsp;</p>
<h2><span style="color: #000000;"><strong>小结：</strong></span></h2>
<p>从论坛博客到现在的微博，用户的对信息的忍耐力越来越差。抓住用户的注意力便成了最宝贵的财富。不管是视觉、听觉还是触觉其实说到底都是通过感观的反差来刺激用户。</p>
<p>但是值得我们注意的是：设计者要把握好这个刺激的度，不要在同一时间同一界面上呈现出多个的注意焦点，那样会造成狂欢节的效果。多余的视觉元素会分散用户的注意力，反而会变成视觉噪声，其效果当然也就会大打折扣。</p>
]]>
</description>
<dc:creator>百度UED</dc:creator>
<pubDate>Mon, 20 Aug 2012 10:44:44 +0800</pubDate>
</item>
<item>
<title>以用户视角出发的表单之旅</title>
<link>http://www.itfeed.cn/post.asp?id=10401</link>
<description>
<![CDATA[<p><img class="alignnone size-full wp-image-1112" title="BANNER1_03" src="http://www.aliued.com/wp-content/uploads/2012/08/BANNER1_03.jpg" alt="" width="730" height="250" /></p>
<p>用户使用发布表单，就像是一次旅行。旅行的目的是否能达到？过程是否让人满意？这些都决定了用户会否再来这里。<span id="more-1072"></span></p>
<p><img class="alignnone size-full wp-image-1088" title="图01" src="http://www.aliued.com/wp-content/uploads/2012/08/图01.jpg" alt="" width="730" height="378" /></p>
<h4><strong><strong>一、那么为什么要以用户的视角呢？</strong></strong></h4>
<p>作为设计师，你是否遇到过这种情况：</p>
<p>·  我们额外加一个填写项，用来收集用户信息吧；<br />
·  我们的表单之所以复杂，是因为我们希望用户多填写内容，这些内容都是有用是；<br />
·  我们的表单应该在这最重要的一步出现，这样就能让更多的用户看到它…….</p>
<p>作为用户填表单时，你是否这样想？</p>
<p>·  我们填写表单只是为了达到我想要的目的，才不是为了你们收集信息；<br />
·  如果可以，我希望填写更少的信息或者不用填写表单，来达到同样的目的；<br />
·  在我想做A事情的时候，我根本不想看到B表单…….</p>
<p>以上的情境可能有些夸张，但是不可否认的是，有时候我们做表单设计的时候，并没有从用户的角度出发，看他们想要的是什么，而是从我们所在的产品端的角度，让用户去做我们想要他们做的事情。</p>
<h4><strong>二、如何以用户视角看post表单？</strong></h4>
<p>现在我们把之前的旅行的步骤放到post表单设计中，我们可以得到如下思路：</p>
<p><img class="alignnone size-full wp-image-1089" title="图02" src="http://www.aliued.com/wp-content/uploads/2012/08/图02.jpg" alt="" width="692" height="458" /></p>
<p>从中我们可以发现，似乎发布前和发布后这两个流程，比较容易被忽略。而过程中的设计点具体应该如何做呢？作为用户出发看看吧。</p>
<h4><strong>三、作为用户出发看表单</strong></h4>
<p>思路已经有了，那让我们作为用户出发探索一下post表单吧。</p>
<p><strong>发布前：</strong></p>
<p>作为用户，我会抱着一定目的，来找我需要的工具——post表单。</p>
<p><strong>首先，我要从哪进入表单？</strong></p>
<p>这个问题是针对用户在什么样的情境下会被引导到post表单，看下这个例子吧：</p>
<p><img class="size-full wp-image-1105 alignnone" src="http://www.aliued.com/wp-content/uploads/2012/08/图一.jpg" alt="" width="641" height="228" /></p>
<p>上图的post表单安排在你对网站有个基本认识，并且有意愿联系后出现，而且这样的从属关系让人很容易接受。</p>
<p><img class="alignnone size-full wp-image-1091" title="图二" src="http://www.aliued.com/wp-content/uploads/2012/08/图二.jpg" alt="" width="543" height="419" /></p>
<p>上图中的post入口都安排在账号相关的区域，而不是业务相关的区域，没有足够的理由说服用户从此来发布。</p>
<p><strong>然后，它跟我的目的是否相符？</strong></p>
<p>表单的开头应该向用户清楚的传达，该表单是做什么的，是否符合用户的期望，如果不，那么用户应该去哪？</p>
<p><img class="alignnone size-full wp-image-1095" title="图三" src="http://www.aliued.com/wp-content/uploads/2012/08/图三.jpg" alt="" width="558" height="245" /></p>
<p>上图的表单很清晰的向用户传达了目的，并提供了快速逃离出口。</p>
<p><img class="alignnone size-full wp-image-1103" title="图四" src="http://www.aliued.com/wp-content/uploads/2012/08/图四.jpg" alt="" width="730" height="241" /></p>
<p>图四中一些简要的介绍，会让用户对表单有个大致的认识，对复杂的信息有个心里准备，并且更能确认自己的目的。</p>
<p><strong> </strong></p>
<p><img class="alignnone size-full wp-image-1104" title="图五" src="http://www.aliued.com/wp-content/uploads/2012/08/图五.jpg" alt="" width="730" height="201" /></p>
<p>而上图个页面，用户一进来印入眼帘的是长篇的规则介绍和各种功能入口，破坏了之前的引导传达给用户的印象，作为新用户的话，很难确认这里就是自己要找的地方。</p>
<p><strong>发布中：</strong></p>
<p>填写表单本身就是一件枯燥的事情，我希望能尽可能减少填写时的痛苦。</p>
<p><strong>第一步，进入表单后，我希望看见干净简洁的页面。（整体感受）</strong></p>
<p>这点虽然不能用数据量化，但是对用户的影响却不容忽视。</p>
<p><img class="alignnone size-full wp-image-1093" title="图六" src="http://www.aliued.com/wp-content/uploads/2012/08/图六.jpg" alt="" width="685" height="509" /></p>
<p><img class="alignnone size-full wp-image-1094" title="图七" src="http://www.aliued.com/wp-content/uploads/2012/08/图七.jpg" alt="" width="730" height="665" /></p>
<p>上图是改版前后的对比，能很明显的对比出页面的清爽与否，而且在数据上，改版后的也有较为明显的提升。</p>
<p><strong>第二步，填写表单前，我希望较长的表单能够分步骤展现（填写方式） </strong></p>
<p>较长的表单比较容易吓跑用户，而清楚的步骤能够激励用户的填写欲望。但是使用进度条的时候应该注意，是否能起到作用。</p>
<p>下图的表单，把填写信息单独作为一个步骤，用户大部分时间都花在了第二步，其实并没有起到多少简化表单的作用。</p>
<p><img class="alignnone size-full wp-image-1110" title="图八" src="http://www.aliued.com/wp-content/uploads/2012/08/图八1.jpg" alt="" width="493" height="172" /></p>
<p><strong>第三步，开始填写时，我希望填写的内容一目了然（信息布局）</strong></p>
<p>填写表单时，最好让用户自己知道怎么填，所以信息的布局是否一目了然很重要。这一点主要从一下几个方面体现：</p>
<p>1）信息分类</p>
<p>2）信息排布的顺序</p>
<p>3）优先级的区分</p>
<p><img class="alignnone size-full wp-image-1092" title="图九" src="http://www.aliued.com/wp-content/uploads/2012/08/图九.jpg" alt="" width="730" height="439" /></p>
<p>很清楚的传达给用户：基本信息与详细信息的区别；必填与非必填的区别；</p>
<p>再看下面这个例子：产品属性与产品名称等信息没有区分开，而且顺序与优先级也不对，造成用户困扰。</p>
<p><img class="alignnone size-full wp-image-1096" title="图十" src="http://www.aliued.com/wp-content/uploads/2012/08/图十.jpg" alt="" width="567" height="423" /></p>
<p><strong>第四步，填写过程中，我希望尽量避免不必要的问题（内容）</strong></p>
<p>从商业的角度来看，当然是用户填的越多越好，但对于用户来说，填写表单只是为了达到他的目的，如果能达到同样的效果，当然是填的越少越好。</p>
<p><img class="alignnone size-full wp-image-1102" title="图十一" src="http://www.aliued.com/wp-content/uploads/2012/08/图十一.jpg" alt="" width="586" height="508" /></p>
<p><img class="alignnone size-full wp-image-1097" title="图十二" src="http://www.aliued.com/wp-content/uploads/2012/08/图十二.jpg" alt="" width="358" height="269" /></p>
<p>以上的例子很好的说明了什么是让用户达到目的的最基本填写。其实上图中的公司信息，注册完成以后有专门的流程让用户填写，没有必要一定要放在注册流程。</p>
<p><strong>第五步，填写时以及填写完，我需要友好的提示和反馈。（引导）</strong></p>
<p>这一点对于用户是否能完成表单填写非常重要。比如说，很多表单以对话的形式与用户交流，以人性化的对话代替机械的告知，会给用户的心理带来些许安慰。</p>
<p><img class="alignnone size-full wp-image-1099" title="图十三" src="http://www.aliued.com/wp-content/uploads/2012/08/图十三.jpg" alt="" width="685" height="396" /></p>
<p>反馈传达出的是“请去做”的意思</p>
<p><img class="alignnone size-full wp-image-1100" title="图十四" src="http://www.aliued.com/wp-content/uploads/2012/08/图十四.jpg" alt="" width="717" height="189" /></p>
<p>反馈传达出的是“错误”的意思</p>
<p>如果你是用户，看到这两种反馈，你的感受会有什么样的区别呢？</p>
<p><strong>发</strong><strong>布后：</strong></p>
<p><strong>我想看下我发布的东西是否有问题，有问题的话应该怎么办？</strong></p>
<p><img class="alignnone size-full wp-image-1101" title="图十五" src="http://www.aliued.com/wp-content/uploads/2012/08/图十五.jpg" alt="" width="599" height="178" /></p>
<p><img class="alignnone size-full wp-image-1098" title="图十六" src="http://www.aliued.com/wp-content/uploads/2012/08/图十六.jpg" alt="" width="640" height="215" /></p>
<p>现有的表单是无法在发布后给用户展示效果的，而且发布后直接进入审核，审核结束之前用户是无法修改的，这让很多用户头疼。而且发布后的体验，直接关系到下一次的发布。</p>
<h4><strong> 四、总结</strong></h4>
<p>在作为用户体验了很多优秀的表单设计后，我发现他们的优秀都是有迹可循的：</p>
<p>· 简单明了，让用户很快明白是做什么的<br />
· 能比较顺利的让用户达到目的<br />
· 友好亲切，让人不忍离开<br />
· 不过度强制，不会产生负担<br />
· 最好还能有趣点</p>
<p><strong> </strong><strong>但是，换一个思路：</strong>达到的目的一样的话， 能否不用表单的形式呢？</p>
<p>这或许给我们的设计带来一些启示，其实达到目的的手段有很多种，让用户填写表单只是其中一种，我们设计的时候，可以多发散思路，多为用户着想，或许能发现比表单能快捷有效的方式。</p>
]]>
</description>
<dc:creator>AlibabaUED(国际)</dc:creator>
<pubDate>Sat, 18 Aug 2012 16:45:23 +0800</pubDate>
</item>
<item>
<title>Q2季度总结与表彰大会</title>
<link>http://www.itfeed.cn/post.asp?id=10396</link>
<description>
<![CDATA[<div class="cut-pic"><img src="http://uxc.360.cn/wp-content/uploads/2012/08/q2-top.jpg" alt="Q2表彰与总结" title="Q2表彰与总结" class="alignnone big-img" width="715" height="198" /></div>下午，我们买了各种零食和水果，开始茶话座谈会啦，很多吃货已经提前开吃啦^^这次会议的主题是UXC同学Q2季度的表彰与总结。首先，我们对这三个月的核心产品进行了回顾，分析了目前存在的一些问题，包括:工作方式与流程、交互设计、设计成本以及团队管理等方面，并针对每个问题提出了解决建议]]>
</description>
<dc:creator>360UXC</dc:creator>
<pubDate>Fri, 17 Aug 2012 13:01:39 +0800</pubDate>
</item>
<item>
<title>企业用研二三事</title>
<link>http://www.itfeed.cn/post.asp?id=10390</link>
<description>
<![CDATA[<p><a href="http://cdc.tencent.com/?p=5913" target="_blank"><img src="http://cdc.tencent.com/wp-content/uploads/2012/08/banner2.jpg"/></a></p><p align="left">　　互联网产品层出不穷，不同于大多数个人产品，企业产品的直接使用者为企业用户。企业用户要比个人用户复杂得多，有着相当大的区别。除了个人因素外，还有环境、组织、个体间等影响因素。对应地，在做企业产品的用户研究工作时，我们需要针对企业用户的特殊性和复杂性来进行相应的规划和执行。目前我主要从事企业产品的用户研究工作，之前也从事过一段时间的个人产品用户研究工作，对企业用研和个人用研的差异小有感受。本文以我所负责的一款企业产品为例，结合个人经验，对企业用户的特点以及企业用研的关注点做一个简单的分析和总结，希望和大家一起交流。<span id="more-5913"></span></p>
<p align="left"> </p>
<p align="left"><strong>企业行业背景和业务流程</strong></p>
<p align="left">　　我们的产品功能与企业用户的业务场景有紧密关系，行业背景和业务流程是我们在做企业用研时首先需要考虑的。</p>
<p align="left">　　企业是组织，它是有行业背景的，是存在于大环境下的。正所谓我们常说的“隔行如隔山”，不同的行业有着截然不同的情况。行业决定着企业的业务模式，进而影响着企业的组织架构、企业推广、内外部沟通和客户管理等，也就直接影响到对产品的使用。比如影楼工作室和货运服务基本上就是两个完全不同的行业。</p>
<p align="left">　　在我们的产品中，我们将我们的企业用户划分为18个一级行业，在每个一级行业下面再相应地划分若干二级行业。这样就把我们的用户进行了初步的行业细分。行业细分对我们在做研究时定位和理解目标用户很有帮助。</p>
<p align="left">　　然而产品覆盖的行业较多，团队成员要深入理解目标用户可能还是会有困难。单从行业上考虑，产品架构可能很难承载实际用户的需求。与除了行业背景，我们还需要考察企业业务流程，可以从中抽取不同行业在业务流程上的共通点，抽取与产品需求相关的典型特征，以此将不同行业的企业归归类。和个人产品一样，为定义好产品的目标用户，我们也曾对我们的产品创建了用户画像。当然业务流程只是其中一个主要的关键因素，分类过程这里就不详细叙述。搞清楚典型企业之后，我们可以根据典型企业的目标、行为、关注点和具体需求，为产品设计提供参考。</p>
<p align="left"><img class="aligncenter size-full wp-image-5916" src="http://cdc.tencent.com/wp-content/uploads/2012/08/1.jpg" alt="" width="720" height="276" /></p>
<p><strong>企业生命周期和组织架构的影响</strong></p>
<p align="left">　　伊查克·爱迪思（IchakAdizes）提出了企业生命周期理论，企业的发展大致有创业期、成熟期和衰退期三个阶段。不同阶段的企业，其组织形态、关注点、管理方式等都会有所不同，对产品的需求侧重点可能也会有所不同。简单来说：创业期的企业，企业规模较小，处于客户积累阶段，企业文化尚未成型，较为关注引流；而成熟期的企业，客户资源相对稳定，可能已有一定的规模，内部管理需求增长。在思考调研结果对产品的参考价值时，我们需要把这些联系起来考虑。</p>
<p align="left">　　当企业有一定规模之后，会通过组织架构来进行专业分工。不同部门之间，业务和服务范围是独立的，但同时又有紧密合作。因此，企业产品既要考虑部门权限的设定，又要考虑部门间、员工间的交叉。例如针对广告印刷公司（组织架构大致如下图），我们需要考虑与产品相关的业务流程上的传递，从咨询-接单-设计-生产-结算-出货，同一个客户需要联系企业内不同部门的人员。另外，从管理者角度，为保证企业的总体利益，我们还需要考虑统一管理的问题，如考虑员工的请假、转岗、离职等特殊情况下与产品相关的问题处理。</p>
<p align="left"><img class="aligncenter size-full wp-image-5917" src="http://cdc.tencent.com/wp-content/uploads/2012/08/21.jpg" alt="" width="720" height="220" /></p>
<p align="left"><strong>企业产品使用角色多样性</strong></p>
<p align="left">　　不同于个人产品的用户单一性，对于企业产品，每家企业的使用者可能是多个且角色多样。在一个企业中，企业产品它所需要面向的使用对象可能从普通员工到企业高层，覆盖业务部门、技术部门、行政人事部门等等。每个人基于工作的使用场景不一样，对产品的需求可能也大相径庭。比如在客户管理方面，销售人员因业绩影响不会和他人共享客户资源，而客服人员需要共享所有客户。另外，由于企业本身的差异，即使是同一行业、同一类型的企业、同一名称的角色，工作内容可能也有不同，对产品的使用和需求可能也就有所差异，比如同样称作客服，有的只负责售前咨询，有的还负责跟进售后质量。因此，在调研中，这个用户在企业中是什么角色、是什么岗位的、具体工作中要做些什么，也是我们需要收集的信息。</p>
<p align="left">　　撇开具体的业务，老板\管理者和普通员工是在各个企业中都有的两类角色。他们有着不同的关注点，我们需要区分对待。管理者有时并非为产品的直接使用者，作为利益相关者，他们通常都是从公司的整体利益出发。他们更关注产品是否能给公司业务带来帮助，是否能有效管理客户，是否能协助进行内部管理等。普通员工可能更关注产品的具体使用，有没有使用更便捷了，有没有帮助他们更好地完成手头上的工作，有没有提高他们的工作效率。</p>
<p align="left"><img class="aligncenter size-full wp-image-5918" src="http://cdc.tencent.com/wp-content/uploads/2012/08/3.jpg" alt="" width="720" height="100" /></p>
<p align="left">　　因此，在企业用研中，我们需要针对不同的调研目的，来调研不同的对象。当我们的调研目的是为产品大方向和产品需求的决策提供参考时，我们应该调研对企业总体情况了如指掌且有关键决策权的管理者；当我们的调研目的是了解产品具体的可用性问题时，我们应该把调研对象转向实际使用产品的普通员工。当然，这里说的并非是绝对的，也并不是说在一次调研中要完全将这两类割裂开。管理者有时也是产品的实际使用者，普通员工可能对产品也有自己独到的见解，具体要视调研背景和目的而定。通常一次调研中，我们既会关注管理者，也会关注普通员工，调研时把握好各自的重点就好。</p>
<p align="left">　　在我们以往的调研经验中，管理者对互联网新技术的关注程度会影响到他对产品的理解和总体评价，员工的年龄、学历、互联网经验等会影响到对产品的实际使用，这就和我们在个人产品的用户研究中关注的差不多了。</p>
<p align="left">　　另外，有些企业产品本身需要有管理员，来分配产品使用权限等。这里的管理员有时不一定是有决策权的管理者，产品管理员对产品的使用和其余普通员工又有所不同，用研时也需要注意区分。</p>
<p align="left">　　企业与合作伙伴、与客户的关系会直接影响到企业的赢利。对于一款沟通类的企业产品而言，企业的合作伙伴或客户在另一侧使用产品时的体验，也会大大影响到企业用户对产品的评价。因此，对产品另一侧的使用者的调研，也是我们企业用研的一个方向。</p>
<p align="left"><img src="http://cdc.tencent.com/wp-content/uploads/2012/08/4.jpg" alt="" width="720" height="230" /></p>
<p align="left"><strong>企业管理风格</strong></p>
<p align="left">　　管理风格会影响到企业的决策，包括购买决策、续费决策等。从我们的调研经验来看，我们的企业用户主要可以分两种管理风格：管理者导向的封闭型风格和员工参与式的开放型风格。当然这是基于经验的简单分类，在组织购买行为理论（Organizational Buying Behavior, OBB）里有对企业决策详细的阐释，在这里就不赘述了。在管理者导向的封闭型管理风格的企业里，我们可以看到，几乎一切都是管理者说了算。管理者说必须得统一使用某产品，员工就必须使用，不管员工的意愿如何。管理者本身对产品的满意度基本上决定着产品的购买决策、续费决策等。相反，在员工参与式的开放型企业中，员工对产品的使用体验会很大程度上影响管理者对产品的评价。管理者在作购买决策之前，会仔细考虑员工对产品的使用反馈。因此，我们在尝试搭建企业产品的用户满意度模型时，也特别纳入了管理风格的影响。</p>
<p align="left"><img class="aligncenter size-full wp-image-5920" src="http://cdc.tencent.com/wp-content/uploads/2012/08/5.jpg" alt="" width="720" height="100" /></p>
<p align="left"><strong>企业用研常用方法概述</strong></p>
<p>　　基于以上这些企业产品的复杂性和特殊性，企业用研的常用方法和个人产品稍有差异。企业用户的使用场景基于业务，背景复杂、角色多样、使用工具特殊（如企业自有后台系统）等，导致无法在可用性实验室中切实地模拟出来。因此，实地调研（入户调研）是我们企业产品用研的常用方法。通过入户调研，我们可以一次收集企业内不同角色的大量资料，并可以切实观察到办公环境、使用的设备、员工的实际工作内容等。这些可以帮助我们快速了解企业，有效地理解用户对产品各功能的使用情况和需求情况。对于不方便入户的用户，我们可以采用电话访谈的方式。</p>
<p>　　企业产品依靠第三方经销商来售卖，在售出时会登记企业资料和联系人信息。在招募方面，除了中介招募外，我们也还会利用经销商的销售资源，特别是进行潜在用户调研时。针对已有用户，我们还经常会自己进行电话招募。在调研对象方面，除了上述已提到的需要区分企业不同角色外，对于企业产品来说，经销商本身也是我们非常重要的调研对象。</p>
<p><img class="aligncenter size-full wp-image-5921" src="http://cdc.tencent.com/wp-content/uploads/2012/08/6.jpg" alt="" width="720" height="220" /></p>
<p align="left">　　说了这么多，简单小结下。企业用研的对象相对复杂，因此我们用户研究人员在调研方法和调研内容上需要“因地制宜”。我们不仅要从用户心理层面和认知层面出发，还要多一些商业角度和组织角度的思考。当然，调研时的一些基本技巧（如访谈和可用性测试）和个人用研还是一致的。对于企业用研，我们也还在项目研究中不断进行摸索，撰以此文进行小结，希望能和大家一起探讨交流。</p>
<p align="left"> </p>
<p>(本文出自腾讯CDC博客: <a href="http://cdc.tencent.com/?p=5913" target="_blank">http://cdc.tencent.com/?p=5913</a>)</p>]]>
</description>
<dc:creator>腾讯CDC</dc:creator>
<pubDate>Fri, 17 Aug 2012 11:41:31 +0800</pubDate>
</item>
<item>
<title>你好，对话框</title>
<link>http://www.itfeed.cn/post.asp?id=10358</link>
<description>
<![CDATA[<p><a href="http://cdc.tencent.com/?p=5899" target="_blank"><img src="http://cdc.tencent.com/wp-content/uploads/2012/08/banner1.jpg"/></a></p><p>　　“怎么了？”除非你对某类对话框已司空见惯，否则遇到，第一反应往往是这样的？这种体验就像你明明急着去赶车，途中却不断被拦住塞传单一样。不能否认，它是一种打断，有时甚至会成为打扰。做为设计师，虽知“打断”暂不能杜绝，但不使之变为“打扰”，却是我们该努力做到的：<span id="more-5899"></span></p>
<p><span style="color: #ff6600;font-size: large"><strong>① </strong><strong>多次打断=打扰</strong></span></p>
<p>　　隔一个小时打断你一下，你或者还可以忍受。若是1分钟内好几次打断你，想起来就抓狂吧？这也是Chrome为什么在判断此网页多次出现对话框“打断“用户后，出现这么一个”禁止此页再显示对话框“的选项。</p>
<p> <img class="aligncenter size-full wp-image-5900" src="http://cdc.tencent.com/wp-content/uploads/2012/08/image001.jpg" alt="" width="375" height="174" /></p>
<p>　　把握住一个原则：能不用对话框就尽量不要对话框。除非以下两种情况：</p>
<p><span style="color: #008000"><strong>　　A.</strong><strong>某个操作是具有很大风险的，或者不可逆的。</strong></span></p>
<p>　　下面请你用此原则做判断，此对话框的出现是否合理：</p>
<p>　　在win7系统下，每删除一个文件都会出一个对话框请我确认是否删除</p>
<p> <img class="aligncenter size-full wp-image-5901" src="http://cdc.tencent.com/wp-content/uploads/2012/08/image002.jpg" alt="" width="507" height="239" /></p>
<p>　　（提示：一般的删除真的是不可逆吗？windows还有个回收站，从回收站找回又会费很大成本吗？）</p>
<p><span style="color: #008000"><strong>　　B.无法预先避免，一定需用户确认的。</strong></span></p>
<p>　　下面请你用此原则做判断，此对话框的出现是否合理：</p>
<p>　　活动已经结束，“投票“仍呈可点态，点击后对话框告知我一切都结束了</p>
<p><img class="aligncenter size-full wp-image-5902" src="http://cdc.tencent.com/wp-content/uploads/2012/08/image003.jpg" alt="" width="560" height="288" /></p>
<p>&nbsp;</p>
<p>　　概括一下，在准备设计一个对话框之前，请“<strong>三</strong>”思，打断真的有必要吗，值得吗：</p>
<p><img class="aligncenter size-full wp-image-5903" src="http://cdc.tencent.com/wp-content/uploads/2012/08/image004.jpg" alt="" width="401" height="147" /></p>
<p>&nbsp;</p>
<p><span style="color: #ff6600;font-size: large"><strong>②   </strong><strong>表意不清=打扰</strong></span></p>
<p><span style="color: #008000"><strong>　　A.问“是/否”还是“确定/取消”</strong></span></p>
<p>　　先温习下语文：</p>
<p> <img class="aligncenter size-full wp-image-5904" src="http://cdc.tencent.com/wp-content/uploads/2012/08/image005.jpg" alt="" width="543" height="154" /></p>
<p>　　那么再回到我们的对话框：</p>
<p><strong>　　情景1：</strong>用户点击了退出，为了避免用户是误操作，你再询问用户真的要退出，此时是用“是/否”还是“确定/取消”好？</p>
<p> <img class="aligncenter size-full wp-image-5905" src="http://cdc.tencent.com/wp-content/uploads/2012/08/image006.jpg" alt="" width="442" height="242" /></p>
<p><strong>　　建议：</strong></p>
<p>　　既然是点了“退出”，真想退出的概率还是远多过误操作的概率，那么，这里面就是有一个很强的“是的，我要退出”的前提在。</p>
<p>　　如果你接着出对话框问“你是否要退出？”用户可能会莫名其妙，我都点了“退出”了，你还在问我是否，我不已经选择了吗？</p>
<p>　　而用“你确定要退出？”就能给用户一个讯号，我们知道他选择了退出，这里只是一个再确认。</p>
<p><strong> </strong></p>
<p><strong>　　情景2：</strong>Chrome浏览器有一个功能，当你第一次打开一个外文站点，他要出一个对话框询问你的意见要不要翻译。这个时候该用“是否”来询问还是“确定”呢？</p>
<p><strong>　　建议：</strong></p>
<p>　　既然是第一次打开，我们无法判断用户是希望翻译还是不希望：现在英文普及度高，有些用户可能就是喜欢读原汁原味的，有些则希望看翻译领会大致意思即可。即便是同一个人，在不同时段，有时会希望看翻译后的网站，有时则会希望看原始网站。</p>
<p>　　不能揣测出用户的意思的时候，这里显然要用“是否”来做询问。这也是chrome现在的做法：</p>
<p><img class="aligncenter size-full wp-image-5906" src="http://cdc.tencent.com/wp-content/uploads/2012/08/image007.jpg" alt="" width="590" height="176" /> </p>
<p>&nbsp;</p>
<p><span style="color: #008000"><strong>　　B.所答该所问</strong></span></p>
<p> <img class="aligncenter size-full wp-image-5907" src="http://cdc.tencent.com/wp-content/uploads/2012/08/image008.jpg" alt="" width="670" height="208" /></p>
<p>　　看到这里，你或者会有疑问，之前举的Chrome的例子，问“是否需要翻译？”答的是“翻译/否”啊，压根没出现“是”啊。请接着往下看…</p>
<p>&nbsp;</p>
<p><span style="color: #008000"><strong>　　C.</strong><strong>能否即不是“是/否”也不是“确定/取消”</strong></span></p>
<p> <img class="aligncenter size-full wp-image-5908" src="http://cdc.tencent.com/wp-content/uploads/2012/08/image009.jpg" alt="" width="706" height="225" /></p>
<p>　　看来用明确的动词好像是好于“确定”的？</p>
<p><strong>　　也不全是，</strong>当你在问题中提到的点很希望得到用户的注意，或者是这个操作不是几个字就能说清，需要在问题中详细描述时。此时用“确定”会更合适。</p>
<p>　　即在有些时候（上面已分析）：</p>
<p>　　“是/否”也可演变为“某具体动词/否”；</p>
<p>　　“确定/取消”也可演变为“某具体动词/取消”的组合。</p>
<p>&nbsp;</p>
<p><span style="color: #008000"><strong>　　D.一定要用“是否”或“确定”做设问吗？</strong></span></p>
<p><strong>　　情景：</strong>用户读连载小说，连续阅读直到一需付费的章节，出现一对话框，提示你需要花30Q点购买才可以阅读，你会用下面的哪个对话框？</p>
<p><img class="aligncenter size-full wp-image-5909" src="http://cdc.tencent.com/wp-content/uploads/2012/08/image010.jpg" alt="" width="659" height="198" /></p>
<p><strong>　　对话框2，“购买此章”的button也起到了引导作用，又直观。可没用“确定”购买的问句，也没用“确定”的button，会有问题不？</strong></p>
<p>　　可用性上看，没有问题。</p>
<p><strong>　　那这里用对话框1和对话框2有什么区别？有优劣之分吗？</strong></p>
<p>　　那再次咬文嚼字一下：刚才在区分“是/否”和“确认/取消”的时候，就已经说过在问“确定”之前，其实我们心中就已经有一个“是”前提了。</p>
<p>　　在现在这个情景下，用户不是在确定了购买意向，点击了“购买”后，然后弹出一个告知其更多信息，<strong>再次</strong>确定其是否真的购买的对话框。</p>
<p>　　而是用户在试读，读完一章又一章的免费章节，他其实都无法预料从哪一章就要开始收费了。</p>
<p>　　所以这个对话框的出现，是不含任何“是”的前提的，同时也是没有预期的。</p>
<p>　　此时陈述给用户一个事实，更偏向于一种告知。而写明“购买此章”的按钮更起到了一种建议和引导作用。</p>
<p>　　若问“你确定….”就像你还不清楚一个人是否有买房计划，也不清楚对方是否喜欢这个房子，就直接叫人家交钱一样。会略显唐突了。</p>
<p>&nbsp;</p>
<p><strong>　　咬文嚼字结束。如果你认同，那就严谨起来，让你的用户见到对话框时，说“</strong><strong>你好</strong><strong>”，而不是“</strong><strong>讨厌</strong><strong>”。</strong></p>
<p>(本文出自腾讯CDC博客: <a href="http://cdc.tencent.com/?p=5899" target="_blank">http://cdc.tencent.com/?p=5899</a>)</p>]]>
</description>
<dc:creator>腾讯CDC</dc:creator>
<pubDate>Tue, 14 Aug 2012 15:41:34 +0800</pubDate>
</item>
<item>
<title>用出游的方式怀念这个夏天——南戴河两日游^_^</title>
<link>http://www.itfeed.cn/post.asp?id=10340</link>
<description>
<![CDATA[<div class="cut-pic"><img src="http://uxc.360.cn/wp-content/uploads/2012/08/ip.jpg" alt="用出游的方式怀念这个夏天——南戴河两日游^_^" title="用出游的方式怀念这个夏天——南戴河两日游^_^" class="alignnone big-img" /></div>七月骄阳如火，喧闹的夏季热烈着怂恿着被冷气吹足了的心。是时候去让小心情撒个野了吧！带着躲了一季的皮肤和笑声去晒晒太阳吧!  360 UXC的同学们自发组织了一次南戴河2日游，一帮人从公司出发，有说有笑，连同行的两位汪星人的小盆友也都急不可待啦！]]>
</description>
<dc:creator>360UXC</dc:creator>
<pubDate>Fri, 10 Aug 2012 18:00:18 +0800</pubDate>
</item>
</channel>
</rss>