<?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.hanjunxing.com/category/design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.hanjunxing.com</link>
	<description>专注于互联网产品</description>
	<lastBuildDate>Wed, 14 Jul 2010 15:48:00 +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.hanjunxing.com/product-management-and-design</link>
		<comments>http://www.hanjunxing.com/product-management-and-design#comments</comments>
		<pubDate>Tue, 09 Mar 2010 02:35:49 +0000</pubDate>
		<dc:creator>hanjunxing</dc:creator>
				<category><![CDATA[产品]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[互联网]]></category>
		<category><![CDATA[交互]]></category>
		<category><![CDATA[沟通]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[管理]]></category>
		<category><![CDATA[需求]]></category>

		<guid isPermaLink="false">http://www.hanjunxing.com/?p=755</guid>
		<description><![CDATA[几天前又接到某门户HR的新工作邀请电话，却被自己婉言拒绝了&#8230;对我个人而言，在一家行业电子商务门户两年的产品管理和产品设计经验，在金三银四的北京的春天，的确有很多机会，年前我的确也动摇过：为了更好的发展，是不是应该跳槽了？可经过一个假期的思考后，我发现我要学的还有很多，为了跳槽而跳槽是没有任何意义的，自己应该塌下心来继续学习，在现有的互联网产品管理与产品设计领域积累更多的经验。
关于互联网产品管理和产品设计，曾一度有些迷茫。虽然一直沉淫于产品设计和用户体验，但确实也做了很多产品管理的相关工作，并且这部分“沟通”的时间所占自己工作的比重也在逐步加大。而除了互联网产品设计外，产品管理更是涉及到了软件/互联网企业经营的方方面面：

如图，需求端的沟通主要来自于销售和内容，技术段的沟通又涉及到了产品开发的相关方面。我本身是做销售起家转做产品的，因此对用户需求和用户体验非常敏感，但涉及到产品的具体实现上，又暴露出了技术基础不扎实的软肋。产品设计不用深入考虑技术开发，但在明确业务流程并设计产品外，也应该考虑到数据的流转甚至数据表的字段，而不是只设计出产品的骨架外壳，就将剩下的工作一脚踢给技术，否则会加大许多沟通成本，比如我现在连每天的午饭都在跟技术架构师一起吃&#8230;
去年拿下年度优秀员工并不是一件容易的事，但即便如此，我依然觉得自己欠缺的还很多。从用户研究到角色建模，从流程设计到产品架构，从交互设计到UI设计，从可用性分析到用户体验，甚至最基本的产品工具比如Axure、Visio都只是“办事儿”的程度，远没有达到精通，更谈不上什么核心竞争力了。低调做人，闷头做事，再给自己一年的时间学习，总结，希望年底时会发现，2010年，我在互联网产品领域又迈出了坚实的一步。

	相关日志
	
	需求调研与产品设计10条经验 (1)
	软件/互联网产品设计流程 (10)
	用户行为分析软件IOGraph：记录你的鼠标轨迹和停留点击 (2)
	需求变更-要效率还是要规矩？ (1)
	结项是产品的另一个起点 (0)


]]></description>
			<content:encoded><![CDATA[<p>几天前又接到某门户HR的新工作邀请电话，却被自己婉言拒绝了&#8230;对我个人而言，在一家行业电子商务门户两年的产品管理和产品设计经验，在金三银四的北京的春天，的确有很多机会，年前我的确也动摇过：为了更好的发展，是不是应该跳槽了？可经过一个假期的思考后，我发现我要学的还有很多，为了跳槽而跳槽是没有任何意义的，自己应该塌下心来继续学习，在现有的互联网产品管理与产品设计领域积累更多的经验。</p>
<p>关于互联网产品管理和产品设计，曾一度有些迷茫。虽然一直沉淫于产品设计和用户体验，但确实也做了很多产品管理的相关工作，并且这部分“沟通”的时间所占自己工作的比重也在逐步加大。而除了<a href="http://www.hanjunxing.com/web-product-design-process" target="_blank">互联网产品设计</a>外，产品管理更是涉及到了软件/互联网企业经营的方方面面：</p>
<p><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/产品管理1.jpg"><img class="aligncenter size-full wp-image-759" title="互联网产品管理与设计" src="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/产品管理1.jpg" alt="" width="550" height="340" /></a><span id="more-755"></span></p>
<p>如图，需求端的沟通主要来自于销售和内容，技术段的沟通又涉及到了产品开发的相关方面。我本身是做销售起家转做产品的，因此对用户需求和用户体验非常敏感，但涉及到产品的具体实现上，又暴露出了技术基础不扎实的软肋。产品设计不用深入考虑技术开发，但在明确业务流程并设计产品外，也应该考虑到数据的流转甚至数据表的字段，而不是只设计出产品的骨架外壳，就将剩下的工作一脚踢给技术，否则会加大许多沟通成本，比如我现在连每天的午饭都在跟技术架构师一起吃&#8230;</p>
<p>去年拿下年度优秀员工并不是一件容易的事，但即便如此，我依然觉得自己欠缺的还很多。从用户研究到角色建模，从流程设计到产品架构，从<a href="http://ucdchina.com/" target="_blank">交互设计</a>到UI设计，从可用性分析到用户体验，甚至最基本的产品工具比如<a href="http://www.axure.org/index.html" target="_blank">Axure</a>、<a href="http://www.hanjunxing.com/visio-web-flow-charts" target="_blank">Visio</a>都只是“办事儿”的程度，远没有达到精通，更谈不上什么核心竞争力了。低调做人，闷头做事，再给自己一年的时间学习，总结，希望年底时会发现，2010年，我在互联网产品领域又迈出了坚实的一步。</p>

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.hanjunxing.com/10-notes-of-demand-and-product-design" title="需求调研与产品设计10条经验 (2010/05/28)">需求调研与产品设计10条经验</a> (1)</li>
	<li><a href="http://www.hanjunxing.com/web-product-design-process" title="软件/互联网产品设计流程 (2010/01/18)">软件/互联网产品设计流程</a> (10)</li>
	<li><a href="http://www.hanjunxing.com/iograph" title="用户行为分析软件IOGraph：记录你的鼠标轨迹和停留点击 (2010/06/11)">用户行为分析软件IOGraph：记录你的鼠标轨迹和停留点击</a> (2)</li>
	<li><a href="http://www.hanjunxing.com/demand-change" title="需求变更-要效率还是要规矩？ (2009/01/16)">需求变更-要效率还是要规矩？</a> (1)</li>
	<li><a href="http://www.hanjunxing.com/beginning" title="结项是产品的另一个起点 (2009/01/15)">结项是产品的另一个起点</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.hanjunxing.com/product-management-and-design/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>B2C京东商城与新蛋网购的用户体验对比</title>
		<link>http://www.hanjunxing.com/ue-about-b2c-360buy-vs-newegg</link>
		<comments>http://www.hanjunxing.com/ue-about-b2c-360buy-vs-newegg#comments</comments>
		<pubDate>Wed, 03 Mar 2010 04:01:32 +0000</pubDate>
		<dc:creator>hanjunxing</dc:creator>
				<category><![CDATA[产品]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[B2C]]></category>
		<category><![CDATA[京东]]></category>
		<category><![CDATA[分类]]></category>
		<category><![CDATA[导航]]></category>
		<category><![CDATA[搜索]]></category>
		<category><![CDATA[新蛋]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[评论]]></category>

		<guid isPermaLink="false">http://www.hanjunxing.com/?p=732</guid>
		<description><![CDATA[随着网络购物的深入发展，B2C模式以其正规的进货渠道、完善的售后服务、可靠的质量、公道的价格等优势，正在逐步蚕食C2C的市场，相信5 年内将会重新超越C2C成为网络购物的主流渠道，从淘宝、百度等纷纷杀入B2C市场也可见一斑。但目前在中国电子数码B2C领域，京东商城与新蛋网依旧并列处于第一集团。那么这两家以3C数码为主的网络商城的用户体验如何呢？由于本人正有需求希望网购一个移动硬盘，借此对京东商城及新蛋购物流程的用户体验做一个简单的对比。]]></description>
			<content:encoded><![CDATA[<p>随着网络购物的深入发展，B2C模式以其正规的进货渠道、完善的售后服务、可靠的质量、公道的价格等优势，正在逐步蚕食C2C的市场，相信5年内将会重新超越C2C成为网络购物的主流渠道，从淘宝、百度等纷纷杀入B2C市场也可见一斑。但目前在中国电子数码B2C领域，<a href="http://www.360buy.com/" target="_blank">京东商城</a>与<a href="http://www.newegg.com.cn/" target="_blank">新蛋网</a>依旧并列处于第一集团。那么这两家以3C数码为主的网络商城的用户体验如何呢？由于本人正有需求希望网购一个移动硬盘，借此对京东商城及新蛋购物流程的用户体验做一个简单的对比。</p>
<p><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/title对比.jpg"><img class="aligncenter size-full wp-image-738" title="京东和新蛋的顶部title对比" src="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/title对比.jpg" alt="" width="550" height="142" /></a><span id="more-732"></span></p>
<h2><span style="color: #008000;"><strong>1.京东和新蛋顶部导航搜索栏对比</strong></span></h2>
<p>最直观的感觉，京东的更加漂亮，而新蛋的有些土。主要原因是京东采取了宽屏页面的设计，适应了潮流；另外，鲜艳活泼的导航条加以金色暗纹，更显高档，热门搜索与搜索框之间精致的凹陷分割也非常精致。</p>
<p>在看看新蛋，粑粑色的高光效果虽然也不错，但跟京东比我不得不说这实在太粗糙了，对比<a href="http://www.newegg.com/" target="_blank">美国原版的新蛋</a>你会感觉新蛋中国就像山寨版的。不，我不是美术设计师，更不是UI专家，但这不妨碍我对两个网站的第一印象。</p>
<p>B2C商城给人的第一印象一定要是“可信任的”，这也是B2C相对C2C的核心竞争力所在。因此，如果我是一个从未网购过的普通用户，对比这两个网站，70%的可能我会选择“看起来更好”的京东。</p>
<p>更深入的看一下导航栏：</p>
<p><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/导航对比.jpg"><img class="aligncenter size-full wp-image-737" title="京东与新蛋导航栏对比" src="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/导航对比.jpg" alt="" width="550" height="209" /></a></p>
<p>从内容上，京东除了数码3C外，将日用百货也作为了大类；而新蛋采用了传统数码3C的分类，这与两个网站的战略是密切相关的。网站活动和推广模块，京东将“积分兑换”与大类并列，结构上存在缺陷，因此这部分加红以作区别；新蛋将与购物无直接关系的“限时抢购”等模块独立出来，这是个不错的主意。下面的二级分类下拉菜单也结构清晰，但问题的关键在于，标签高亮显示的设计实在是太突兀了，好吧，这我忍了，当我点击“限时抢购”时，这个标签没有任何变化&#8230;这是BUG么&#8230;&#8230;</p>
<p>最后，搜索栏及购物车的设计各有优劣，智者见智，不过有个细节，京东的热门产品会随着所选标签的变化而变化，非常人性化；新蛋热门词汇就没这么智能了。</p>
<p><!-- td {color:#000000; font-size:12.0pt; font-family:宋体; font-weight:400; font-style:normal; text-decoration:none; text-align:general; vertical-align:middle; mso-number-format:General; mso-protection:locked visible; }.et3 {color:#000000; font-size:12.0pt; font-family:宋体; font-weight:400; font-style:normal; text-decoration:none; text-align:center; vertical-align:middle; border-left:.5pt solid #000000; border-right: .5pt solid #000000; border-top:.5pt solid #000000; border-bottom:.5pt solid #000000; mso-number-format:'0_)\;[Red]\(0\)'; mso-protection:locked visible; }.et4 {color:#000000; font-size:12.0pt; font-family:宋体; font-weight:400; font-style:normal; text-decoration:none; text-align:center; vertical-align:middle; border-left:.5pt solid #000000; border-right: .5pt solid #000000; border-top:.5pt solid #000000; border-bottom:.5pt solid #000000; mso-number-format:General; mso-protection:locked visible; }.et5 {color:#000000; font-size:12.0pt; font-family:宋体; font-weight:400; font-style:normal; text-decoration:none; text-align:center; vertical-align:middle; border-left:.5pt solid #000000; border-right: .5pt solid #000000; border-top:.5pt solid #000000; border-bottom:.5pt solid #000000; background:#CCFFCC; mso-pattern:#000000 none; mso-number-format:'0_)\;[Red]\(0\)'; mso-protection:locked visible; }.et6 {color:#000000; font-size:12.0pt; font-family:宋体; font-weight:400; font-style:normal; text-decoration:none; text-align:center; vertical-align:middle; border-left:.5pt solid #000000; border-right: .5pt solid #000000; border-top:.5pt solid #000000; border-bottom:.5pt solid #000000; background:#CCFFCC; mso-pattern:#000000 none; mso-number-format:General; mso-protection:locked visible; }.et7 {color:#000000; font-size:12.0pt; font-family:宋体; font-weight:400; font-style:normal; text-decoration:none; text-align:center; vertical-align:middle; border-left:.5pt solid #000000; border-right: .5pt solid #000000; border-top:.5pt solid #000000; border-bottom:.5pt solid #000000; background:#FFFFCC; mso-pattern:#000000 none; mso-number-format:General; mso-protection:locked visible; } --></p>
<table style="height: 57px;" width="393">
<col width="72"></col>
<col width="76"></col>
<col width="72"></col>
<col width="72"></col>
<col width="101"></col>
<tbody>
<tr height="19">
<td width="72" height="19"><span style="color: #000080;"> </span></td>
<td width="76" height="19"><span style="color: #000080;">UI</span></td>
<td width="72" height="19"><span style="color: #000080;">导航</span></td>
<td width="72" height="19"><span style="color: #000080;">搜索</span></td>
<td width="101" height="19"><span style="color: #000080;">总分</span></td>
</tr>
<tr height="19">
<td width="72" height="19"><span style="color: #993300;">京东</span></td>
<td width="76" height="19">9</td>
<td width="72" height="19">8</td>
<td width="72" height="19">9</td>
<td width="101" height="19">26</td>
</tr>
<tr height="19">
<td width="72" height="19"><span style="color: #993300;">新蛋</span></td>
<td width="76" height="19">6</td>
<td width="72" height="19">7</td>
<td width="72" height="19">8</td>
<td width="101" height="19">21</td>
</tr>
</tbody>
</table>
<h2><span style="color: #008000;"><strong>2.京东和新蛋搜索后的产品分类及展示对比</strong></span></h2>
<p>相对于C2C购物时消费者爱“逛”的习惯，B2C用户目标更加明确，因此，在搜索框输入目标产品是用户在B2C网购的重要应用之一。输入“移动硬盘”后点击“搜索”刷新页面如下：</p>
<p><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/搜索内容-对比.jpg"><img class="aligncenter size-full wp-image-739" title="京东与新蛋搜索后分类显示对比" src="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/搜索内容-对比.jpg" alt="" width="396" height="354" /></a></p>
<p>筛选搜索结果相对于了解产品的用户是必不可少的功能，你可以根据自己的需要过滤不想看到的产品，进而选择更符合自己要求的产品。</p>
<p>搜索移动硬盘后，京东提供的筛选过滤方式只有“按品牌”以及“按价格”，而新蛋则多了非常重要的“按类别”以及“促销类型”。类别排序可以使用后更加精确的选择移动硬盘的大小，以及相关性强的组装硬盘和硬盘盒，这对精细化用户需求，引导用户进一步浏览产品信息是尤为重要的；促销类型则推荐了新品、热销等具有推送意义的产品，这也体现了web2.0的思想，对于容易受外界因素影响的用户非常有吸引力。</p>
<p>当你更深入的点击新蛋提供的搜索结果过滤，比如选择“2.5寸便携式移动硬盘”后，会有更多细分选择出现，比如“接口类型”、“容量大小”等等。总之，这种细节的人性化设计能够最大程度的帮助用户找到他们所需要的产品。</p>
<p><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/新蛋排序.jpg"><img class="aligncenter size-full wp-image-742" title="新蛋网搜索结果产品排序" src="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/新蛋排序.jpg" alt="" width="499" height="191" /></a></p>
<p>而对目标不明确的用户而言，页面排序展示则是非常重要的。同样，新蛋在这部分设计体贴入微，排序方式提供了评论、价格、时间等等选择，用户可以看看大家都买什么作为参考，再结合自己的实际情况选择产品。这样的设计降低了用户机会成本，方便了用户。</p>
<p>反观京东，除了有价格排序外，你只能对着一屏幕和几十页移动硬盘发呆。哦，该死的杯具，<a href="http://www.dearbook.com.cn/2006/DMMT/" target="_blank">Don&#8217;t make me think！</a>——于是京东的用户关闭了这令人炫目的产品列表。</p>
<table border="0" cellspacing="0" cellpadding="0" width="312">
<col width="72"></col>
<col width="96"></col>
<col span="2" width="72"></col>
<tbody>
<tr height="19">
<td width="72" height="19"><span style="color: #000080;"><br />
</span></td>
<td width="96"><span style="color: #000080;">搜索结果筛选</span></td>
<td width="72"><span style="color: #000080;">页面排序</span></td>
<td width="72"><span style="color: #000080;">总分</span></td>
</tr>
<tr height="19">
<td height="19"><span style="color: #800000;">京东</span></td>
<td>6</td>
<td>5</td>
<td>11</td>
</tr>
<tr height="19">
<td height="19"><span style="color: #800000;">新蛋</span></td>
<td>10</td>
<td>9</td>
<td>19</td>
</tr>
</tbody>
</table>
<h2><strong><span style="color: #008000;">3.京东和新蛋产品图片、说明及评论对比</span></strong></h2>
<p>当找到心仪的产品时，用户最关系的问题包括图片、描述、价格、评论，下面对比一下京东商城以及新蛋网的个体产品介绍：</p>
<p><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/产品对比.jpg"><img class="aligncenter size-full wp-image-743" title="京东和新蛋产品图片及说明对比" src="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/产品对比.jpg" alt="" width="437" height="279" /></a></p>
<p>文案方面，京东将“移动硬盘”加红，效果远不如新蛋将相关优惠信息加红；价格展示上，新蛋划掉市场价的做法，也会对很多新手起到足够的诱惑；而评论部分，新蛋将用户打分的分值直观展示，也是web2.0的典型做法。</p>
<p>最后，不得不说一下“对比”功能。京东将“对比”设计成按钮与购买行为并列，结构上并不合理；同时，按钮放在这里，会使消费者误认为点击后会产生页面跳转等不能掌控的结果。相比新蛋的选择框，用户的风险会小很多。同时，新蛋加重“购买”按钮，也会对消费者产生足够的诱惑。因此，不得不说在这个环节，京东商城的用户体验完败于新蛋网。</p>
<p><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/评论.jpg"><img class="aligncenter size-full wp-image-744" title="京东和新蛋的评论对比" src="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/评论.jpg" alt="" width="550" height="426" /></a></p>
<p>评论模块中，京东的设计满足了用户评论的基本需求，但看到满屏的“不足”都是“暂时还没发现缺点”，犹如嚼蜡。相比之下，新蛋将用品打分图形化，使用户更直观的了解购买者对产品的评分；评论定制最大程度上满足了商城“推送”的需求，能够更好的吸引用户；右下角的“举报”更使我眼前一亮&#8230;看来新蛋将和谐社会的思想已经贯彻落实下去了，很好很强大。</p>
<p>实际上，现在的消费者通过网络购物时，越来越看重第三方评论，评论对消费者的影响是巨大的。因此，对于B2C网上购物站点而言，一定要不吝版面不惜代价的加强对评论模块的改进以，并着力引导用户做出好的评论，因为这将直接影响到用户的购买欲望。因此在这一环节，京东又完败了。</p>
<table border="0" cellspacing="0" cellpadding="0" width="312">
<col width="72"></col>
<col width="96"></col>
<col span="2" width="72"></col>
<tbody>
<tr height="19">
<td width="72" height="19"><span style="color: #000080;"><br />
</span></td>
<td width="96"><span style="color: #000080;">产品展示</span></td>
<td width="72"><span style="color: #000080;">评论</span></td>
<td width="72"><span style="color: #000080;">总分</span></td>
</tr>
<tr height="19">
<td height="19"><span style="color: #800000;">京东</span></td>
<td>7</td>
<td>6</td>
<td>13</td>
</tr>
<tr height="19">
<td height="19"><span style="color: #800000;">新蛋</span></td>
<td>10</td>
<td>10</td>
<td>20</td>
</tr>
</tbody>
</table>
<p>到此为止，我们针对京东商城和新蛋网购物环节的用户体验做了一个简单的评测。在购买并付款环节，两个网站的流程都经过了时间和市场的考验，相比之下都比较流畅，没有出现最后环节掉链子的情况。至于订单落实后的物流配送环节不再本次在线用户体验评测的范围之内。</p>
<p>当然，以上对比并不能说明新蛋要强于京东，影响网上商城评价的因素还有很多，如果单从市场和知名度看，新蛋距离京东还是有一定差距的。而我也希望总部在北京的京东商城能够更加重视用户体验，为消费者提供更多的方便和实惠。关于B2C领域的两个领头羊京东商城和新蛋网的网络购物用户体验对比得分如下：</p>
<table style="border-collapse: collapse; width: 430pt;" border="0" cellspacing="0" cellpadding="0" width="573">
<col style="width: 54pt;" width="72"></col>
<col style="width: 98pt;" width="130"></col>
<col style="width: 107pt;" width="143"></col>
<col style="width: 96pt;" width="128"></col>
<col style="width: 75pt;" width="100"></col>
<tbody>
<tr style="height: 14.25pt;" height="19">
<td class="xl24" style="height: 14.25pt; width: 54pt;" width="72" height="19"><span style="color: #000080;"> </span></td>
<td class="xl25" style="border-left: medium none; width: 98pt;" width="130"><span style="color: #000080;">UI及导航搜索</span></td>
<td class="xl25" style="border-left: medium none; width: 107pt;" width="143"><span style="color: #000080;">产品分类展示</span></td>
<td class="xl25" style="border-left: medium none; width: 96pt;" width="128"><span style="color: #000080;">产品介绍及评论</span></td>
<td class="xl25" style="border-left: medium none; width: 75pt;" width="100"><span style="color: #000080;">加权得分</span></td>
</tr>
<tr style="height: 14.25pt;" height="19">
<td class="xl24" style="border-top: medium none; height: 14.25pt;" height="19"><span style="color: #800000;">京东</span></td>
<td class="xl25" style="border-top: medium none; border-left: medium none;">26</td>
<td class="xl25" style="border-top: medium none; border-left: medium none;">11</td>
<td class="xl25" style="border-top: medium none; border-left: medium none;">13</td>
<td class="xl26" style="border-top: medium none; border-left: medium none;">71.43</td>
</tr>
<tr style="height: 14.25pt;" height="19">
<td class="xl24" style="border-top: medium none; height: 14.25pt;" height="19"><span style="color: #800000;">新蛋</span></td>
<td class="xl25" style="border-top: medium none; border-left: medium none;">21</td>
<td class="xl25" style="border-top: medium none; border-left: medium none;">19</td>
<td class="xl25" style="border-top: medium none; border-left: medium none;">20</td>
<td class="xl26" style="border-top: medium none; border-left: medium none;">85.71</td>
</tr>
</tbody>
</table>
<blockquote><p>加权得分=用户体验得分/用户体验总分×100</p></blockquote>
<p>最后娱乐一下这两个B2C的巨头。对于网站的负面评论，在google搜索“京东 垃圾”和“新蛋 垃圾”返回的结果京东稍占优势。当然这与京东的市场份额比较大也是密不可分的。</p>
<p><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/垃圾.jpg"><img class="aligncenter size-full wp-image-745" title="京东与新蛋谁更垃圾" src="http://www.hanjunxing.com/blog/wp-content/uploads/2010/03/垃圾.jpg" alt="" width="478" height="51" /></a></p>
<p>对网络购物的抱怨目前多集中在到货、退换等线下部分，这一方面是国内物流行业效率低下引起的，另一方面就是网站线下流程规范和管理了。因此，国内<a href="http://baike.baidu.com/view/16398.htm" target="_blank">B2C</a>的道路还任重道远，但我相信，B2C是网络购物的大趋势，在不远的未来，我们一定会迎来安全、高效的互联网购物的新时代。</p>
<p>ps.早上看<a href="http://www.hanjunxing.com/what-is-rss" target="_blank">RSS订阅</a>，忽然发现<a href="http://ucdchina.com/snap/5992" target="_blank">京东商城(北京)招聘产品经理&amp;用户研究员</a>，看来京东跟我想一块去了，有兴趣的同学可以应聘试试，帮京东改进下用户体验，我们这些消费者也好挑的舒心，买的放心 <img src='http://www.hanjunxing.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 3259px; width: 1px; height: 1px;">
<table style="border-collapse: collapse; width: 430pt;" border="0" cellspacing="0" cellpadding="0" width="573">
<col style="width: 54pt;" width="72"></col>
<col style="width: 98pt;" width="130"></col>
<col style="width: 107pt;" width="143"></col>
<col style="width: 96pt;" width="128"></col>
<col style="width: 75pt;" width="100"></col>
<tbody>
<tr style="height: 14.25pt;" height="19">
<td class="xl24" style="height: 14.25pt; width: 54pt;" width="72" height="19"></td>
<td class="xl25" style="border-left: medium none; width: 98pt;" width="130">UI及导航搜索</td>
<td class="xl25" style="border-left: medium none; width: 107pt;" width="143">产品分类展示</td>
<td class="xl25" style="border-left: medium none; width: 96pt;" width="128">产品介绍及评论</td>
<td class="xl25" style="border-left: medium none; width: 75pt;" width="100">加权得分</td>
</tr>
<tr style="height: 14.25pt;" height="19">
<td class="xl24" style="border-top: medium none; height: 14.25pt;" height="19">京东</td>
<td class="xl25" style="border-top: medium none; border-left: medium none;">26</td>
<td class="xl25" style="border-top: medium none; border-left: medium none;">11</td>
<td class="xl25" style="border-top: medium none; border-left: medium none;">13</td>
<td class="xl26" style="border-top: medium none; border-left: medium none;">71.43</td>
</tr>
<tr style="height: 14.25pt;" height="19">
<td class="xl24" style="border-top: medium none; height: 14.25pt;" height="19">新蛋</td>
<td class="xl25" style="border-top: medium none; border-left: medium none;">21</td>
<td class="xl25" style="border-top: medium none; border-left: medium none;">19</td>
<td class="xl25" style="border-top: medium none; border-left: medium none;">20</td>
<td class="xl26" style="border-top: medium none; border-left: medium none;">85.71</td>
</tr>
</tbody>
</table>
</div>

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.hanjunxing.com/think-about-blog-1-2" title="博客的思考（二） (2009/01/12)">博客的思考（二）</a> (5)</li>
	<li><a href="http://www.hanjunxing.com/web-favorites" title="网络收藏夹 (2009/02/04)">网络收藏夹</a> (0)</li>
	<li><a href="http://www.hanjunxing.com/beginning" title="结项是产品的另一个起点 (2009/01/15)">结项是产品的另一个起点</a> (0)</li>
	<li><a href="http://www.hanjunxing.com/iograph" title="用户行为分析软件IOGraph：记录你的鼠标轨迹和停留点击 (2010/06/11)">用户行为分析软件IOGraph：记录你的鼠标轨迹和停留点击</a> (2)</li>
	<li><a href="http://www.hanjunxing.com/product-management-and-design" title="关于互联网产品管理与产品设计 (2010/03/09)">关于互联网产品管理与产品设计</a> (4)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.hanjunxing.com/ue-about-b2c-360buy-vs-newegg/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>软件/互联网产品设计流程</title>
		<link>http://www.hanjunxing.com/web-product-design-process</link>
		<comments>http://www.hanjunxing.com/web-product-design-process#comments</comments>
		<pubDate>Mon, 18 Jan 2010 09:29:31 +0000</pubDate>
		<dc:creator>hanjunxing</dc:creator>
				<category><![CDATA[产品]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[DEMO]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[上线]]></category>
		<category><![CDATA[互联网]]></category>
		<category><![CDATA[开发]]></category>
		<category><![CDATA[流程]]></category>
		<category><![CDATA[立项]]></category>
		<category><![CDATA[评审]]></category>
		<category><![CDATA[调研]]></category>
		<category><![CDATA[跟踪]]></category>
		<category><![CDATA[需求]]></category>

		<guid isPermaLink="false">http://www.hanjunxing.com/?p=699</guid>
		<description><![CDATA[近期站在产品部门的视角整理了公司产品设计流程，一来完成任务，二来对自己一年多项目管理和产品开发经验进行下梳理：

1.产品调研
产品的调研属于市场范畴，由市场部门负责。产品调研是为了提高产品决策质量，解决存在于产品设计及产品上线后销售中的问题而系统、客观的收集、分析市场综合情况的行为。所以与内部产品不同的是，外部产品调研需要撰写市场需求文档即MRD，只有符合公司战略和市场需求的产品，方可进入产品立项阶段。而内部产品调研由于不涉及市场环境，为了产品设计流程的敏捷和高效，不需要提交调研产出物。经过确认必要且可行的产品，可直接进入产品立项阶段。
2.产品立项与评审
产品立项是产品设计项目流程的起点，产出物主要为《产品立项说明书》。产品经理负责产品立项时的文档撰写以及项目时间和人力计划安排。产品立项后，直接进入立项评审流程。立项评审是对产品立项说明书和项目计划的综合评审。立项评审各节点的负责人需要填写《产品立项评审表》，评审通过时评审自动流入下一节点直至归档。立项评审通过后直接进入产品详细需求及设计阶段。
3.产品需求与DEMO设计
产品需求是项目流程的重要组成部分。主要由产品经理负责，对内部业务需求进行详细的调研分析。根据需求，产品经理需要设计业务流程以及构建产品框架，使产品能够满足业务方需求；同时与技术部门协同确保产品方案能够顺利实现。当产品需求明确后，需要设计产品线框图即DEMO展示，确保良好的可用性和用户体验。详细交互情况需要在产品需求说明书中注明。本阶段主要产出物为《产品需求说明书》，以及产品DEMO。应用工具主要为Visio、Axure等。当需求阶段结束后，进入需求评审流程。另外，需求变更一般是在设计阶段，用户的需求发生变化时进行的，当需求评审结束后进入开发阶段时的需求变更应该尽力避免。
4.需求评审
需求评审需要业务需求、产品、技术共同参与，由该项目产品经理对产品的需求说明书以及DEMO做详细汇报，并解答各方面疑问。参与的评审人员需要填写《产品需求评审表》，评审通过后项目自动流入UI设计流程。需求评审的结束是项目的里程碑。
5.UI设计与美术评审
UI设计主要是针对产品表现层的设计，包括框架、元素、界面、文字等等的标准化设计。与DEMO的线框图不同，经过UI设计后，经过确认产出物产品原型需要直接作为前端开发的标准。因此UI设计结束后，需要进行美术评审，征求公司领导和相关产品负责人对产品原型直观印象，直到最终原型确定进入前端开发流程。部分内部产品不涉及UI设计的，可直接进入技术开发。
6.技术开发及前端开发
通常情况下，技术开发在需求评审结束后即可开始介入。即根据产品需求文档和DEMO原型，开始架构产品底层，由架构师负责。随后展开源码撰写的技术段工作，主要由技术部门负责。当产品UI标准及美术交互原型完成后，根据底层开发情况，可以开展产品前端开发。部分网站产品如板块变更，不涉及底层开发部分的，可直接进行前端开发。
7.测试及上线
当开发完成时，由测试部门（测试部门在需求阶段即可参与项目）撰写用例并测试。新产品需要首先发布到测试平台使用测试，网站产品进行大范围改变时，需要上线测试版经过客户熟悉和认可后方可正式上线。
8.产品跟踪
产品上线结项后，产品经理开始对产品持续关注和跟踪。了解业务使用情况，同时针对产品使用过程中出现的问题进行修复；当业务需求变化时，及时对产品进行升级或进行二次开发。产品经理需要在产品的生命周期中持续跟进产品。

	相关日志
	
	关于互联网产品管理与产品设计 (4)
	需求调研与产品设计10条经验 (1)
	需求变更-要效率还是要规矩？ (1)
	用户行为分析软件IOGraph：记录你的鼠标轨迹和停留点击 (2)
	环保万年历，一点也不环保 (0)


]]></description>
			<content:encoded><![CDATA[<p>近期站在产品部门的视角整理了公司产品设计流程，一来完成任务，二来对自己一年多项目管理和产品开发经验进行下梳理：</p>
<p><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2010/01/产品设计流程.jpg"><img class="aligncenter size-full wp-image-701" title="产品设计流程" src="http://www.hanjunxing.com/blog/wp-content/uploads/2010/01/产品设计流程.jpg" alt="" width="367" height="759" /></a></p>
<h2><span id="more-699"></span>1.产品调研</h2>
<p>产品的调研属于市场范畴，由市场部门负责。产品调研是为了提高产品决策质量，解决存在于产品设计及产品上线后销售中的问题而系统、客观的收集、分析市场综合情况的行为。所以与内部产品不同的是，外部产品调研需要撰写<a href="http://www.hanjunxing.com/mrd" target="_blank">市场需求文档即MRD</a>，只有符合公司战略和市场需求的产品，方可进入产品立项阶段。而内部产品调研由于不涉及市场环境，为了产品设计流程的敏捷和高效，不需要提交调研产出物。经过确认必要且可行的产品，可直接进入产品立项阶段。</p>
<h2>2.产品立项与评审</h2>
<p>产品立项是<a href="http://indigos.cn/archives/199" target="_blank">产品设计项目流程</a>的起点，产出物主要为《产品立项说明书》。产品经理负责产品立项时的文档撰写以及项目时间和人力计划安排。产品立项后，直接进入立项评审流程。立项评审是对产品立项说明书和项目计划的综合评审。立项评审各节点的负责人需要填写《产品立项评审表》，评审通过时评审自动流入下一节点直至归档。立项评审通过后直接进入<a href="http://hi.baidu.com/pitiaoxiao/blog/item/2ffc334eeacea2c9d0c86aaf.html" target="_blank">产品详细需求及设计</a>阶段。</p>
<h2>3.产品需求与DEMO设计</h2>
<p>产品需求是项目流程的重要组成部分。主要由产品经理负责，对内部业务需求进行详细的调研分析。根据需求，产品经理需要设计业务流程以及构建产品框架，使产品能够满足业务方需求；同时与技术部门协同确保产品方案能够顺利实现。当产品需求明确后，需要设计产品线框图即DEMO展示，确保良好的可用性和用户体验。详细交互情况需要在产品需求说明书中注明。本阶段主要产出物为《<a href="http://www.hanjunxing.com/use-case-in-prd" target="_blank">产品需求说明书</a>》，以及产品DEMO。应用工具主要为<a href="http://www.hanjunxing.com/visio-web-flow-charts" target="_blank">Visio</a>、<a href="http://www.hanjunxing.com/axure-rp-chinese-realease" target="_blank">Axure</a>等。当需求阶段结束后，进入需求评审流程。另外，<a href="http://www.hanjunxing.com/demand-change" target="_blank">需求变更</a>一般是在设计阶段，用户的需求发生变化时进行的，当需求评审结束后进入开发阶段时的需求变更应该尽力避免。</p>
<h2>4.需求评审</h2>
<p>需求评审需要业务需求、产品、技术共同参与，由该项目产品经理对产品的需求说明书以及DEMO做详细汇报，并解答各方面疑问。参与的评审人员需要填写《产品需求评审表》，评审通过后项目自动流入UI设计流程。需求评审的结束是项目的里程碑。</p>
<h2>5.UI设计与美术评审</h2>
<p><a href="http://ucdchina.com/topic/18" target="_blank">UI设计</a>主要是针对产品表现层的设计，包括框架、元素、界面、文字等等的标准化设计。与DEMO的线框图不同，经过UI设计后，经过确认产出物产品原型需要直接作为前端开发的标准。因此UI设计结束后，需要进行美术评审，征求公司领导和相关产品负责人对产品原型直观印象，直到最终原型确定进入前端开发流程。部分内部产品不涉及UI设计的，可直接进入技术开发。</p>
<h2>6.技术开发及前端开发</h2>
<p>通常情况下，技术开发在需求评审结束后即可开始介入。即根据产品需求文档和DEMO原型，开始架构产品底层，由架构师负责。随后展开源码撰写的技术段工作，主要由技术部门负责。当产品UI标准及美术交互原型完成后，根据底层开发情况，可以开展产品前端开发。部分网站产品如板块变更，不涉及底层开发部分的，可直接进行前端开发。</p>
<h2>7.测试及上线</h2>
<p>当开发完成时，由测试部门（测试部门在需求阶段即可参与项目）撰写用例并测试。新产品需要首先发布到测试平台使用测试，网站产品进行大范围改变时，需要上线测试版经过客户熟悉和认可后方可正式上线。</p>
<h2>8.产品跟踪</h2>
<p><a href="http://www.hanjunxing.com/beginning" target="_blank">产品上线结项后，产品经理开始对产品持续关注和跟踪。</a>了解业务使用情况，同时针对产品使用过程中出现的问题进行修复；当业务需求变化时，及时对产品进行升级或进行二次开发。产品经理需要在产品的生命周期中持续跟进产品。</p>

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.hanjunxing.com/product-management-and-design" title="关于互联网产品管理与产品设计 (2010/03/09)">关于互联网产品管理与产品设计</a> (4)</li>
	<li><a href="http://www.hanjunxing.com/10-notes-of-demand-and-product-design" title="需求调研与产品设计10条经验 (2010/05/28)">需求调研与产品设计10条经验</a> (1)</li>
	<li><a href="http://www.hanjunxing.com/demand-change" title="需求变更-要效率还是要规矩？ (2009/01/16)">需求变更-要效率还是要规矩？</a> (1)</li>
	<li><a href="http://www.hanjunxing.com/iograph" title="用户行为分析软件IOGraph：记录你的鼠标轨迹和停留点击 (2010/06/11)">用户行为分析软件IOGraph：记录你的鼠标轨迹和停留点击</a> (2)</li>
	<li><a href="http://www.hanjunxing.com/permanent-calendar" title="环保万年历，一点也不环保 (2009/01/05)">环保万年历，一点也不环保</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.hanjunxing.com/web-product-design-process/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>09年10月网易首页改版</title>
		<link>http://www.hanjunxing.com/09-10-163-revision</link>
		<comments>http://www.hanjunxing.com/09-10-163-revision#comments</comments>
		<pubDate>Tue, 13 Oct 2009 04:09:43 +0000</pubDate>
		<dc:creator>hanjunxing</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[网易;改版;用户体验]]></category>

		<guid isPermaLink="false">http://www.hanjunxing.com/?p=607</guid>
		<description><![CDATA[昨天网易首页改版了。对于我这种喜欢网易并且上门户80%会上网易的用户而言，不得不说两句：

网易改版后的优点：
1.字号变大了。从12号变成14号，这对我而言是非常必要的。公司电脑目前的分辨率是1280×1024，家里笔记本分辨率是1280×800，对比下搜狐，你会发现明显的区别。字号变大也直接导致我这样有点近视的人能够远离屏幕一公分；
2.新增了如qq.com一样的文字链接导航。我对QQ首页的导航模块用的最多的就是直接去QQ软件，我想对于一部分人而言，网易这个导航模块的最热点击应该是加红的魔兽世界；
3.可以直接登录进邮箱了。之前输入帐号密码后进入网易的通行证，随后才能进入163邮箱，现在你可以直接进入它；
网易改版后的缺点：
1.最郁闷的就是网易不再简洁了。改版前，网易是门户中最简洁干净的网站，现在打开它第一眼我还以为打开了新浪；
2.新闻图片很小。相对广告图片而言，新闻图片的重要程度被降低了。并且更像广告，这很容易叫我无视它；
3.对颜色的使用不太和谐。除去花花绿绿的广告，我发现只字体的颜色就使用了5种以上，还不算字号、粗体、背景色，实际上5种并不多，问题是，红色和蓝色太多，干扰了视线。对比下腾讯你会发现明显的区别；
其它的变化还有很多，比如板块位置、登录状态、换肤等等，但并无太大新意，用户体验跟之前也没有太大区别。至于整体风格的感觉，就智者见智了。话说回来，最近看新闻，越来越依赖谷歌资讯了&#8230;&#8230;

	相关日志
	
	无相关日志
	

]]></description>
			<content:encoded><![CDATA[<p>昨天<a href="http://www.ued163.com/?p=656" target="_blank">网易首页改版了</a>。对于我这种喜欢网易并且上门户80%会上网易的用户而言，不得不说两句：</p>
<p><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2009/10/1.jpg"><img class="aligncenter size-full wp-image-608" title="网易改版" src="http://www.hanjunxing.com/blog/wp-content/uploads/2009/10/1.jpg" alt="网易改版" width="550" height="445" /></a></p>
<h2><span style="color: #0000ff;">网易改版后的优点：</span></h2>
<p>1.字号变大了。从12号变成14号，这对我而言是非常必要的。公司电脑目前的分辨率是1280×1024，家里笔记本分辨率是1280×800，对比下搜狐，你会发现明显的区别。字号变大也直接导致我这样有点近视的人能够远离屏幕一公分；</p>
<p>2.新增了如qq.com一样的文字链接导航。我对QQ首页的导航模块用的最多的就是直接去QQ软件，我想对于一部分人而言，网易这个导航模块的最热点击应该是加红的魔兽世界；</p>
<p>3.可以直接登录进邮箱了。之前输入帐号密码后进入网易的通行证，随后才能进入163邮箱，现在你可以直接进入它；</p>
<h2><span style="color: #ff0000;">网易改版后的缺点：</span></h2>
<p>1.最郁闷的就是网易不再简洁了。改版前，网易是门户中最简洁干净的网站，现在打开它第一眼我还以为打开了新浪；</p>
<p>2.新闻图片很小。相对广告图片而言，新闻图片的重要程度被降低了。并且更像广告，这很容易叫我无视它；</p>
<p>3.对颜色的使用不太和谐。除去花花绿绿的广告，我发现只字体的颜色就使用了5种以上，还不算字号、粗体、背景色，实际上5种并不多，问题是，红色和蓝色太多，干扰了视线。对比下腾讯你会发现明显的区别；</p>
<p>其它的变化还有很多，比如板块位置、登录状态、换肤等等，但并无太大新意，用户体验跟之前也没有太大区别。至于整体风格的感觉，就智者见智了。话说回来，最近看新闻，越来越依赖谷歌资讯了&#8230;&#8230;</p>

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li>无相关日志</li>
	</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.hanjunxing.com/09-10-163-revision/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>如何给淘宝店铺加背景音乐</title>
		<link>http://www.hanjunxing.com/taobao-shop-add-music</link>
		<comments>http://www.hanjunxing.com/taobao-shop-add-music#comments</comments>
		<pubDate>Fri, 20 Feb 2009 14:29:46 +0000</pubDate>
		<dc:creator>hanjunxing</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[淘宝;音乐;店铺;加;HTML;链接;用户体验;粘着度]]></category>

		<guid isPermaLink="false">http://www.hanjunxing.com/?p=271</guid>
		<description><![CDATA[MM在别人家的淘宝店铺里听到好听的背景音乐后，非要我帮忙也给她加个。其实淘宝店铺的主要个性化设置多集中在店铺公告的设置中，比如滚动效果的图片、统计流量的代码等等，背景音乐理所当然也是加在这里最合适。
给淘宝店铺加背景音乐的步骤：
1、登录自己的淘宝店铺主页；
2、在右侧点击：管理我的店铺；

3、在淘宝店铺公告面板点击：编辑（如没有，就回到基本设置查找）；

4、在编辑工具最右侧点击：编辑HTML源码图标；

5、在源码最下方添加以下背景音乐循环播放代码（橘色部分换成你喜欢的歌曲源地址，如将“-1”换成“1”为只播放一次）：
&#60;bgsound src=&#8221;http://www.yourmusic.mp3&#8221; loop=&#8221;-1&#8243;&#62;
6、点击保存后回到主页并刷新；
这时，你应该可以听到自己的淘宝店铺中的背景音乐了。有兴趣的可以去我MM的店铺中听听，顺便买点东西我也不介意的&#8230;&#8230;
需要提醒的是，如果你找的背景音乐的链接速度较慢，是会在自己的淘宝店铺中体现出来的，所以最好选一个链接速度好一点的背景音乐源；有些MM说在店铺加了音乐后，进入店铺的速度会有所降低，实际上这是不可避免的，但由于音乐源的质量和网速的影响，会有不同的体现，如果实在卡，还是取消吧，毕竟背景音乐目的是提高用户体验和粘着度，如果达不到目的，音乐很卡，相信没人会在你的店铺买东西的。给自己店铺加背景音乐的优劣就是这些了。
你淘宝店铺的背景音乐加好了吗？
淘宝改版后添加背景音乐的补充修改：
前两天，发现店铺音乐无法正常播放了，原来是淘宝改版惹得祸。以下为最新背景音乐代码，测试正常！
&#60;BGSOUND balance=0 src=&#8221;http://www.yourmusic.mp3&#8221; volume=0 loop=infinite&#62;&#60;/BGSOUND&#62;
可将以上背景音乐代码继续添加至公告板块内。
使用旺铺装修的朋友，可以添加自定义模块，并在自定义模块的的“编辑HTML源码”处添加上代码，不过需要注意的是，最好搭配图片或者文字使用，因为音乐代码是可视模式下不能显示的，淘宝会认为不能显示的自定义模块为空内容，从而影响到背景音乐代码的正常使用。

	相关日志
	
	无相关日志
	

]]></description>
			<content:encoded><![CDATA[<p>MM在别人家的淘宝店铺里听到好听的背景音乐后，非要我帮忙也给她加个。其实淘宝店铺的主要个性化设置多集中在店铺公告的设置中，比如滚动效果的图片、统计流量的代码等等，背景音乐理所当然也是加在这里最合适。</p>
<p>给淘宝店铺加背景音乐的步骤：</p>
<p>1、登录自己的淘宝店铺主页；</p>
<p>2、在右侧点击：<strong>管理我的店铺</strong>；</p>
<p style="text-align: center;"><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2009/02/13.jpg"><img class="size-full wp-image-273 aligncenter" title="淘宝管理我的店铺" src="http://www.hanjunxing.com/blog/wp-content/uploads/2009/02/13.jpg" alt="淘宝管理我的店铺" width="301" height="64" /></a></p>
<p>3、在淘宝店铺公告面板点击：<strong>编辑</strong>（如没有，就回到基本设置查找）；</p>
<p><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2009/02/32.jpg"><img class="aligncenter size-full wp-image-275" title="淘宝编辑" src="http://www.hanjunxing.com/blog/wp-content/uploads/2009/02/32.jpg" alt="淘宝编辑" width="504" height="103" /></a></p>
<p>4、在编辑工具最右侧点击：<strong>编辑HTML源码</strong>图标；</p>
<p><a href="http://www.hanjunxing.com/blog/wp-content/uploads/2009/02/42.jpg"><img class="aligncenter size-full wp-image-276" title="淘宝编辑HTML" src="http://www.hanjunxing.com/blog/wp-content/uploads/2009/02/42.jpg" alt="淘宝编辑HTML" width="268" height="121" /></a></p>
<p>5、在源码最下方添加以下背景音乐循环播放代码（橘色部分换成你喜欢的歌曲源地址，如将“-1”换成“1”为只播放一次）：</p>
<p><span style="color: #000080;">&lt;bgsound src=&#8221;<span style="color: #ff6600;">http://www.yourmusic.mp3</span>&#8221; loop=&#8221;-1&#8243;&gt;</span></p>
<p>6、点击<strong>保存</strong>后回到主页并刷新；</p>
<p>这时，你应该可以听到自己的淘宝店铺中的背景音乐了。有兴趣的可以去<a href="http://shop34602525.taobao.com" target="_blank">我MM的店铺</a>中听听，顺便买点东西我也不介意的&#8230;&#8230;</p>
<p>需要提醒的是，如果你找的背景音乐的链接速度较慢，是会在自己的淘宝店铺中体现出来的，所以最好选一个链接速度好一点的背景音乐源；有些MM说在店铺加了音乐后，进入店铺的速度会有所降低，实际上这是不可避免的，但由于音乐源的质量和网速的影响，会有不同的体现，如果实在卡，还是取消吧，毕竟背景音乐目的是提高用户体验和粘着度，如果达不到目的，音乐很卡，相信没人会在你的店铺买东西的。给自己店铺加背景音乐的优劣就是这些了。</p>
<p>你淘宝店铺的背景音乐加好了吗？</p>
<p><strong>淘宝改版后添加背景音乐的补充修改：</strong></p>
<p>前两天，发现店铺音乐无法正常播放了，原来是淘宝改版惹得祸。以下为最新背景音乐代码，测试正常！</p>
<p>&lt;BGSOUND balance=0 src=&#8221;<span style="color: #000080;"><span style="color: #ff6600;">http://www.yourmusic.mp3</span></span>&#8221; volume=0 loop=infinite&gt;&lt;/BGSOUND&gt;</p>
<p>可将以上背景音乐代码继续添加至公告板块内。</p>
<p><strong>使用旺铺装修的朋友，可以添加自定义模块，并在自定义模块的的“编辑HTML源码”处添加上代码，不过需要注意的是，最好搭配图片或者文字使用，因为音乐代码是可视模式下不能显示的，淘宝会认为不能显示的自定义模块为空内容，从而影响到背景音乐代码的正常使用。</strong></p>

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li>无相关日志</li>
	</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.hanjunxing.com/taobao-shop-add-music/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>QQ邮箱订阅空间的小缺点</title>
		<link>http://www.hanjunxing.com/qq-mail-problem</link>
		<comments>http://www.hanjunxing.com/qq-mail-problem#comments</comments>
		<pubDate>Mon, 19 Jan 2009 14:14:59 +0000</pubDate>
		<dc:creator>hanjunxing</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[QQ邮箱]]></category>
		<category><![CDATA[SNS]]></category>
		<category><![CDATA[用户]]></category>
		<category><![CDATA[订阅空间]]></category>

		<guid isPermaLink="false">http://www.hanjunxing.com/?p=131</guid>
		<description><![CDATA[QQ 邮箱在08年5月改版后，市场占有率不断攀升，记得我也是那时开始关注QQ邮箱的。现在的QQ邮箱很多功能非常实用，易用性也不错，但是如果没有一个杀手级的应用，我还是继续会对 Gmail 推崇备至。而这个改变我习惯得杀手级应用就是“QQ邮箱的订阅空间功能”。
虽然现在互联网中 SNS 吵的火热，开心、校内热闹非凡，但个人感觉QQ才是真正的“社会性网络服务”（即 SNS），至少目前在中国，马化腾QQ企鹅帝国在 SNS 领域的造诣是数一数二的。回到正题，QQ的空间有多少人再用我不知道，但我身边用的人至少有80%以上。跟新浪、网易的博客不同，QQ 空间能够借助 QQIM 这个平台，充分地展示博主的个人生活。比起来市面上那些所谓的SNS社区挖空心思拉用户写东西而言，QQ 空间真是占尽了先机。为了更加方便地使用户阅读 QQ 空间，QQ 邮箱将Feed RSS 整合了进去。与 Google Read 不同，QQ 邮箱能够提供现成的好友日志，你再也不用对着 QQ 几百个好友狂点鼠标了&#8230;&#8230;
也正是这个杀手级应用，迫使我每天登陆一次 QQ 邮箱。在享受 QQ 邮箱专享的空间 RSS 之外，也发现了一点小小得缺憾。之前在意见反馈中提出过，但貌似已经被淹没在了很多不痛不痒得言论之间。所以在此对 QQ 邮箱订阅空间的小缺点发一发牢骚：QQ 空间中，一部分用户将自己的空间设置为仅主人可见或者密码访问时，QQ 邮箱订阅空间功能并不能对这样的空间做一个统一的管理。如图： 
 
这样的空间并不少见，但如果你的订阅中充斥着验证和保密，是大煞风景的。一方面，如果通过IM查看空间，设置隐私的朋友如果你不知道密码或者通过密码也无法查阅时，有过一次失败的经历后，一般是不会二次点击的（除非你对这个人很感兴趣），而QQ邮箱将这样得日志强制放在了你的订阅中；另外，被设置密码访问的日志如果你输入了正确的密码，那么下次需要继续输入，并不能通过cookies记录；最后，不知道密码的日志或者完全隐私的日志并不能通过设置自动屏蔽或者开启，而是需要进入好友管理一一取消订制，这是非常不方便的。
我更希望的是，如果在浏览订阅空间时，发现有设置隐私的空间后，能够直接取消这个空间的订阅，而如果这个空间之后又完全开放了，QQ邮箱能够在我下次登陆后自动提醒我是否继续订阅。
其实，QQ邮箱的用户体验已经做得很不错了，但爱之深，恨之切，希望QQ邮箱订阅空间这个小功能能有更好的改进和更人性化得设置。说实话，这些细节，不是老用户真的很难体会到的&#8230;&#8230;以用户为中心的设计不只是一个口号，落在细节得设计才真正是好用的设计。

	相关日志
	
	需求调研与产品设计10条经验 (1)
	软件/互联网产品设计流程 (10)
	用户行为分析软件IOGraph：记录你的鼠标轨迹和停留点击 (2)
	如何设定分类目录–我的目录是这样规划的 (0)
	关于互联网产品管理与产品设计 (4)


]]></description>
			<content:encoded><![CDATA[<p><a href="http://mail.qq.com/" target="_blank">QQ 邮箱</a>在08年5月改版后，市场占有率不断攀升，记得我也是那时开始关注QQ邮箱的。现在的QQ邮箱很多功能非常实用，易用性也不错，但是如果没有一个杀手级的应用，我还是继续会对 <a href="https://mail.google.com/" target="_blank">Gmail</a> 推崇备至。而这个改变我习惯得杀手级应用就是“<a href="http://mail.qq.com/zh_CN/htmledition/features/feature_contact.html" target="_blank">QQ邮箱的订阅空间功能</a>”。</p>
<p>虽然现在互联网中 SNS 吵的火热，<a href="http://www.kaixin001.com/reg/?uid=1078283&amp;usercode=8d86b6e550c97c292673a9e299518256_1078283" target="_blank">开心</a>、<a href="http://reg.xiaonei.com/register.do?i=229231098&amp;appId=&amp;code=8825396566&amp;from=&amp;inviteType=2&amp;buddygroup=&amp;ss=80100&amp;logid=260402" target="_blank">校内</a>热闹非凡，但个人感觉QQ才是真正的“<a href="http://reg.xiaonei.com/register.do?i=229231098&amp;appId=&amp;code=8825396566&amp;from=&amp;inviteType=2&amp;buddygroup=&amp;ss=80100&amp;logid=260402" target="_blank">社会性网络服务</a>”（即 SNS），至少目前在中国，马化腾<a href="http://www.qq.com/" target="_blank">QQ企鹅帝国</a>在 SNS 领域的造诣是数一数二的。回到正题，<a href="http://qzone.qq.com/" target="_blank">QQ的空间</a>有多少人再用我不知道，但我身边用的人至少有80%以上。跟新浪、网易的博客不同，QQ 空间能够借助 QQIM 这个平台，充分地展示博主的个人生活。比起来市面上那些所谓的SNS社区挖空心思拉用户写东西而言，QQ 空间真是占尽了先机。为了更加方便地使用户阅读 QQ 空间，QQ 邮箱将Feed RSS 整合了进去。与 <a href="http://www.google.com/reader" target="_blank">Google Read</a> 不同，QQ 邮箱能够提供现成的好友日志，你再也不用对着 QQ 几百个好友狂点鼠标了&#8230;&#8230;</p>
<p>也正是这个杀手级应用，迫使我每天登陆一次 QQ 邮箱。在享受 QQ 邮箱专享的空间 RSS 之外，也发现了一点小小得缺憾。之前在意见反馈中提出过，但貌似已经被淹没在了很多不痛不痒得言论之间。所以在此对 QQ 邮箱订阅空间的小缺点发一发牢骚：QQ 空间中，一部分用户将自己的空间设置为仅主人可见或者密码访问时，QQ 邮箱订阅空间功能并不能对这样的空间做一个统一的管理。如图： </p>
<p> <img class="size-full wp-image-132 aligncenter" title="QQ空间设置隐私" src="http://www.hanjunxing.com/blog/wp-content/uploads/2009/01/qqe7a9bae997b4e8aebee7bdaee99a90e7a781.jpg" alt="QQ空间设置隐私" width="266" height="125" /></p>
<p>这样的空间并不少见，但如果你的订阅中充斥着验证和保密，是大煞风景的。一方面，如果通过IM查看空间，设置隐私的朋友如果你不知道密码或者通过密码也无法查阅时，有过一次失败的经历后，一般是不会二次点击的（除非你对这个人很感兴趣），而QQ邮箱将这样得日志强制放在了你的订阅中；另外，被设置密码访问的日志如果你输入了正确的密码，那么下次需要继续输入，并不能通过cookies记录；最后，不知道密码的日志或者完全隐私的日志并不能通过设置自动屏蔽或者开启，而是需要进入好友管理一一取消订制，这是非常不方便的。</p>
<p>我更希望的是，如果在浏览订阅空间时，发现有设置隐私的空间后，能够直接取消这个空间的订阅，而如果这个空间之后又完全开放了，QQ邮箱能够在我下次登陆后自动提醒我是否继续订阅。</p>
<p>其实，QQ邮箱的用户体验已经做得很不错了，但爱之深，恨之切，希望QQ邮箱订阅空间这个小功能能有更好的改进和更人性化得设置。说实话，这些细节，不是老用户真的很难体会到的&#8230;&#8230;以用户为中心的设计不只是一个口号，落在细节得设计才真正是好用的设计。</p>

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.hanjunxing.com/10-notes-of-demand-and-product-design" title="需求调研与产品设计10条经验 (2010/05/28)">需求调研与产品设计10条经验</a> (1)</li>
	<li><a href="http://www.hanjunxing.com/web-product-design-process" title="软件/互联网产品设计流程 (2010/01/18)">软件/互联网产品设计流程</a> (10)</li>
	<li><a href="http://www.hanjunxing.com/iograph" title="用户行为分析软件IOGraph：记录你的鼠标轨迹和停留点击 (2010/06/11)">用户行为分析软件IOGraph：记录你的鼠标轨迹和停留点击</a> (2)</li>
	<li><a href="http://www.hanjunxing.com/configure-comments" title="如何设定分类目录–我的目录是这样规划的 (2008/12/25)">如何设定分类目录–我的目录是这样规划的</a> (0)</li>
	<li><a href="http://www.hanjunxing.com/product-management-and-design" title="关于互联网产品管理与产品设计 (2010/03/09)">关于互联网产品管理与产品设计</a> (4)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.hanjunxing.com/qq-mail-problem/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
