﻿<?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/%e8%b1%86%e7%93%a3/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ashnotes.com</link>
	<description>关注 iPhone App、产品策划、信息架构、网站分析、网站优化</description>
	<lastBuildDate>Wed, 14 Dec 2011 12:21:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>豆瓣变脸记</title>
		<link>http://www.ashnotes.com/douban-change-face/</link>
		<comments>http://www.ashnotes.com/douban-change-face/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 07:35:02 +0000</pubDate>
		<dc:creator>ashnotes</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[portal]]></category>
		<category><![CDATA[改版]]></category>
		<category><![CDATA[豆瓣]]></category>

		<guid isPermaLink="false">http://www.ashnotes.com/?p=357</guid>
		<description><![CDATA[豆瓣又一如既然在变形着，不过这次变在是未登录豆瓣首页，是portal页面，更是脸面，今天阿北们或许又是在搞豆瓣式昙花一现测试法，在深圳本机上用chrome可以显示出来，ie则不行，显示的是老豆瓣首页。和旧版对比，UI干净、清爽，留白也恰到好处；页面信息分布则头轻脚重，页面高度也有原来的两屏半变为三屏半。 分析如下： A区：导航依然强调了豆瓣改版的战略改变，读书、电影、音乐、九点等产品独立发展，其中读书、电影、音乐中各嵌入一个搜索小图标，以示豆瓣“发现生活”的目标定位。只不过三个小图标在色调上没有啥差异性 B区：注册登录也做了一些调整，除了展示多彩多姿的豆瓣城市小资生活背景外，更加突出注册功能，显示豆瓣对用户数增长的  痴迷，依然是吸星大法式拉取，想必下一步豆瓣依然在老用户与新用户的取舍上更加偏向新用户口味。 C区：“同城、小组、正在发生”告诉人们豆瓣线下生活的丰富多样，社区概念得到加强，更加强调同城设计生活 D区：“电台、迷你站、线上活动”体现了豆瓣线上生活也有特色。 通过以上分析，豆瓣这次变脸强调各产品独立发展的战略转变，同时试图注重加人的情况下，对用户提供更丰富更有实际意义线上、线下“双线”生活服务。给豆瓣的建议是： 一 B与CD区的那条分横线实在让人看这别扭，加之与A区与B区的分割，分明让人看到两条横线映在眼帘，硬生生的把登录区域夹在中间 二 CD区的信息密度较大，适当做些删减，更能体现豆瓣简洁的特色<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="豆瓣改版分析" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027625.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">豆瓣改版分析</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="体验新版豆瓣" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027625.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">体验新版豆瓣</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="站内搜索的演化——淘宝篇" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fevolution-of-internal-site-search-at-taobao%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027612.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">站内搜索的演化——淘宝篇</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="读《Web 表单设计》" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fread-web-form-design%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/02/27/2970320.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">读《Web 表单设计》</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Google分析学习笔记2：利用GA建立简单用户模型" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fgoogle-analytics-make-user-model%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027591.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Google分析学习笔记2：利用GA建立简单用户模型</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.ashnotes.com/wp-content/uploads/2010/03/新版豆瓣首页未登录_阿石的日志ashnotes.com_.png"><img class="aligncenter size-full wp-image-358" title="新版豆瓣首页(未登录)_阿石的日志(ashnotes.com)" src="http://www.ashnotes.com/wp-content/uploads/2010/03/新版豆瓣首页未登录_阿石的日志ashnotes.com_.png" alt="" width="602" height="646" /></a></p>
<p>豆瓣又一如既然在变形着，不过这次变在是未登录豆瓣首页，是portal页面，更是脸面，今天阿北们或许又是在搞豆瓣式昙花一现测试法，在深圳本机上用chrome可以显示出来，ie则不行，显示的是老豆瓣首页。和旧版对比，UI干净、清爽，留白也恰到好处；页面信息分布则头轻脚重，页面高度也有原来的两屏半变为三屏半。<br />
分析如下：<br />
A区：导航依然强调了豆瓣改版的战略改变，读书、电影、音乐、九点等产品独立发展，其中读书、电影、音乐中各嵌入一个搜索小图标，以示豆瓣“发现生活”的目标定位。只不过三个小图标在色调上没有啥差异性</p>
<p>B区：注册登录也做了一些调整，除了展示多彩多姿的豆瓣城市小资生活背景外，更加突出注册功能，显示豆瓣对用户数增长的  痴迷，依然是吸星大法式拉取，想必下一步豆瓣依然在老用户与新用户的取舍上更加偏向新用户口味。</p>
<p>C区：“同城、小组、正在发生”告诉人们豆瓣线下生活的丰富多样，社区概念得到加强，更加强调同城设计生活</p>
<p>D区：“电台、迷你站、线上活动”体现了豆瓣线上生活也有特色。</p>
<p>通过以上分析，豆瓣这次变脸强调各产品独立发展的战略转变，同时试图注重加人的情况下，对用户提供更丰富更有实际意义线上、线下“双线”生活服务。给豆瓣的建议是：</p>
<p>一 B与CD区的那条分横线实在让人看这别扭，加之与A区与B区的分割，分明让人看到两条横线映在眼帘，硬生生的把登录区域夹在中间</p>
<p>二 CD区的信息密度较大，适当做些删减，更能体现豆瓣简洁的特色</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="豆瓣改版分析" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027625.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">豆瓣改版分析</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="体验新版豆瓣" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027625.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">体验新版豆瓣</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="美团式社会化媒体营销" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fmeituan-social-media-marketing%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027578.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">美团式社会化媒体营销</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Groupie" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2F773%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/05/19/8999557.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Groupie</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="i-dong游戏中心原型优化" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fi-dong-game-center-prototype-optimize%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027623.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">i-dong游戏中心原型优化</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.ashnotes.com/douban-change-face/feed/</wfw:commentRss>
		<slash:comments>2</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  强化站内搜索 首页站内搜索终于将之前的站内搜索由“输入框+下拉菜单+搜索按钮”模式简化为“输入框+搜索按钮”，对豆瓣用户来说省事不少，也符合日常使用通用搜索引擎的搜索习惯，这也是豆瓣同仁对自己站内搜索技术自信的表现。但各子站点的双重站内搜索的功能性冗余依然没有改变，不知为何？<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="2010年用户体验挂历" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2F2010-ue-calender%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027566.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">2010年用户体验挂历</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="豆瓣改版分析" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027625.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">豆瓣改版分析</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="豆瓣变脸记" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027604.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">豆瓣变脸记</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="体验腾讯微博之不足篇" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fexp-tencent-microblog-disadvantage%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027585.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">体验腾讯微博之不足篇</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="iPhone4使用体验" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fiphone4-experience%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027553.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">iPhone4使用体验</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></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>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="2010年用户体验挂历" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2F2010-ue-calender%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027566.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">2010年用户体验挂历</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="豆瓣改版分析" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027625.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">豆瓣改版分析</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="豆瓣变脸记" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027604.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">豆瓣变脸记</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="体验腾讯微博之不足篇" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fexp-tencent-microblog-disadvantage%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027585.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">体验腾讯微博之不足篇</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="iPhone4使用体验" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fiphone4-experience%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027553.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">iPhone4使用体验</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.ashnotes.com/exp-newer-douban/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>豆瓣改版分析</title>
		<link>http://www.ashnotes.com/newer-douban-analysis/</link>
		<comments>http://www.ashnotes.com/newer-douban-analysis/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 16:00:19 +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=331</guid>
		<description><![CDATA[从上个月新版豆瓣昙花一现，到这次新版豆瓣小规模测试，相对于上一次07年底改版一样招致很多老豆油们一片质疑，这次改版却引起了老豆油们更加强劲反弹。从阿北在《豆瓣变形记》 后面生机勃勃的评论中可以看出，这次他们抱怨的不是新版豆瓣的发布模式，而是整个豆瓣架构的重新调整以及部分功能修改对豆油们的情感伤害，综合起来大致有以下三个原因              1 读书、音乐、电影独立运营              2 豆瓣社区，豆瓣也要buzz嘛？              3 破坏已有豆列生存规则，  将豆列分流 （注：豆列是豆瓣网友将书籍、音乐、电影中有某种共同特征的具体条目打包成一个链接，方便资源的整合与传播，是豆瓣网友们辛勤编织的劳动成果）这其中第3个破坏已有豆列影响最恶劣，于是就有了豆油发起了《反对豆列分拆大签名!》，截止目前有1414人参加 。而这些都说明一方面豆瓣在演化进程中充满争议；另一方面令人羡慕是阿北有着这么一群可爱的豆油拥趸发表意见、指出不足，无论如何对豆瓣的发展是值得庆幸的！ 写这篇文章的目地一是为了了解豆瓣这次改版的用户反馈；二次是利用信息架构、信息设计等UE知识分析下这次豆瓣改版的背景和原因，以供同行切磋。下面对豆瓣改版的背景和原因进行分析。 可能大家在争论豆瓣这次藐视书影音艺术“通用性”的同时忽视了以下两个因素： 一是豆瓣网在2009年底拿到近1个亿的二轮投资，规模化商业进程开始逐渐启动，阿北及其团队需要扩充产品线和深化产品服务迎合资本方； 二是之去年中开始和腾讯、百度等合作开放平台嵌入应用而带来的近3kw新用户爆发性增长，海量新用户产生的噪音干扰豆瓣最为宝贵的财富且将自身定位为小众而高端老用户，迫使他们担心豆瓣变质迫使自己离开，这也就是阿北在《豆瓣变形记》提到的担忧——“高度活跃的社区对书影乐服务内容可能的干扰，比如社区内的人际冲突会波及到评论和条目内容”。  看清了以上两个原因之后就可以明白新版豆瓣的信息架构调整，一方面建立豆瓣社区，统一整合用户空间、线上线下社区功能，强化广播（微博、buzz，没办法大势所趋）属性，照顾腾讯空间过来的新用户行为习惯；另一方面是将读书、音乐、电影以独立二级域名形式独立运营，以便日后对老用户提供更好的服务，当然了，也不排除“将鸡蛋放在3个篮子”说法，降低豆瓣运营风险；然而这次豆瓣效果究竟如何呢，请看下一篇《体验新版豆瓣》，敬请期待！<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="体验新版豆瓣" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027625.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">体验新版豆瓣</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="豆瓣变脸记" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027604.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">豆瓣变脸记</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="简化信息架构" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fsimplify-information-architecture%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027617.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">简化信息架构</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="信息架构的十大误区" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Ftop10-mistakes-of-information-architecture%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027617.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">信息架构的十大误区</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="读《设计中的设计》——信息传达" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fdesign-in-design-information-show%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/02/20502205.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">读《设计中的设计》——信息传达</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p><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></p>
<p>从上个月新版豆瓣昙花一现，到这次新版豆瓣小规模测试，相对于上一次07年底改版一样招致很多老豆油们<a href="http://blog.douban.com/douban/2007/11/21/99/ " target="_blank">一片质疑</a>，这次改版却引起了老豆油们更加强劲反弹。从阿北在<a href="http://blog.douban.com/douban/2010/02/03/805/" target="_blank">《豆瓣变形记》</a> 后面生机勃勃的评论中可以看出，这次他们抱怨的不是新版豆瓣的发布模式，而是整个豆瓣架构的重新调整以及部分功能修改对豆油们的情感伤害，综合起来大致有以下三个原因</p>
<p>             1 读书、音乐、电影独立运营</p>
<p>             2 豆瓣社区，豆瓣也要buzz嘛？</p>
<p>             3 破坏已有豆列生存规则，  将豆列分流</p>
<p><em>（注：豆列是豆瓣网友将书籍、音乐、电影中有某种共同特征的具体条目打包成一个链接，方便资源的整合与传播，是豆瓣网友们辛勤编织的劳动成果）</em><em></em>这其中第3个破坏已有豆列影响最恶劣，于是就有了豆油发起了<a href="http://www.douban.com/online/10338773/ " target="_blank">《反对豆列分拆大签名!》，</a>截止目前有1414人参加 。而这些都说明一方面豆瓣在演化进程中充满争议；另一方面令人羡慕是阿北有着这么一群可爱的豆油拥趸发表意见、指出不足，无论如何对豆瓣的发展是值得庆幸的！</p>
<p lang="en-US">写这篇文章的目地一是为了了解豆瓣这次改版的用户反馈；二次是利用信息架构、信息设计等UE知识分析下这次豆瓣改版的背景和原因，以供同行切磋。下面对豆瓣改版的背景和原因进行分析。</p>
<p>可能大家在争论豆瓣这次藐视书影音艺术“通用性”的同时忽视了以下两个因素：</p>
<p>一是豆瓣网在2009年底拿到近1个亿的<a href="http://tech.sina.com.cn/i/2010-01-25/08013800102.shtml" target="_blank">二轮投资</a>，规模化商业进程开始逐渐启动，阿北及其团队需要扩充产品线和深化产品服务迎合资本方；</p>
<p>二是之去年中开始和腾讯、百度等合作开放平台嵌入应用而带来的近3kw新用户爆发性增长，海量新用户产生的噪音干扰豆瓣最为宝贵的财富且将自身定位为小众而高端老用户，迫使他们担心豆瓣变质迫使自己离开，这也就是阿北在《豆瓣变形记》提到的担忧——“<a href="http://blog.douban.com/douban/2010/02/03/805/" target="_blank">高度活跃的社区对书影乐服务内容可能的干扰，比如社区内的人际冲突会波及到评论和条目内容</a>”。</p>
<p> 看清了以上两个原因之后就可以明白新版豆瓣的信息架构调整，一方面建立豆瓣社区，统一整合用户空间、线上线下社区功能，强化广播（微博、buzz，没办法大势所趋）属性，照顾腾讯空间过来的新用户行为习惯；另一方面是将读书、音乐、电影以独立二级域名形式独立运营，以便日后对老用户提供更好的服务，当然了，也不排除“将鸡蛋放在3个篮子”说法，降低豆瓣运营风险；然而这次豆瓣效果究竟如何呢，请看下一篇《体验新版豆瓣》，敬请期待！</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">无觅猜您也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="体验新版豆瓣" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fexp-newer-douban%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027625.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">体验新版豆瓣</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="豆瓣变脸记" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fdouban-change-face%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027604.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">豆瓣变脸记</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="简化信息架构" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fsimplify-information-architecture%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027617.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">简化信息架构</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="信息架构的十大误区" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Ftop10-mistakes-of-information-architecture%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/01/11/2027617.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">信息架构的十大误区</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="读《设计中的设计》——信息传达" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.ashnotes.com%2Fdesign-in-design-information-show%2F&from=http%3A%2F%2Fwww.ashnotes.com%2Fnewer-douban-analysis%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/02/20502205.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">读《设计中的设计》——信息传达</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.ashnotes.com/newer-douban-analysis/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

