<?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"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>阿石的日志 &#187; 用户体验</title>
	<atom:link href="http://www.ashnotes.com/tag/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ashnotes.com</link>
	<description>关注产品（网站）策划、信息架构、网站分析、网站优化</description>
	<lastBuildDate>Thu, 22 Jul 2010 06:22:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>体验腾讯微博之不足篇</title>
		<link>http://www.ashnotes.com/exp-tencent-microblog-disadvantage/</link>
		<comments>http://www.ashnotes.com/exp-tencent-microblog-disadvantage/#comments</comments>
		<pubDate>Thu, 01 Apr 2010 13:01:29 +0000</pubDate>
		<dc:creator>ashnotes</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[腾讯微博]]></category>

		<guid isPermaLink="false">http://www.ashnotes.com/?p=390</guid>
		<description><![CDATA[今天中午获得了腾讯微博的内测资格，在此再次感谢@刘高兴 同学的邀请。相比于今天各大互联网公司借着愚人节玩着下三烂的节日营销时，腾讯微博还是厚道的，令人惊喜的。进去才发现腾讯微博的logo是俩蒲公英，一大一小，后来才了解是这次微博的开发内部代号为 “Dandelion”，不过从集成QQ客户端及WAP、手机短信等多渠道发布微博信息，让人对其产品用户体验产生了“向往性”。之前已经有同学发布了腾讯微博相关信息，这里就其功能、交互及信息设计一致性列出其不足之处。
一 、功能方面
1 现在发腾讯微博只能发文字，图片、视频只能通过链接方式由url.cn转发，内容方面稍显单薄
2 目前还找不到与QQ好友的关联，邀请也是受限的。对比与以往QQ产品发布时即可同步QQ好友，微博的好友互动性很弱，甚至不和QQ好友发生关系。这次腾讯微博的策略是和QQ客户端绑定，但和QQ好友关系隔离，再造SNS人际关系链。 其具体还表现在
隐藏QQ号，启用账户和姓名作为用户的ID标识

3 首页右上侧 站内搜索只搜索到用户的账户和姓名,没做搜索结果强调且搜不到话题内容，有则强之，无则隐藏
4  已绑定手机的用户不必在首页提示他继续绑定，完全可以从绑定状态区分是否继续提示用户绑定
5 自己说的还用举报？自己举报自己就笑话了。举报是腾讯微博的一大特点，QQ聊天款里面就有“举报”，做了继承。
6 WAP发布广播，发一次就显示俩条，纯属bug
二、交互方面
1 QQ客户端删除微博内容没有确定动作以给用户提示，目前是即删即无，很拉风却是交互失误
2 发私信输入收信人姓名时没有类似与搜索引擎的智能提醒，这一点新浪微博做的不错

三、信息设计不一致性带来的困扰
1 “帮助”内容包括截图、相关功能描述陈旧，要更新的，例如QQ客户端下载在哪里下载、“@”的解释和现有的有冲突，是给内部人士看的

2 首页右侧“@ 提到我的”应改为“对我说的”，从广播的内容和句式来看@已经没有存在的必要。因为这次腾讯微博的文案用词相比于其他微博口语化、很随意，@本身是twitter的发明，对不了解的用户说还是有学习成本，直接改为“对谁说”更具易用性
3  分页样式不统一，现有的分页就有3种，有“更多”刷新、有“下一页”，有“1、2、3&#8230;末页”等样式
四、小结
从这次腾讯微博上线来看，其功能不多，甚至缺少微博的标配功能，但相信腾讯人对产品质量的执着与追求，例如有意思的不到一天之内，QQ空间、QQ邮箱阅读空间也相继做了优化改进，微薄这项社会化属性已植入渗透到腾讯的各大产品线中，其中的演化方向、发展态势令人关注。读完这篇文章的同学，欢迎F我的腾讯微博http://t.qq.com/ashnotes，：）

]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><a href="http://www.ashnotes.com/wp-content/uploads/2010/04/腾讯微博logo.png"><img class="alignleft size-full wp-image-395" title="腾讯微博logo" src="http://www.ashnotes.com/wp-content/uploads/2010/04/腾讯微博logo.png" alt="腾讯微博logo—阿石的日志" width="208" height="65" /></a>今天中午获得了腾讯微博的内测资格，在此再次感谢<a href="http://t.qq.com/leoliu" target="_blank">@刘高兴</a> 同学的邀请。相比于今天各大互联网公司借着愚人节玩着下三烂的节日营销时，腾讯微博还是厚道的，令人惊喜的。进去才发现腾讯微博的logo是俩蒲公英，一大一小，后来才了解是这次微博的开发内部代号为 “Dandelion”，不过从集成QQ客户端及WAP、手机短信等多渠道发布微博信息，让人对其产品用户体验产生了<a href="http://www.ashnotes.com/2010-ue-calender/" target="_blank">“向往性”</a>。之前已经有同学发布了腾讯微博相<a href="http://www.cnbeta.com/articles/107573.htm" target="_blank">关信息</a>，这里就其功能、交互及信息设计一致性列出其不足之处。</p>
<p style="text-align: left;"><strong>一 、功能方面</strong></p>
<p style="text-align: left;">1 现在发腾讯微博只能发文字，图片、视频只能通过链接方式由url.cn转发，内容方面稍显单薄</p>
<p style="text-align: left;">2 目前还找不到与QQ好友的关联，邀请也是受限的。对比与以往QQ产品发布时即可同步QQ好友，微博的好友互动性很弱，甚至不和QQ好友发生关系。这次腾讯微博的策略是和QQ客户端绑定，但和QQ好友关系隔离，再造SNS人际关系链。 其具体还表现在<br />
隐藏QQ号，启用<strong>账户</strong>和<strong>姓名</strong>作为用户的ID标识</p>
<p style="text-align: center;"><a href="http://www.ashnotes.com/wp-content/uploads/2010/04/邀请.png"><img class="size-full wp-image-399 aligncenter" title="邀请" src="http://www.ashnotes.com/wp-content/uploads/2010/04/邀请.png" alt="" width="601" height="320" /></a></p>
<p style="text-align: left;">3 首页右上侧 站内搜索只搜索到用户的账户和姓名,没做搜索结果强调且搜不到话题内容，有则强之，无则隐藏</p>
<p style="text-align: left;">4  已绑定手机的用户不必在首页提示他继续绑定，完全可以从绑定状态区分是否继续提示用户绑定</p>
<p style="text-align: left;">5 自己说的还用<a href="http://t.qq.com/k/%25E4%25B8%25BE%25E6%258A%25A5">举报</a>？自己举报自己就笑话了。举报是腾讯微博的一大特点，QQ聊天款里面就有“举报”，做了继承。</p>
<p style="text-align: left;">6 WAP发布广播，发一次就显示俩条，纯属bug</p>
<p style="text-align: left;"><strong>二、交互方面</strong></p>
<p style="text-align: left;">1 QQ客户端删除微博内容没有确定动作以给用户提示，目前是即删即无，很拉风却是交互失误</p>
<p style="text-align: left;">2 发私信输入收信人姓名时没有类似与搜索引擎的智能提醒，这一点<a href="http://t.sina.com.cn/ashnotes" target="_blank">新浪微博</a>做的不错</p>
<p style="text-align: left;"><a href="http://www.ashnotes.com/wp-content/uploads/2010/04/发信功能.png"><img class="aligncenter size-full wp-image-402" title="发信功能" src="http://www.ashnotes.com/wp-content/uploads/2010/04/发信功能.png" alt="" width="609" height="318" /></a></p>
<p style="text-align: left;"><strong>三、信息设计不一致性带来的困扰</strong></p>
<p style="text-align: left;">1 <a href="http://t.qq.com/help.php" target="_blank">“帮助”</a>内容包括截图、相关功能描述陈旧，要更新的，例如QQ客户端下载在哪里下载、“@”的解释和现有的有冲突，是给内部人士看的</p>
<p style="text-align: left;"><a href="http://www.ashnotes.com/wp-content/uploads/2010/04/微博@功能.png"><img class="aligncenter size-full wp-image-404" title="微博@功能" src="http://www.ashnotes.com/wp-content/uploads/2010/04/微博@功能.png" alt="" width="602" height="431" /></a></p>
<p style="text-align: left;">2 首页右侧“@ 提到我的”应改为“对我说的”，从广播的内容和句式来看@已经没有存在的必要。因为这次腾讯微博的文案用词相比于其他微博口语化、很随意，@本身是twitter的发明，对不了解的用户说还是有学习成本，直接改为“对谁说”更具易用性</p>
<p>3  分页样式不统一，现有的分页就有3种，有“更多”刷新、有“下一页”，有“1、2、3&#8230;末页”等样式</p>
<p><strong>四、小结</strong></p>
<p>从这次腾讯微博上线来看，其功能不多，甚至缺少微博的标配功能，但相信腾讯人对产品质量的执着与追求，例如有意思的不到一天之内，QQ空间、QQ邮箱阅读空间也相继做了优化改进，微薄这项社会化属性已植入渗透到腾讯的各大产品线中，其中的演化方向、发展态势令人关注。读完这篇文章的同学，欢迎F我的腾讯微博<a href="http://t.qq.com/ashnotes">http://t.qq.com/ashnotes</a>，：）</p>
<p><a href="http://www.ashnotes.com/wp-content/uploads/2010/04/腾讯微博2.png"><img class="alignleft size-full wp-image-393" title="腾讯微博" src="http://www.ashnotes.com/wp-content/uploads/2010/04/腾讯微博2.png" alt="腾讯微博-阿石的日志" width="630" height="381" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ashnotes.com/exp-tencent-microblog-disadvantage/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>体验新版豆瓣</title>
		<link>http://www.ashnotes.com/exp-newer-douban/</link>
		<comments>http://www.ashnotes.com/exp-newer-douban/#comments</comments>
		<pubDate>Thu, 04 Mar 2010 07:04:59 +0000</pubDate>
		<dc:creator>ashnotes</dc:creator>
				<category><![CDATA[信息架构]]></category>
		<category><![CDATA[信息设计]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[豆瓣]]></category>

		<guid isPermaLink="false">http://www.ashnotes.com/?p=338</guid>
		<description><![CDATA[
在上一篇日志《豆瓣改版分析》中理了一下豆瓣改版的背景和原因，这次通过亲身体验来明晰新版豆瓣的亮点与瑕疵。
1 首页导航
彻底颠覆了旧版的传统二级导航，以弱化一级强化二级并中间横线分割的形式将社区、读书、电影、音乐等产品与其下面各自的子频道展开。这种导航设计其优点是迎合了“扩充产品线和深化产品服务”战略目的，以便于豆瓣运营人员对各自自产品深耕细作的同时，新用户和老用户各取所需，社区噪音不干扰原创积累；缺点是违背了导航设计的演化特征，固有的信息找寻路径要么新增一步、要么难以发现，让老用户一时无法接受，另外也让有的用户看上去觉得乱而晕。如下图豆瓣旧版导航与抬头新版导航对比

2 豆列调整
豆列调整无疑是这次新版豆瓣豆油们反应最强烈的。每个混合了书影音三类条目的豆列都会出现以下让用户指定豆列类型的情境。豆列这款产品设计的初衷是让用户整合个人偏好的主题，将散布于豆瓣千万书影音条目以豆列的形式串接在一起，深得豆油们喜爱，艺术的共通性是她们的信念！然而这次豆瓣改版将这些混合豆列指定类型，且在用户实施过程中出现条目丢失、清空等这样那样的bug，让豆油们骂声一片！针对豆列这种一分为三的意图，正如豆油樱桃程所质问调侃：
 “未来都是湿乎乎的了，豆瓣还想把自己榨的干巴巴的吗”

3 信息设计冗余
新版UI设计简洁、干净，信息密度分布适中，显得更加大气。但也有种种不合理的信息设计依然存在
例如 站内搜索中的站内搜索， 豆瓣的站内搜索一直为人诟病，但这种将自己弱点二次暴露的就少之又少了。如豆瓣各分站点如音乐站内搜索的冗余设计，对用户来说搜索功能看不出差异 性，画 圈处1完全可以去掉。尤其是令人不解的是豆瓣音乐画圈处1还有radio筛选选项，多之又多，令人不解！


豆瓣每次改版都能给业界带来震撼，更多的是前期招致大量豆油愤青的辱骂、甚至是抵制！从这次改版的“一天之内的惊鸿一瞥到小规模的A/B test” 发布模式也可以看出豆瓣团队的成熟，越来越学会倾听用户的声音和心跳。产品设计既需要满足用户的需求，也要照顾商业利益的发展，两者相辅相成，内容定中间。从豆瓣官方博客开始新一轮规模化招人可以看出，我们相信阿北有实力为我们提供更丰富、更实用的豆瓣式服务，总之豆瓣的演化进程值得期待。
附上新版豆瓣信息架构，以便大家快速了解查阅！（点击URL链接查看http://mind42.com/pub/mindmap?mid=b8a7d1b7-f385-47f0-ac4d-98bf65e58c4f

&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;20100421阿石的日志标记的分割线&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;

阿北的一句“新版导航的加强版上线了。读书和音乐首页还有问题，正在修正。”引起了众多豆油围观。新版豆瓣一直在小步快跑式的优化中，让我们看看这次变化点。


1  弱化一级导航、强化二级导航，独立站点更加显现。
 终于撤掉了之前一条又粗又长的分割线，一级导航栏目改为左右式，看上去匀称好多，也舒服好多。同时加大二级导航栏目文字和区块，书影音独立站点的策略得到强化。


2  强化站内搜索
 

 首页站内搜索终于将之前的站内搜索由“输入框+下拉菜单+搜索按钮”模式简化为“输入框+搜索按钮”，对豆瓣用户来说省事不少，也符合日常使用通用搜索引擎的搜索习惯，这也是豆瓣同仁对自己站内搜索技术自信的表现。但各子站点的双重站内搜索的功能性冗余依然没有改变，不知为何？
 
 
]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste"><a href="http://www.ashnotes.com/wp-content/uploads/2010/02/新版豆瓣2.png"><img class="aligncenter size-full wp-image-335" title="新版豆瓣_阿石的日志" src="http://www.ashnotes.com/wp-content/uploads/2010/02/新版豆瓣2.png" alt="" width="630" height="117" /></a></div>
<div>在上一篇日志《<a href="http://www.ashnotes.com/newer-douban-analysis/" target="_blank">豆瓣改版分析</a>》中理了一下豆瓣改版的背景和原因，这次通过亲身体验来明晰新版豆瓣的亮点与瑕疵。</div>
<div id="_mcePaste"><strong>1 首页导航</strong></div>
<div id="_mcePaste">彻底颠覆了旧版的传统二级导航，以弱化一级强化二级并中间横线分割的形式将社区、读书、电影、音乐等产品与其下面各自的子频道展开。这种导航设计其优点是迎合了“扩充产品线和深化产品服务”战略目的，以便于豆瓣运营人员对各自自产品深耕细作的同时，新用户和老用户各取所需，社区噪音不干扰原创积累；缺点是违背了导航设计的演化特征，固有的信息找寻路径要么新增一步、要么难以发现，让老用户一时无法接受，另外也让有的用户看上去觉得乱而晕。如下图豆瓣旧版导航与抬头新版导航对比</div>
<div><a href="http://www.ashnotes.com/wp-content/uploads/2010/03/旧版豆瓣首页导航_阿石的日志.png"><img class="aligncenter size-full wp-image-343" title="旧版豆瓣首页导航_阿石的日志" src="http://www.ashnotes.com/wp-content/uploads/2010/03/旧版豆瓣首页导航_阿石的日志.png" alt="" width="963" height="76" /></a></div>
<div><strong>2 豆列调整</strong></div>
<div id="_mcePaste">豆列调整无疑是这次新版豆瓣豆油们反应最强烈的。每个混合了书影音三类条目的豆列都会出现以下让用户指定豆列类型的情境。豆列这款产品设计的初衷是让用户整合个人偏好的主题，将散布于豆瓣千万书影音条目以豆列的形式串接在一起，深得豆油们喜爱，艺术的共通性是她们的信念！然而这次豆瓣改版将这些混合豆列指定类型，且在用户实施过程中出现条目丢失、清空等这样那样的bug，让豆油们骂声一片！针对豆列这种一分为三的意图，正如豆油樱桃程所质问调侃：</div>
<div id="_mcePaste" style="text-align: center;"><a href="http://www.douban.com/online/10338773/discussion/21885619/" target="_blank"> “未来都是湿乎乎的了，豆瓣还想把自己榨的干巴巴的吗</a>”</div>
<div><a href="http://www.ashnotes.com/wp-content/uploads/2010/03/豆列调整_阿石的日志.jpg"><img class="aligncenter size-full wp-image-342" title="豆列调整_阿石的日志" src="http://www.ashnotes.com/wp-content/uploads/2010/03/豆列调整_阿石的日志.jpg" alt="" width="600" height="352" /></a></div>
<div><strong>3 信息设计冗余</strong></div>
<div id="_mcePaste">新版UI设计简洁、干净，信息密度分布适中，显得更加大气。但也有种种不合理的信息设计依然存在</div>
<div id="_mcePaste">例如 站内搜索中的站内搜索， 豆瓣的站内搜索一直为人诟病，但这种将自己弱点二次暴露的就少之又少了。如豆瓣各分站点如音乐站内搜索的冗余设计，对用户来说搜索功能看不出差异 性，画 圈处1完全可以去掉。尤其是令人不解的是豆瓣音乐画圈处1还有radio筛选选项，多之又多，令人不解！</div>
<div><a href="http://www.ashnotes.com/wp-content/uploads/2010/03/站内搜索Music_阿石的日志.png"><img class="aligncenter size-full wp-image-344" title="站内搜索Music_阿石的日志" src="http://www.ashnotes.com/wp-content/uploads/2010/03/站内搜索Music_阿石的日志.png" alt="" width="592" height="205" /></a><a href="http://www.ashnotes.com/wp-content/uploads/2010/03/站内搜索Movie_阿石的日志.png"><img class="aligncenter size-full wp-image-346" title="站内搜索Movie_阿石的日志" src="http://www.ashnotes.com/wp-content/uploads/2010/03/站内搜索Movie_阿石的日志.png" alt="" width="578" height="194" /></a><a href="http://www.ashnotes.com/wp-content/uploads/2010/03/站内搜索Book_阿石的日志.png"></a></div>
<div><a href="http://www.ashnotes.com/wp-content/uploads/2010/03/站内搜索Book_阿石的日志.png"><img class="aligncenter size-full wp-image-345" title="站内搜索Book_阿石的日志" src="http://www.ashnotes.com/wp-content/uploads/2010/03/站内搜索Book_阿石的日志.png" alt="" width="575" height="152" /></a></div>
<div>豆瓣每次改版都能给业界带来震撼，更多的是前期招致大量豆油愤青的辱骂、甚至是抵制！从这次改版的“一天之内的惊鸿一瞥到小规模的A/B test” 发布模式也可以看出豆瓣团队的成熟，越来越学会倾听用户的声音和心跳。产品设计既需要满足用户的需求，也要照顾商业利益的发展，两者相辅相成，内容定中间。从豆瓣官方博客开始新一轮规模化招人可以看出，我们相信阿北有实力为我们提供更丰富、更实用的豆瓣式服务，总之豆瓣的演化进程值得期待。</div>
<div><strong><em>附上新版豆瓣信息架构，以便大家快速了解查阅！（点击URL链接查看<span style="font-style: normal; font-weight: normal;"><a href="http://mind42.com/pub/mindmap?mid=b8a7d1b7-f385-47f0-ac4d-98bf65e58c4f">http://mind42.com/pub/mindmap?mid=b8a7d1b7-f385-47f0-ac4d-98bf65e58c4f</a></span></em></strong></div>
<div><a href="http://www.ashnotes.com/wp-content/uploads/2010/03/新版豆瓣信息架构+++++++阿石制作+ashnotes.com_.png"><img class="aligncenter size-full wp-image-351" title="新版豆瓣信息架构+++++++阿石制作+ashnotes.com" src="http://www.ashnotes.com/wp-content/uploads/2010/03/新版豆瓣信息架构+++++++阿石制作+ashnotes.com_.png" alt="" width="736" height="662" /></a></div>
<div>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;20100421阿石的日志标记的分割线&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</div>
<div></div>
<div>阿北的一句“<span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;"><a href="http://www.douban.com/people/ahbei/miniblog/325475654/" target="_blank">新版导航的加强版上线了。读书和音乐首页还有问题，正在修正。</a>”引起了众多豆油围观。新版豆瓣一直在小步快跑式的优化中，让我们看看这次变化点。</span></div>
<div><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;"><br />
</span></div>
<div><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;">1  弱化一级导航、强化二级导航，独立站点更加显现。</span></div>
<div><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;"><a href="http://www.ashnotes.com/wp-content/uploads/2010/03/20100421douban_navigate.png"><img class="aligncenter size-full wp-image-411" title="20100421douban_navigate" src="http://www.ashnotes.com/wp-content/uploads/2010/03/20100421douban_navigate.png" alt="20100421豆瓣新导航" width="699" height="80" /></a> 终于撤掉了之前一条又粗又长的分割线，一级导航栏目改为左右式，看上去匀称好多，也舒服好多。同时加大二级导航栏目文字和区块，书影音独立站点的策略得到强化。</span></div>
<div><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;"><br />
</span></div>
<div><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;">2  强化站内搜索</span></div>
<div><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;"> <a href="http://www.ashnotes.com/wp-content/uploads/2010/03/20100421douban_book.png"><img class="aligncenter size-full wp-image-412" title="20100421douban_book" src="http://www.ashnotes.com/wp-content/uploads/2010/03/20100421douban_book.png" alt="201004421豆瓣读书站内搜索" width="678" height="169" /></a><br />
</span></div>
<div><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;"> 首页站内搜索终于将之前的站内搜索由“输入框+下拉菜单+搜索按钮”模式简化为“输入框+搜索按钮”，对豆瓣用户来说省事不少，也符合日常使用通用搜索引擎的搜索习惯，这也是豆瓣同仁对自己站内搜索技术自信的表现。但各子站点的双重站内搜索的功能性冗余依然没有改变，不知为何？</span></div>
<div><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;"> </span></div>
<div><span style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;"> </span></div>
]]></content:encoded>
			<wfw:commentRss>http://www.ashnotes.com/exp-newer-douban/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>2010年用户体验挂历</title>
		<link>http://www.ashnotes.com/2010-ue-calender/</link>
		<comments>http://www.ashnotes.com/2010-ue-calender/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 06:29:32 +0000</pubDate>
		<dc:creator>ashnotes</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[2010]]></category>
		<category><![CDATA[UE]]></category>
		<category><![CDATA[信息设计]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://www.ashnotes.com/?p=277</guid>
		<description><![CDATA[
2009年马上就要结束了,“用户体验&#8221;已成为上至领导老大下至我等平民百姓挂在嘴边的口头禅。
究竟体验是什么？体验好,但又好在哪里？以下列出国外Frank Spillers 作的2010年用户体验挂历，
加上阿石对09年各产品用户体验的理解加以点评，不到之处欢迎指正！
一月份 Intuitive（ 让产品具有让人产生直觉的）
直觉意思就是不需要理解。对一个产品来说，一个让人有直觉的产品是通过设计来满足用户期望的;对用户产品说直觉就是产品就如、自己期望的那样运行操作，而且她们也没必要过问自己为什么那样。
如QQ2009面板中个人信息面板中，空间、邮箱、钱包、邮箱上的数字消息提醒，一看就让人明白有新的、多少消息提醒，点击进去后直觉告诉用户回去哪里。

二月份 Sociability(让产品具有社交性的)
社交性给予了用户扩展社交交互和社交行为的方法.一个产品越具有高度的社交性,那么它也就越能够更好的将用户和社区联系在一起.社交界面可以促进用户状态、用户的归属感及群体解决问题的能力，而这些可以使得用户参与贡献、分享及共同进步。
如Slideshare是一家做Slide、PPT稿件上传分享的网站，里面有象twitter那样follow和发送短消息那样的社交功能。

三月份 Explicitness（让产品直截了当的吧）
条条框框是直截了当的死敌。产品给使用过程中的条条框框和逻辑能力要求会导致用户挫败感。&#8221;dumbing it down&#8221;的意思就是产品设计过程中要注意避免用户不知道你所知道的。
淘宝的站内搜索在之前阿石日志《站内搜索的演化——淘宝篇》中提到过，新版淘宝站内搜索给用户最大的观感就是直截了当的一搜就看到搜索结果，不像现在正式版中搜索到的还有一大堆筛选分类，搜索结果在类目多时第一眼看上去更像是分类器。不过这种直截了当的做法也可能引起老用户的反弹，如最近《万店签名！共同抵制淘宝的按“人气”排名》的帖子引起很大反响，其实淘宝站内搜索还是在A/B test，但A Test中已然在改动实际触犯了老用户的真金白银实际利益。

四月份 Context of Use(注意产品使用过程中的情境）
任何一款产品或者一组用户行为都“生存在”在一个独特的情境当中，这个情境是由产品所在的环境、企业文化、工作流程、产品设计情感、社会现象等各种因素塑造的。拥抱产品使用情境的设计吧，这样就能更加懂得什么样的用户什么时候需要她（产品）。
如豆瓣9点的根据用户上网时间情境的白天、黑夜模式自动切换


五月份 Personas(请关注产品的用户身份）
“用户身份”本意是拉丁语的“面具”。一个“用户身份”就是一个用户档案，抑或是一个具体用户、用户行为、用户期望和用户需求的快照。好的“用户身份”，植根于用户行为的深度观察和了解，用以帮助优化产品设计并对其追踪跟进，以及使产品设计更加体现真实的生活。
如新浪微薄的对名人推出的新浪认证小徽章，因为有真实，才会有用户努力追求真实。对比与139说客的“真实互联”，新浪的认证更容易形成用户层级，也富于可操作性。


&#8212;&#8212;&#8212;&#8212;&#8212;到了2010下半年的分页符，转载请注明来自阿石的日志www.ashnotes.com&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;

六月份 Task-Oriented Design（面向任务的产品设计）
一个面向任务的产品设计可以给予用户有益的产品功能点和特点，使得她们可以更加容易地完成任务（或一组动作流程）、更快的达到她们的目标和释放产品学习和使用过程中造成的阻滞感。
如京东的购物车流程设计，随着用户购买的进度区分购买流程的步骤，到了订单核对页，还可以点击进度导航往前一级回退，这个细节设计让人佩服，值得学习。

七月份 Progressive Disclosure(进度显示）
进度显示是一项连续界面过程中展示信息和动作交互设计技艺，用以避免用户感到不知所措。通过显示信息的进度，你可以向用户展示每一步的产品信息主要部分，这样可以帮助用户在使用过程中的发现她们平时不易发现的产品强大特点和功能。
如QQ软件安装进度展示，不仅显示安装进度， 还可以在安装过程中以简单、清晰图文展示新版推出的功能，在QQ版本屡创“新高”的09年这一招无疑是个很好的熨贴。



八月份 Pleasurability（令人心情舒畅的）
令人心情舒畅的产品会让人产生一种深度情感体验的满足感。越是让人心情舒畅的产品，它也就越能够从社交、生理及认知上满足用户，甚至是她们的价值观。用户会对一个高度令人舒畅的产品产生积极反应，甚至会“爱上”这款产品。
如身边的苹果控们热爱力推的iphone 3Gs,谁也不能否认“信乔布斯哥”的威力，谁说产品不能让人产生信仰？

九月份 Cognitive Overload(信息设计中关于认知的过度加载）
认知的过度加载描述了这样的一个情境：用户在海量信息中感到不知所措，以至于达到认知的极限。困惑、沮丧、神奇、甚至无助等用户使用产品过程中产生的阻滞感都是常常都是来自于认知过度加载。当用户抱怨道：“太多了”时，这其实就是用户对产品发出认知“被”过度加载的信号!
信息设计的认知过度加载实在是太常见了，一本《don&#8217;t make me think》道尽了信息设计过程出现的种种现象，著名的Krug三大定律也是解决这个问题的良方


十月份 Containership（UI设计中的集装箱理论）
“集装箱”讲的是相关类信息的视觉组合。只要有联系的信息都可以被组合或是在界面的同一区域看上去是组合的，或包含的。提供好的集装箱意味着提供可以将各种控制走到一起清晰的边界。例如，在产品设计过程中，一个表现为“局域性”的动作不能表现为和“全局性”动作。
如江苏移动首页“优惠与活动”中全球通、动感地带、神州行三个Tab切换，全球通的品牌色是蓝色，区块背景是全球通的logo，当切换到动感地带时，Tab标题的颜色也随之切换为动感地带的品牌色橙色，背景换位动感地带的logo。局域性有封装的“集装箱”，也有清晰的边界。


十一月份 Synch （让用户与产品一起同步心跳）
“同步”即在用户和产品之间存在的一种直觉合并的状态或者是“流”。产品和谐的运行在用户的工作韵律当中，例如产品以更少的错误、和用户在一起、以及和用户一起“心跳”。带有 同步感的产品设计会让用户产生一种“情感孽债”，而这种情感会帮助用户完成任务、强化用户的满足感以及提高产品的舒适感。
如豆瓣电台，用户期盼豆瓣算法可以向其推送好的歌曲，豆瓣算法也需要吸收统计用户的偏好（我喜欢、不在播放、跳过曲目）等动作，用户和产品各取所需，两者之间自然有一条一起心跳的“流”。


十二月份 Desirability (让用户对产品产生令人向往性)
“令人向往性”是指用户实际想要和需要的一个特点或一些功能点，这里不仅指的是她们需要这些，更是期望这些都在产品用户体验里面。可用性将目光聚焦于使产品使用变得更加容易，令人向往性呢这是和用户在一起想要、需要、以至一起向往。不管是可用性还是令人向往性，都是一个好的用户体验的必须，而令人向往性则须优先考虑。
令人向往性的产品今年非Google wave莫属，社交娱乐、即时通讯、团队协作集成到一个平台下无疑是一个平台级产品的梦想，也十分令人向往的。不过Frank Spillers本人在可用性与令人向往性的优先上，阿石认为值得商榷，给用户“画饼想像”的理念当然很好，如果基本的可用性不能达到要求，令人向往性则成了无本之末。

]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-279" title="2010年用户体验挂历" src="http://www.ashnotes.com/wp-content/uploads/2009/12/2010年用户体验挂历.jpg" alt="2010年用户体验挂历" width="637" height="257" /></p>
<p>2009年马上就要结束了,“用户体验&#8221;已成为上至领导老大下至我等平民百姓挂在嘴边的口头禅。</p>
<p>究竟体验是什么？体验好,但又好在哪里？以下列出国外Frank Spillers 作的<a href="http://www.slideshare.net/farreaching/user-experience-calendar-2010" target="_blank">2010年用户体验挂历</a>，</p>
<p>加上阿石对09年各产品用户体验的理解加以点评，不到之处欢迎指正！</p>
<p><strong>一月份 Intuitive（ 让产品具有让人产生直觉的</strong>）</p>
<p>直觉意思就是不需要理解。对一个产品来说，一个让人有直觉的产品是通过设计来满足用户期望的;对用户产品说直觉就是产品就如、自己期望的那样运行操作，而且她们也没必要过问自己为什么那样。</p>
<p>如QQ2009面板中个人信息面板中，空间、邮箱、钱包、邮箱上的数字消息提醒，一看就让人明白有新的、多少消息提醒，点击进去后直觉告诉用户回去哪里。</p>
<p style="text-align: center;"><img class="size-full wp-image-283 aligncenter" title="一月份 Intuitive（ 让产品具有让人产生直觉的）" src="http://www.ashnotes.com/wp-content/uploads/2009/12/一月份-Intuitive（-让产品具有让人产生直觉的）.png" alt="一月份 Intuitive（ 让产品具有让人产生直觉的）" width="362" height="96" /></p>
<p><strong>二月份 Sociability(让产品具有社交性的)</strong></p>
<p>社交性给予了用户扩展社交交互和社交行为的方法.一个产品越具有高度的社交性,那么它也就越能够更好的将用户和社区联系在一起.社交界面可以促进用户状态、用户的归属感及群体解决问题的能力，而这些可以使得用户参与贡献、分享及共同进步。</p>
<p>如Slideshare是一家做Slide、PPT稿件上传分享的网站，里面有象twitter那样follow和发送短消息那样的社交功能。</p>
<p style="text-align: center;"><img class="size-full wp-image-284 aligncenter" title="二月份 Sociability(让产品具有社交性的)" src="http://www.ashnotes.com/wp-content/uploads/2009/12/二月份-Sociability让产品具有社交性的.png" alt="二月份 Sociability(让产品具有社交性的)" width="297" height="426" /></p>
<p><strong>三月份 Explicitness（让产品直截了当的吧）</strong></p>
<p>条条框框是直截了当的死敌。产品给使用过程中的条条框框和逻辑能力要求会导致用户挫败感。&#8221;dumbing it down&#8221;的意思就是产品设计过程中要注意避免用户不知道你所知道的。</p>
<p>淘宝的站内搜索在之前阿石日志<a href="http://www.ashnotes.com/evolution-of-internal-site-search-at-taobao/">《</a><a href="http://www.ashnotes.com/evolution-of-internal-site-search-at-taobao/" target="_self">站内搜索的演化——淘宝篇》</a>中提到过，新版淘宝站内搜索给用户最大的观感就是直截了当的一搜就看到搜索结果，不像现在正式版中搜索到的还有一大堆筛选分类，搜索结果在类目多时第一眼看上去更像是分类器。不过这种直截了当的做法也可能引起老用户的反弹，如最近《<a href="http://bangpai.taobao.com/group/thread/154503-3211761.htm">万店签名！共同抵制淘宝的按“人气”排名</a>》的帖子引起很大反响，其实淘宝站内搜索还是在A/B test，但A Test中已然在改动实际触犯了老用户的真金白银实际利益。</p>
<p style="text-align: center;"><img class="size-full wp-image-285 aligncenter" title="三月份 Explicitness（让产品直截了当的吧）" src="http://www.ashnotes.com/wp-content/uploads/2009/12/三月份-Explicitness（让产品直截了当的吧）.png" alt="三月份 Explicitness（让产品直截了当的吧）" width="612" height="179" /></p>
<p><strong>四月份 Context of Use(注意产品使用过程中的情境</strong>）</p>
<p>任何一款产品或者一组用户行为都“生存在”在一个独特的情境当中，这个情境是由产品所在的环境、企业文化、工作流程、产品设计情感、社会现象等各种因素塑造的。拥抱产品使用情境的设计吧，这样就能更加懂得什么样的用户什么时候需要她（产品）。</p>
<p>如豆瓣9点的根据用户上网时间情境的白天、黑夜模式自动切换</p>
<p style="text-align: center;"><img class="size-full wp-image-286 aligncenter" title="四月份 Context of Use(注意产品使用过程中的情境）1" src="http://www.ashnotes.com/wp-content/uploads/2009/12/四月份-Context-of-Use注意产品使用过程中的情境）1.png" alt="四月份 Context of Use(注意产品使用过程中的情境）1" width="515" height="74" /></p>
<p style="text-align: center;"><img class="size-full wp-image-287 aligncenter" title="四月份 Context of Use(注意产品使用过程中的情境）2" src="http://www.ashnotes.com/wp-content/uploads/2009/12/四月份-Context-of-Use注意产品使用过程中的情境）2.png" alt="四月份 Context of Use(注意产品使用过程中的情境）2" width="490" height="40" /></p>
<p><strong>五月份 Personas(请关注产品的用户身份）</strong></p>
<p>“用户身份”本意是拉丁语的“面具”。一个“用户身份”就是一个用户档案，抑或是一个具体用户、用户行为、用户期望和用户需求的快照。好的“用户身份”，植根于用户行为的深度观察和了解，用以帮助优化产品设计并对其追踪跟进，以及使产品设计更加体现真实的生活。</p>
<p>如新浪微薄的对名人推出的新浪认证小徽章，因为有真实，才会有用户努力追求真实。对比与139说客的“真实互联”，新浪的认证更容易形成用户层级，也富于可操作性。</p>
<p><img class="alignleft size-full wp-image-288" title="五月份 Personas(请关注产品的用户身份）" src="http://www.ashnotes.com/wp-content/uploads/2009/12/五月份-Personas请关注产品的用户身份）.png" alt="五月份 Personas(请关注产品的用户身份）" width="773" height="206" /></p>
<p lang="en-US">
<p>&#8212;&#8212;&#8212;&#8212;&#8212;<em>到了2010下半年的分页符，转载请注明来自阿石的日志www.ashnotes.com</em>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p lang="en-US">
<p><strong>六月份 Task-Oriented Design（面向任务的产品设计）</strong></p>
<p>一个面向任务的产品设计可以给予用户有益的产品功能点和特点，使得她们可以更加容易地完成任务（或一组动作流程）、更快的达到她们的目标和释放产品学习和使用过程中造成的阻滞感。</p>
<p>如京东的购物车流程设计，随着用户购买的进度区分购买流程的步骤，到了订单核对页，还可以点击进度导航往前一级回退，这个细节设计让人佩服，值得学习。</p>
<p style="text-align: center;"><img class="size-full wp-image-289 aligncenter" title="六月份 Task-Oriented Design（面向任务的产品设计）" src="http://www.ashnotes.com/wp-content/uploads/2009/12/六月份-Task-Oriented-Design（面向任务的产品设计）.png" alt="六月份 Task-Oriented Design（面向任务的产品设计）" width="626" height="77" /></p>
<p><strong>七月份 Progressive Disclosure(进度显示）</strong></p>
<p>进度显示是一项连续界面过程中展示信息和动作交互设计技艺，用以避免用户感到不知所措。通过显示信息的进度，你可以向用户展示每一步的产品信息主要部分，这样可以帮助用户在使用过程中的发现她们平时不易发现的产品强大特点和功能。</p>
<p>如QQ软件安装进度展示，不仅显示安装进度， 还可以在安装过程中以简单、清晰图文展示新版推出的功能，在QQ版本屡创“新高”的09年这一招无疑是个很好的熨贴。</p>
<p style="text-align: center;"><img class="size-full wp-image-290 aligncenter" title="七月份 Progressive Disclosure(进度显示）" src="http://www.ashnotes.com/wp-content/uploads/2009/12/七月份-Progressive-Disclosure进度显示）.png" alt="七月份 Progressive Disclosure(进度显示）" width="506" height="283" /></p>
<p><strong><br />
</strong></p>
<p><strong>八月份 Pleasurability（令人心情舒畅的）</strong></p>
<p>令人心情舒畅的产品会让人产生一种深度情感体验的满足感。越是让人心情舒畅的产品，它也就越能够从社交、生理及认知上满足用户，甚至是她们的价值观。用户会对一个高度令人舒畅的产品产生积极反应，甚至会“爱上”这款产品。</p>
<p>如身边的苹果控们热爱力推的iphone 3Gs,谁也不能否认“信乔布斯哥”的威力，谁说产品不能让人产生信仰？</p>
<p style="text-align: center;"><img class="size-full wp-image-292 aligncenter" title="八月份 Pleasurability（令人心情舒畅的）" src="http://www.ashnotes.com/wp-content/uploads/2009/12/八月份-Pleasurability（令人心情舒畅的）.png" alt="八月份 Pleasurability（令人心情舒畅的）" width="137" height="182" /></p>
<p><strong>九月份 Cognitive Overload(信息设计中关于认知的过度加载）</strong></p>
<p>认知的过度加载描述了这样的一个情境：用户在海量信息中感到不知所措，以至于达到认知的极限。困惑、沮丧、神奇、甚至无助等用户使用产品过程中产生的阻滞感都是常常都是来自于认知过度加载。当用户抱怨道：“太多了”时，这其实就是用户对产品发出认知“被”过度加载的信号!</p>
<p>信息设计的认知过度加载实在是太常见了，一本《<a href="http://www.douban.com/subject/1440223/">don&#8217;t make me think</a>》道尽了信息设计过程出现的种种现象，著名的<a href="http://www.douban.com/note/19270607/" target="_blank">Krug三大定律</a>也是解决这个问题的良方</p>
<p style="text-align: center;"><img class="size-full wp-image-293 aligncenter" title="九月份 Cognitive Overload(信息设计中关于认知的过度加载）" src="http://www.ashnotes.com/wp-content/uploads/2009/12/九月份-Cognitive-Overload信息设计中关于认知的过度加载）.png" alt="九月份 Cognitive Overload(信息设计中关于认知的过度加载）" width="323" height="416" /></p>
<p lang="en-US">
<p><strong>十月份 Containership（UI设计中的集装箱理论）</strong></p>
<p>“集装箱”讲的是相关类信息的视觉组合。只要有联系的信息都可以被组合或是在界面的同一区域看上去是组合的，或包含的。提供好的集装箱意味着提供可以将各种控制走到一起清晰的边界。例如，在产品设计过程中，一个表现为“局域性”的动作不能表现为和“全局性”动作。</p>
<p>如<a href="http://www.js.chinamobile.com/">江苏移动</a>首页“优惠与活动”中全球通、动感地带、神州行三个Tab切换，全球通的品牌色是蓝色，区块背景是全球通的logo，当切换到动感地带时，Tab标题的颜色也随之切换为动感地带的品牌色橙色，背景换位动感地带的logo。局域性有封装的“集装箱”，也有清晰的边界。</p>
<p style="text-align: center;"><img class="size-full wp-image-294 aligncenter" title="十月份 Containership（UI设计中的集装箱理论）1" src="http://www.ashnotes.com/wp-content/uploads/2009/12/十月份-Containership（UI设计中的集装箱理论）1.png" alt="十月份 Containership（UI设计中的集装箱理论）1" width="373" height="314" /><img class="size-full wp-image-295 aligncenter" title="十月份 Containership（UI设计中的集装箱理论）2" src="http://www.ashnotes.com/wp-content/uploads/2009/12/十月份-Containership（UI设计中的集装箱理论）2.png" alt="十月份 Containership（UI设计中的集装箱理论）2" width="371" height="313" /></p>
<p lang="en-US">
<p><strong>十一月份 Synch （让用户与产品一起同步心跳）</strong></p>
<p>“同步”即在用户和产品之间存在的一种直觉合并的状态或者是“流”。产品和谐的运行在用户的工作韵律当中，例如产品以更少的错误、和用户在一起、以及和用户一起“心跳”。带有 同步感的产品设计会让用户产生一种“情感孽债”，而这种情感会帮助用户完成任务、强化用户的满足感以及提高产品的舒适感。</p>
<p>如豆瓣电台，用户期盼豆瓣算法可以向其推送好的歌曲，豆瓣算法也需要吸收统计用户的偏好（我喜欢、不在播放、跳过曲目）等动作，用户和产品各取所需，两者之间自然有一条一起心跳的“流”。</p>
<p style="text-align: center;"><img class="size-full wp-image-296 aligncenter" title="十一月份 Synch （让用户与产品一起同步心跳）" src="http://www.ashnotes.com/wp-content/uploads/2009/12/十一月份-Synch-（让用户与产品一起同步心跳）.png" alt="十一月份 Synch （让用户与产品一起同步心跳）" width="430" height="249" /></p>
<p lang="en-US">
<p><strong>十二月份 Desirability (让用户对产品产生令人向往性)</strong></p>
<p>“令人向往性”是指用户实际想要和需要的一个特点或一些功能点，这里不仅指的是她们需要这些，更是期望这些都在产品用户体验里面。可用性将目光聚焦于使产品使用变得更加容易，令人向往性呢这是和用户在一起想要、需要、以至一起向往。不管是可用性还是令人向往性，都是一个好的用户体验的必须，而令人向往性则须优先考虑。</p>
<p>令人向往性的产品今年非Google wave莫属，社交娱乐、即时通讯、团队协作集成到一个平台下无疑是一个平台级产品的梦想，也十分令人向往的。不过Frank Spillers本人在可用性与令人向往性的优先上，阿石认为值得商榷，给用户“画饼想像”的理念当然很好，如果基本的可用性不能达到要求，令人向往性则成了无本之末。</p>
<p style="text-align: center;"><img class="size-full wp-image-297 aligncenter" title="十二月份 Desirability (让用户对产品产生令人向往性)" src="http://www.ashnotes.com/wp-content/uploads/2009/12/十二月份-Desirability-让用户对产品产生令人向往性.png" alt="十二月份 Desirability (让用户对产品产生令人向往性)" width="676" height="262" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ashnotes.com/2010-ue-calender/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
	</channel>
</rss>
