<?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>Prower&#039;s Blog &#187; 体验设计</title>
	<atom:link href="http://www.prower.cn/category/interaction/feed" rel="self" type="application/rss+xml" />
	<link>http://www.prower.cn</link>
	<description>关注互联网、体验互联网，记录成长历程</description>
	<lastBuildDate>Thu, 05 Jan 2012 00:40:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>新产品的改进不要太寄希望于用户反馈</title>
		<link>http://www.prower.cn/interaction/2171</link>
		<comments>http://www.prower.cn/interaction/2171#comments</comments>
		<pubDate>Thu, 10 Nov 2011 08:41:03 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[用户反馈]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=2171</guid>
		<description><![CDATA[很多时候，都可以听到产品要“小步快跑”的说法，产品要先上线再迭代，先让用户使用上产品然后才是让用户使用上更好用的产品。这些说法本身没有错，当然基本上关于产品的说法大部分都没有错，错的是在执行上。 产品上线后的迭代，除去计划中尚未设计开发的功能外，还有很重要的一部分是收集线上的意见建议快速的修复及更正，但是线上意见建议的反馈从哪里来呢？ 第一反应，理所当然的是反馈信息来自于用户；第二反应是还有自己人的反馈信息（自己人在上线前就已经测试反馈过的前提下）。 收集自己人的反馈信息并不难，相对来说可以说是极其容易的，发现问题立即就可以修正。但是来自于用户的反馈，渠道有很多，网站本身、QQ群、微博、邮件等，当然最为重要的是网站本身要提供反馈入口，入口不能过于显眼，但也不能隐蔽到需要用户整个页面去寻找，那样的话基本也就没有用户来提反馈信息了。 当Wopus问答上线时我们以为除去自己人的反馈外，可以从用户那里得到很多关于产品的改进意见时，毕竟这是一个只能满足基础需求的不完善的产品，但是从上线的这6个月来，有个数据及案例狠狠的浇了一盆冷水下来： 除去一开始网站上“意见反馈”的入口略显隐蔽外，后面修正了这个问题将反馈的入口提到相对显眼处，6个月来除去发广告的总共收到13条由用户产生的反馈内容，其中真正的反馈只有2条，其余全是不沾边的内容； 因为一个很不应该的测试疏忽，导致使用纯数字注册的用户名在验证成功后无法正常使用，而这个巨大的Bug竟然是在发布5个月之后才从QQ群里偶然得知，不是因为没有用户使用纯数字的用户名，数据显示当使用纯数字用户名时不能正常时，用户会选择在数字前面或是后面加一个字母上去，却从来没有用户反馈过这个信息； 很多时候，我们的以为都是错的，我们以为用户会以热情来回馈我们的热情，我们以为用户会很乐意帮助我们成长，我们以为用户对存有问题的产品会批评甚至是咒骂，但最悲哀的是用户对存有问题的产品选择了沉默！ 对于用户来说，他们的忍受力比我们想像的要强，存有缺陷的地方他们会选择绕过，寻找一条可以前行的道路，如果实在没有办法，那么他们就会放弃。 对于新产品的改进来说，不要太寄希望于用户反馈，要另外从数据中去发现问题。 注：以上言论，仅相对于用户基数小特定产品而言，不具备普遍性，请自行鉴别。]]></description>
			<content:encoded><![CDATA[<p>很多时候，都可以听到产品要“小步快跑”的说法，产品要先上线再迭代，先让用户使用上产品然后才是让用户使用上更好用的产品。这些说法本身没有错，当然基本上关于产品的说法大部分都没有错，错的是在执行上。</p>
<p>产品上线后的迭代，除去计划中尚未设计开发的功能外，还有很重要的一部分是收集线上的意见建议快速的修复及更正，但是线上意见建议的反馈从哪里来呢？</p>
<p>第一反应，理所当然的是反馈信息来自于用户；第二反应是还有自己人的反馈信息（自己人在上线前就已经测试反馈过的前提下）。</p>
<p>收集自己人的反馈信息并不难，相对来说可以说是极其容易的，发现问题立即就可以修正。但是来自于用户的反馈，渠道有很多，网站本身、QQ群、微博、邮件等，当然最为重要的是网站本身要提供反馈入口，入口不能过于显眼，但也不能隐蔽到需要用户整个页面去寻找，那样的话基本也就没有用户来提反馈信息了。</p>
<p><span id="more-2171"></span></p>
<p>当<a title="WordPress问答" href="http://faq.wopus.org" target="_blank">Wopus问答</a>上线时我们以为除去自己人的反馈外，可以从用户那里得到很多关于产品的改进意见时，毕竟这是一个只能满足基础需求的不完善的产品，但是从上线的这6个月来，有个数据及案例狠狠的浇了一盆冷水下来：</p>
<p>除去一开始网站上“意见反馈”的入口略显隐蔽外，后面修正了这个问题将反馈的入口提到相对显眼处，6个月来除去发广告的总共收到13条由用户产生的反馈内容，其中真正的反馈只有2条，其余全是不沾边的内容；</p>
<p>因为一个很不应该的测试疏忽，导致使用纯数字注册的用户名在验证成功后无法正常使用，而这个巨大的Bug竟然是在发布5个月之后才从QQ群里偶然得知，不是因为没有用户使用纯数字的用户名，数据显示当使用纯数字用户名时不能正常时，用户会选择在数字前面或是后面加一个字母上去，却从来没有用户反馈过这个信息；</p>
<p>很多时候，我们的以为都是错的，我们以为用户会以热情来回馈我们的热情，我们以为用户会很乐意帮助我们成长，我们以为用户对存有问题的产品会批评甚至是咒骂，但最悲哀的是用户对存有问题的产品选择了沉默！</p>
<p>对于用户来说，他们的忍受力比我们想像的要强，存有缺陷的地方他们会选择绕过，寻找一条可以前行的道路，如果实在没有办法，那么他们就会放弃。</p>
<p>对于新产品的改进来说，不要太寄希望于用户反馈，要另外从数据中去发现问题。</p>
<p>注：以上言论，仅相对于用户基数小特定产品而言，不具备普遍性，请自行鉴别。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/2171/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>图片分享中的情与景</title>
		<link>http://www.prower.cn/interaction/2161</link>
		<comments>http://www.prower.cn/interaction/2161#comments</comments>
		<pubDate>Sat, 22 Oct 2011 10:06:06 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[图片分享]]></category>
		<category><![CDATA[图片应用]]></category>
		<category><![CDATA[微博]]></category>
		<category><![CDATA[相片群]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=2161</guid>
		<description><![CDATA[前几天，看了纯银兄的《谈谈相片群》一文，昨日网易云相册Android版里的相片群功能也正式上线，装上后试了一番，准备来吹吹牛放放马后炮。 早在几个月前 @Kent.Zhu 同学在Twitter上问了一个关于脱离了微博的图片分享是否还有机会的问题，当时我的回答是在限定的条件下是有机会的。因为微博上的图片分享缺乏两个关键的因素：索引与隐私。当时对Kent.Zhu同学的话理解有误，依靠微博的图片分享除了微博自身外还有各种第三方的图片分享应用，但事实上现在市场上的图片分享应用依然很少有解决索引与隐私的。 7月份的某一天下午，偶然闪过一系列的念头：每次与朋友们出游后的相片都是各自传各自的的相册里，有没有可能放在同一个相册里观看？每次与朋友们聚会的时光，大部分仅存留在脑海的记忆与少部分的手机相册里，我从哪里的回忆与朋友们在一起的欢乐时光？…… 当时想的是一个类似豆瓣同城活动型的应用，与豆瓣同城的公开性不同的是，这是一个完全的隐私型的应用。从活动准备到活动结束，纪录下过程的点滴聚集成值得回忆的内容。 但因为种种原因，未能开始这个项目。再之后看纯银的博文时，原来在4月底他就开始着手多人相册的项目了，所以说执行力远比想法重要。 然而纯粹的的图片分享，市场一旦被“Instagram”这种先入型的应用占领了之后，跟进者没有革命性的创新的话，几乎很难成功，前者只会越来越大，而后者则会越来越困难。 图片分享的核心是在分享，分享是由人产生的行为，产生行为的背后有一定的目的存在，比如展示自己的近况、发现某一好奇的事物、看到一个愤怒的画面等等，而这些目的的背后也必须存在受众。自娱自乐的话存在自己的手机或是电脑里就可以了。 分享出来的图片的受众目标基本上是锁定在自己的朋友亲人或是熟识的网友之类，然而这种公开性的图片分享在本质上就已经过滤了很大一部分的内容，剩下的则是偶然或应景而为之，缺乏长久的黏性。而恰恰亲人或是朋友之间的强关系链可以稳定加固这种黏性。 再反过来说网易相片群的应用，公开或私密的两种形式可以满足弱关系链与强关系链两种不同用户群的需求，然而相片群的定位在工具层面上的话，威力则大打折扣，情景两字里面只满足了景，而缺乏了情。只满足场景的工具应用，最大的功能是在于索引，聚合同话题的内容，而工具形态则进一步的消弱了话题的吸引力。 事实上，个人以为网易云相册公开的相片群应用，在WEB端上与摄影小镇同质化，且远不如摄影小镇，当然两者的内容重心不一样这是因素之一。在这一点上Yupoo的画题也做得很好。 当然，想要在移动端上表现摄影小镇这种形态也很困难。 相片是用来作回忆的载体的，而回忆除了场景外，更重要的是情景。公开的相片群里，有场景，却基本上没有情景；私密化的相片群里，即使有情景，就纯相片工具化的形态来说表现也很弱。 何不在私密化的相片群里多加点情景在里面？就亲朋好友聚会、公司活动等情景来说，虽然初期用户教育困难，但以相册为核心来说也总归是有希望的。]]></description>
			<content:encoded><![CDATA[<p>前几天，看了<strong>纯银</strong>兄的《<a href="http://firecacada.blog.163.com/blog/static/707437620119100638792/" target="_blank">谈谈相片群</a>》一文，昨日网易云相册Android版里的相片群功能也正式上线，装上后试了一番，准备来吹吹牛放放马后炮。</p>
<p>早在几个月前 <a href="https://twitter.com/#!/kentzhu" target="_blank">@Kent.Zhu</a> 同学在Twitter上问了一个关于脱离了微博的图片分享是否还有机会的问题，当时我的回答是在限定的条件下是有机会的。因为微博上的图片分享缺乏两个关键的因素：索引与隐私。当时对Kent.Zhu同学的话理解有误，依靠微博的图片分享除了微博自身外还有各种第三方的图片分享应用，但事实上现在市场上的图片分享应用依然很少有解决索引与隐私的。</p>
<p>7月份的某一天下午，偶然闪过一系列的念头：每次与朋友们出游后的相片都是各自传各自的的相册里，有没有可能放在同一个相册里观看？每次与朋友们聚会的时光，大部分仅存留在脑海的记忆与少部分的手机相册里，我从哪里的回忆与朋友们在一起的欢乐时光？……</p>
<p>当时想的是一个类似豆瓣同城活动型的应用，与豆瓣同城的公开性不同的是，这是一个完全的隐私型的应用。从活动准备到活动结束，纪录下过程的点滴聚集成值得回忆的内容。</p>
<p>但因为种种原因，未能开始这个项目。再之后看纯银的博文时，原来在4月底他就开始着手多人相册的项目了，所以说执行力远比想法重要。</p>
<p><span id="more-2161"></span></p>
<p>然而纯粹的的图片分享，市场一旦被“Instagram”这种先入型的应用占领了之后，跟进者没有革命性的创新的话，几乎很难成功，前者只会越来越大，而后者则会越来越困难。</p>
<p>图片分享的核心是在分享，分享是由人产生的行为，产生行为的背后有一定的目的存在，比如展示自己的近况、发现某一好奇的事物、看到一个愤怒的画面等等，而这些目的的背后也必须存在受众。自娱自乐的话存在自己的手机或是电脑里就可以了。</p>
<p>分享出来的图片的受众目标基本上是锁定在自己的朋友亲人或是熟识的网友之类，然而这种公开性的图片分享在本质上就已经过滤了很大一部分的内容，剩下的则是偶然或应景而为之，缺乏长久的黏性。而恰恰亲人或是朋友之间的强关系链可以稳定加固这种黏性。</p>
<p>再反过来说网易相片群的应用，公开或私密的两种形式可以满足弱关系链与强关系链两种不同用户群的需求，然而相片群的定位在工具层面上的话，威力则大打折扣，情景两字里面只满足了景，而缺乏了情。只满足场景的工具应用，最大的功能是在于索引，聚合同话题的内容，而工具形态则进一步的消弱了话题的吸引力。</p>
<p>事实上，个人以为网易云相册公开的相片群应用，在WEB端上与摄影小镇同质化，且远不如摄影小镇，当然两者的内容重心不一样这是因素之一。在这一点上Yupoo的画题也做得很好。</p>
<p>当然，想要在移动端上表现摄影小镇这种形态也很困难。</p>
<p>相片是用来作回忆的载体的，而回忆除了场景外，更重要的是情景。公开的相片群里，有场景，却基本上没有情景；私密化的相片群里，即使有情景，就纯相片工具化的形态来说表现也很弱。</p>
<p>何不在私密化的相片群里多加点情景在里面？就亲朋好友聚会、公司活动等情景来说，虽然初期用户教育困难，但以相册为核心来说也总归是有希望的。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/2161/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>webOS把玩小记</title>
		<link>http://www.prower.cn/interaction/2141</link>
		<comments>http://www.prower.cn/interaction/2141#comments</comments>
		<pubDate>Fri, 07 Oct 2011 14:50:07 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[hp veer]]></category>
		<category><![CDATA[ios]]></category>
		<category><![CDATA[webos]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=2141</guid>
		<description><![CDATA[一个星期前，从淘宝入手了台HP Veer 4G，在这个“板砖”横行的智能机时代，这小家伙如银行卡般大小的身躯握在手心里还真是不一样的感觉。有时候在想，幸亏HP放弃了webOS，否则还不一定能以如此低廉的价格购买到体验如此好的手机，更主要是HP Veer以700+的价格，使用过程中的顺畅体验完爆三四倍价格的Android手机，也几乎不落iOS下风。 由于没有使用过Windows Mobile系统，仅以使用过的iOS及Android与webOS进行一番浅薄的比较。 与iOS及Android都不同的是，webOS的APP都是收纳起来的，除了底部快捷栏里的固定的4个快捷位置及顶部的搜索外，整个桌面空间是留给运行中的任务的。而底部快捷栏里的内容随时都可以飘浮在屏幕的最上面，只需要在手势区按住右边往上拖即可。 webOS的多任务切换，基本上是webOS体验里最牛逼的地方了。光从体验上来说，甩开iOS一条街不是问题，甩开Android更是几条街的距离。 与iOS及Android的多任务隐藏方式不同，webOS的多任务是完全放置于桌面可见的。实时预览状态下的任务切换、自动或手动的任务分组、结束任务只需要将卡片丢出屏幕顶部即可。更为主要的是同时运行多个任务进行切换时，完全没有卡顿的现象。 iOS的通知系统除了弹屏通知外，新的iOS5系统更是学习了Android的顶部下拉方式，而webOS的通知方式则放在了底部，除了通知外，还集成了便捷操控的方式。 轻触webOS的右上角处，可下拉显示常用操作的设置，而进入任何一个APP时，左上角还有一个下拉菜单做一些设置选项。 当然，一款移动系统的流行除了系统本身外，还关系到整个生态圈的完整度，在这一点上，webOS彻底的输掉这场战争。虽然在一些细节上还与iOS有所差距，但webOS是最有可能追赶iOS的移动系统。 有时候在想，如果当初Google收购的不是Android而是WebOS的话，也许现在Apple的员工就得“整天加班”了。]]></description>
			<content:encoded><![CDATA[<p>一个星期前，从淘宝入手了台HP Veer 4G，在这个“板砖”横行的智能机时代，这小家伙如银行卡般大小的身躯握在手心里还真是不一样的感觉。有时候在想，幸亏HP放弃了webOS，否则还不一定能以如此低廉的价格购买到体验如此好的手机，更主要是HP Veer以700+的价格，使用过程中的顺畅体验完爆三四倍价格的Android手机，也几乎不落iOS下风。</p>
<p>由于没有使用过Windows Mobile系统，仅以使用过的iOS及Android与webOS进行一番浅薄的比较。</p>
<p><img class="size-full wp-image-2148" title="Unknown_2011-07-10_190407" src="http://www.prower.cn/wp-content/uploads/2011/10/Unknown_2011-07-10_190407.png" alt="" width="320" height="400" /><img class="size-full wp-image-2149" title="Unknown_2011-07-10_191605" src="http://www.prower.cn/wp-content/uploads/2011/10/Unknown_2011-07-10_191605.png" alt="" width="320" height="400" /></p>
<p><span id="more-2141"></span></p>
<p>与iOS及Android都不同的是，webOS的APP都是收纳起来的，除了底部快捷栏里的固定的4个快捷位置及顶部的搜索外，整个桌面空间是留给运行中的任务的。而底部快捷栏里的内容随时都可以飘浮在屏幕的最上面，只需要在手势区按住右边往上拖即可。</p>
<p><img class="size-full wp-image-2146" title="photos_2011-07-10_190501" src="http://www.prower.cn/wp-content/uploads/2011/10/photos_2011-07-10_190501.png" alt="" width="320" height="400" /><img class="size-full wp-image-2142" title="email_2011-07-10_191111" src="http://www.prower.cn/wp-content/uploads/2011/10/email_2011-07-10_191111.png" alt="" width="320" height="400" /></p>
<p>webOS的多任务切换，基本上是webOS体验里最牛逼的地方了。光从体验上来说，甩开iOS一条街不是问题，甩开Android更是几条街的距离。</p>
<p>与iOS及Android的多任务隐藏方式不同，webOS的多任务是完全放置于桌面可见的。实时预览状态下的任务切换、自动或手动的任务分组、结束任务只需要将卡片丢出屏幕顶部即可。更为主要的是同时运行多个任务进行切换时，完全没有卡顿的现象。</p>
<p><img class="size-full wp-image-2145" title="photos_2011-07-10_114303" src="http://www.prower.cn/wp-content/uploads/2011/10/photos_2011-07-10_114303.png" alt="" width="320" height="400" /><img class="size-full wp-image-2144" title="phone_2011-07-10_190723" src="http://www.prower.cn/wp-content/uploads/2011/10/phone_2011-07-10_190723.png" alt="" width="320" height="400" /></p>
<p>iOS的通知系统除了弹屏通知外，新的iOS5系统更是学习了Android的顶部下拉方式，而webOS的通知方式则放在了底部，除了通知外，还集成了便捷操控的方式。</p>
<p>轻触webOS的右上角处，可下拉显示常用操作的设置，而进入任何一个APP时，左上角还有一个下拉菜单做一些设置选项。</p>
<p><img title="musicplayer_2011-07-10_212649" src="http://www.prower.cn/wp-content/uploads/2011/10/musicplayer_2011-07-10_212649.png" alt="" width="320" height="400" /><img class="size-full wp-image-2152" title="photos_2011-07-10_221528" src="http://www.prower.cn/wp-content/uploads/2011/10/photos_2011-07-10_221528.png" alt="" width="320" height="400" /></p>
<p>当然，一款移动系统的流行除了系统本身外，还关系到整个生态圈的完整度，在这一点上，webOS彻底的输掉这场战争。虽然在一些细节上还与iOS有所差距，但webOS是最有可能追赶iOS的移动系统。</p>
<p>有时候在想，如果当初Google收购的不是Android而是WebOS的话，也许现在Apple的员工就得“整天加班”了。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/2141/feed</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>说说习惯这回事</title>
		<link>http://www.prower.cn/interaction/2078</link>
		<comments>http://www.prower.cn/interaction/2078#comments</comments>
		<pubDate>Wed, 17 Aug 2011 13:43:33 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[用户习惯]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=2078</guid>
		<description><![CDATA[任何事物都是双刃剑，好习惯可以受益一生，坏习惯也可以摧毁一辈子，但习惯并非不可更换的。 刚来北京时，从来没有感受过的干燥天气，致使嘴唇几乎每天都处于脱皮的状态，每天拼命喝水，而一旦习惯了这干燥的天气后，半天喝一杯水也没什么感觉。 以前十一点时就会犯困，基本在十二点前就会睡觉，这样形成多年的生物钟依然很容易就被修改，现在已经是不到一点不睡觉的状态。 常写博客那段时间，形成的习惯几乎可以每天写一篇；而一旦这个习惯被改变之后，提笔就忘神，就像这个博客已经快两个月没有更新过了，这是写博客有史以来最长的一次停滞。 Mac OS X升级到Lion之时，随处可见哭爹喊娘的骂新的“自然”方式的滚动反人类，事实上其反的是人类多年以来积累的使用习惯，然后一周之后，又陆续的有人称已经完全适应了这种新的“反人类”的滚动方式。 我们在WordPress问答这里的编辑器使用空格的方式来隔开不同的标签，而在一段时间之后，将这个设计改成使用“,”来隔开不同的标签，虽然加了提示文字，却仍然有一些以前的用户使用空格的方式来隔开标签。 在形成的习惯面前，需要时间来修改。 不知有无记错，在奇艺出来一段时间之后，各大在线视频网站纷纷将页面的格局版式设计改成与奇艺一致，不说这样的设计好与坏，起码他们都在延续奇艺培养出的用户对于视频播放页面格局认知的习惯。 QQ之后的新IM面世，依然很难跳出这既定的设计。 顺应用户习惯可以产生一个好设计，但更好的设计一般都需要跳出用户的习惯，进而去改变用户的习惯。]]></description>
			<content:encoded><![CDATA[<p>任何事物都是双刃剑，好习惯可以受益一生，坏习惯也可以摧毁一辈子，但<a href="http://www.prower.cn/word/1648" target="_blank">习惯</a>并非不可更换的。</p>
<p>刚来北京时，从来没有感受过的干燥天气，致使嘴唇几乎每天都处于脱皮的状态，每天拼命喝水，而一旦习惯了这干燥的天气后，半天喝一杯水也没什么感觉。</p>
<p>以前十一点时就会犯困，基本在十二点前就会睡觉，这样形成多年的生物钟依然很容易就被修改，现在已经是不到一点不睡觉的状态。</p>
<p>常写博客那段时间，形成的习惯几乎可以每天写一篇；而一旦这个习惯被改变之后，提笔就忘神，就像这个博客已经快两个月没有更新过了，这是写博客有史以来最长的一次停滞。</p>
<p>Mac OS X升级到Lion之时，随处可见哭爹喊娘的骂新的“自然”方式的滚动反人类，事实上其反的是人类多年以来积累的使用习惯，然后一周之后，又陆续的有人称已经完全适应了这种新的“反人类”的滚动方式。</p>
<p><span id="more-2078"></span></p>
<p>我们在<a href="http://faq.wopus.org" target="_blank">WordPress问答</a>这里的编辑器使用空格的方式来隔开不同的标签，而在一段时间之后，将这个设计改成使用“,”来隔开不同的标签，虽然加了提示文字，却仍然有一些以前的用户使用空格的方式来隔开标签。</p>
<p>在形成的习惯面前，需要时间来修改。</p>
<p>不知有无记错，在奇艺出来一段时间之后，各大在线视频网站纷纷将页面的格局版式设计改成与奇艺一致，不说这样的设计好与坏，起码他们都在延续奇艺培养出的用户对于视频播放页面格局认知的习惯。</p>
<p>QQ之后的新IM面世，依然很难跳出这既定的设计。</p>
<p>顺应用户习惯可以产生一个好设计，但更好的设计一般都需要跳出用户的习惯，进而去改变用户的习惯。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/2078/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>疯狂团队铸就的创新文化</title>
		<link>http://www.prower.cn/interaction/2002</link>
		<comments>http://www.prower.cn/interaction/2002#comments</comments>
		<pubDate>Wed, 30 Mar 2011 02:28:41 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[IDEO]]></category>
		<category><![CDATA[创新]]></category>
		<category><![CDATA[团队]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=2002</guid>
		<description><![CDATA[疯狂的公司 苹果电脑第一款鼠标的设计者，全世界第一台笔记本“Grid”的设计者，Plam V掌上电脑的设计者，20次“红点”奖获得者、19次“iF设计”奖获得者、《快公司》杂志称它为“世界上最著名的设计公司”、《华尔街日报》授予它“想像力的运动场”称号、连结十年名列《商业周刊》的“最佳行业设计奖”第一名⋯⋯这一系列令人咂舌的光环都属于IDEO——全球顶尖的设计公司，同时也是世界领先的商业创新咨询公司。 从购物车到电脑，从牙刷到医疗器械，有太多的消费产品都留下了IDEO的痕迹，而IDEO以其出色的设计改善着人们的生活。 优秀的团队 对于一个员工超过500人的设计公司来说，需要让每一个人的才能都有发挥之处，管理就成为一大难题，因为设计不像有些行业可以通过某些细则去约束，于是IDEO开始组建不同的工作室，每个工作室偏重的方向略有不同，而员工可以根据自己的兴趣爱好自由选择工作室，几年之后可以再重新选择更换工作室。 每个工作室再根据不同的项目的需求快速组建项目组成员，每个项目团队的成员应尽量避免同一学科的成员过度集中，而应该是由不同学科的成员组成，工程师与设计师的搭档要好过工程师与工程师的搭档，有时“人类学家”可以帮上更大的忙。 为促进信息的交流与共享，每隔特定的时间举行的不同团队间的俱乐部活动是个很好的方法，而每个团队也会在特定的时间有特定的活动。 然而这些还不足以打造一支优秀的团队，一支优秀的团队应该从招聘开始，但没有终点。层层筛选的条件、开放的文化、合适的项目、恰当的搭配、亲密无间的合作，以及意义重大的奖励，这些都是打造优秀团队不可或缺的因素。 成功的集体讨论 没有什么比群体智慧更能促进项目前进的方法了，但很多时候的集体讨论往往陷入僵硬的模式，比如老板率先发言、大家轮流发言、只让专家发言、远离现场举行、糟糕的素材、只作纪录不会跟进……这些因素都造成了集体讨论的流产，最终沦落成为政治上形式上的会议。 要将集体讨论演变成真正的群体智慧制造的场所，试着在会议前对参与人员进行适当的“任务布置”，明确的提出讨论的主题，讨论过程中不作批评与争论只作想法的纪录，最后将集体讨论的成果具体化呈现。 以简驭繁 没有使用说明书的产品，如果不是很烂，那就是很赞。 放弃繁琐的界面与操作，使产品面向普通的入门用户，而非专家级用户，这意味着设计者需要与过度膨胀的功能作斗争，朝着简单明了的方向前进。 创新的基本原则 1、换位思考和以人为本的设计； 2、建模和试验的文化； 3、注重体验设计； 在卓越网购买：《创新的艺术》]]></description>
			<content:encoded><![CDATA[<p><a href="http://book.douban.com/subject/4243771/" target="_blank"><img class="alignleft" title="创新的艺术" src="http://img3.douban.com/mpic/s4219267.jpg" alt="创新的艺术" width="101" height="146" /></a><strong>疯狂的公司</strong></p>
<p>苹果电脑第一款鼠标的设计者，全世界第一台笔记本“Grid”的设计者，Plam V掌上电脑的设计者，20次“红点”奖获得者、19次“iF设计”奖获得者、《快公司》杂志称它为“世界上最著名的设计公司”、《华尔街日报》授予它“想像力的运动场”称号、连结十年名列《商业周刊》的“最佳行业设计奖”第一名⋯⋯这一系列令人咂舌的光环都属于<a href="http://www.ideo.com" target="_blank">IDEO</a>——全球顶尖的设计公司，同时也是世界领先的商业创新咨询公司。</p>
<p>从购物车到电脑，从牙刷到医疗器械，有太多的消费产品都留下了IDEO的痕迹，而IDEO以其出色的设计改善着人们的生活。</p>
<p><strong>优秀的团队</strong></p>
<p>对于一个员工超过500人的设计公司来说，需要让每一个人的才能都有发挥之处，管理就成为一大难题，因为设计不像有些行业可以通过某些细则去约束，于是IDEO开始组建不同的工作室，每个工作室偏重的方向略有不同，而员工可以根据自己的兴趣爱好自由选择工作室，几年之后可以再重新选择更换工作室。</p>
<p>每个工作室再根据不同的项目的需求快速组建项目组成员，每个项目团队的成员应尽量避免同一学科的成员过度集中，而应该是由不同学科的成员组成，工程师与设计师的搭档要好过工程师与工程师的搭档，有时“人类学家”可以帮上更大的忙。</p>
<p><span id="more-2002"></span></p>
<p>为促进信息的交流与共享，每隔特定的时间举行的不同团队间的俱乐部活动是个很好的方法，而每个团队也会在特定的时间有特定的活动。</p>
<p>然而这些还不足以打造一支优秀的团队，一支优秀的团队应该从招聘开始，但没有终点。层层筛选的条件、开放的文化、合适的项目、恰当的搭配、亲密无间的合作，以及意义重大的奖励，这些都是打造优秀团队不可或缺的因素。</p>
<p><strong>成功的集体讨论</strong></p>
<p>没有什么比群体智慧更能促进项目前进的方法了，但很多时候的集体讨论往往陷入僵硬的模式，比如老板率先发言、大家轮流发言、只让专家发言、远离现场举行、糟糕的素材、只作纪录不会跟进……这些因素都造成了集体讨论的流产，最终沦落成为政治上形式上的会议。</p>
<p>要将集体讨论演变成真正的群体智慧制造的场所，试着在会议前对参与人员进行适当的“任务布置”，明确的提出讨论的主题，讨论过程中不作批评与争论只作想法的纪录，最后将集体讨论的成果具体化呈现。</p>
<p><strong>以简驭繁</strong></p>
<p>没有使用说明书的产品，如果不是很烂，那就是很赞。</p>
<p>放弃繁琐的界面与操作，使产品面向普通的入门用户，而非专家级用户，这意味着设计者需要与过度膨胀的功能作斗争，朝着简单明了的方向前进。</p>
<p><strong>创新的基本原则</strong></p>
<blockquote><p>1、换位思考和以人为本的设计；</p>
<p>2、建模和试验的文化；</p>
<p>3、注重体验设计；</p></blockquote>
<p>在卓越网购买：<a href="http://www.amazon.cn/mn/detailApp/ref=as_li_qf_sp_asin_tl?_encoding=UTF8&amp;tag=ssdu22&amp;linkCode=as2&amp;asin=B0036ZBRV2&amp;camp=536&amp;creative=3200&amp;creativeASIN=B0036ZBRV2">《创新的艺术》</a><img style="border: none !important; margin: 0px !important;" src="http://www.assoc-amazon.cn/e/ir?t=ssdu22&amp;l=as2&amp;o=28&amp;a=B0036ZBRV2" border="0" alt="" width="1" height="1" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/2002/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>质优价廉的可用性测试DIY</title>
		<link>http://www.prower.cn/interaction/1999</link>
		<comments>http://www.prower.cn/interaction/1999#comments</comments>
		<pubDate>Fri, 25 Mar 2011 07:33:53 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[可用性测试]]></category>
		<category><![CDATA[网站优化]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1999</guid>
		<description><![CDATA[一如往昔的简洁干练风格，《妙手回春：网站可用性测试及优化指南》甚至连书名的命名方式都与《点石成金——访客至上的网页设计秘笈》相似。而与其他指南类的动则几百页可以当枕头用的书籍不同的是，《妙手回春》甚至可以被归类到“小人书”一类，轻薄的厚度以及相对较大的文字，花上一两个小时就可以的看完，简明的叙事风格、极少的专业术语以及手把手式的教法，即使是非专业测试人员也可以很轻松的理解并执行。 相较于大公司而言，很多中小公司不具备也没有能力去对网站开展专业性的可用性测试，然而也并不是说做不到最好就不去做，没有眼动仪还可以用录屏软件，质优价廉简单明了的可用性测试还是可以获得有帮助的数据。 一个网站的诞生，需要经历从草图到原型到视觉到开发再到上线的过程，当然这中间可能还会在上线前穿插一个测试的环节。但是就是这个叫做“测试”的环节，往往可能会成为整个项目的转折点，各种问题各种BUG在这个环节被曝露出来，而曝露出来的问题可能会造成推翻前面的某一阶段的工作，进而造成整个项目的延期。 那么应该在什么时候开始“测试”呢？ 为了避免“集中测试”造成的问题，应尽量将“测试”拆分成始终随着项目一同前进的行为，并不是说时刻都在测试，而是如书中所说，每月拿出一个上午的时间来进行测试，每个上午测试三名参与者，参与者的身份不能与项目有任何关系，以此来提高可用性测试数据的准确率。 越早开始测试，就能越早的发现一些细微的问题，越早发现问题就能越早的修正。当项目开始草图阶段时，试着就开始介入可用性测试，避免在最后时刻的集中测试曝露出积累的过多问题。 做可用性测试时，应尽量邀请与项目相关的人参与，尤其是对项目有着控制权的BOSS！ 每次进行可用性测试前，需要先设定场景、任务等一系列的内容，有针对性的测试才能得到更重要更有帮助的信息。每一次测试结束后，都需要产出一个总结报告，当然不是指又臭又长的报告，而是召集参与了可用性测试的相关人员，对他们在观看中发现的问题做一个列表排序，排出问题的优先级，下一步就是着手改造。 当然，下一次的测试就没有必要再进行相同场景与任务以验证问题是否得到修正。 而对于通过可用性测试得出的问题，有时可能需要涉及到很大的改动才得得以修复问题，但在改造前试着分析最小成本的修复方式，面对曝露出来的问题需要的是尽快的修复而不是尽完美的修复，因为没有人有足够的时间和资源来修复所有问题。 在卓越网购买：《妙手回春:网站可用性测试及优化指南》]]></description>
			<content:encoded><![CDATA[<p><a href="http://book.douban.com/subject/4926083/" target="_blank"><img class="alignleft" title="妙手回春：网站可用性测试及优化指南" src="http://img3.douban.com/mpic/s4428826.jpg" alt="" width="112" height="132" /></a>一如往昔的简洁干练风格，《妙手回春：网站可用性测试及优化指南》甚至连书名的命名方式都与《点石成金——访客至上的网页设计秘笈》相似。而与其他指南类的动则几百页可以当枕头用的书籍不同的是，《妙手回春》甚至可以被归类到“小人书”一类，轻薄的厚度以及相对较大的文字，花上一两个小时就可以的看完，简明的叙事风格、极少的专业术语以及手把手式的教法，即使是非专业测试人员也可以很轻松的理解并执行。</p>
<p>相较于大公司而言，很多中小公司不具备也没有能力去对网站开展专业性的可用性测试，然而也并不是说做不到最好就不去做，没有眼动仪还可以用录屏软件，质优价廉简单明了的可用性测试还是可以获得有帮助的数据。</p>
<p>一个网站的诞生，需要经历从草图到原型到视觉到开发再到上线的过程，当然这中间可能还会在上线前穿插一个测试的环节。但是就是这个叫做“测试”的环节，往往可能会成为整个项目的转折点，各种问题各种BUG在这个环节被曝露出来，而曝露出来的问题可能会造成推翻前面的某一阶段的工作，进而造成整个项目的延期。</p>
<p>那么应该在什么时候开始“测试”呢？</p>
<p><span id="more-1999"></span></p>
<p>为了避免“集中测试”造成的问题，应尽量将“测试”拆分成始终随着项目一同前进的行为，并不是说时刻都在测试，而是如书中所说，每月拿出一个上午的时间来进行测试，每个上午测试三名参与者，参与者的身份不能与项目有任何关系，以此来提高可用性测试数据的准确率。</p>
<p>越早开始测试，就能越早的发现一些细微的问题，越早发现问题就能越早的修正。当项目开始草图阶段时，试着就开始介入可用性测试，避免在最后时刻的集中测试曝露出积累的过多问题。</p>
<p>做可用性测试时，应尽量邀请与项目相关的人参与，尤其是对项目有着控制权的BOSS！</p>
<p>每次进行可用性测试前，需要先设定场景、任务等一系列的内容，有针对性的测试才能得到更重要更有帮助的信息。每一次测试结束后，都需要产出一个总结报告，当然不是指又臭又长的报告，而是召集参与了可用性测试的相关人员，对他们在观看中发现的问题做一个列表排序，排出问题的优先级，下一步就是着手改造。</p>
<p>当然，下一次的测试就没有必要再进行相同场景与任务以验证问题是否得到修正。</p>
<p>而对于通过可用性测试得出的问题，有时可能需要涉及到很大的改动才得得以修复问题，但在改造前试着分析最小成本的修复方式，面对曝露出来的问题需要的是尽快的修复而不是尽完美的修复，因为没有人有足够的时间和资源来修复所有问题。</p>
<p>在卓越网购买：<a href="http://www.amazon.cn/mn/detailApp/ref=as_li_tf_tl?_encoding=UTF8&amp;tag=ssdu22&amp;linkCode=as2&amp;asin=B003XM3TF0&amp;camp=536&amp;creative=3200&amp;creativeASIN=B003XM3TF0">《妙手回春:网站可用性测试及优化指南》</a><img style="border: none !important; margin: 0px !important;" src="http://www.assoc-amazon.cn/e/ir?t=ssdu22&amp;l=as2&amp;o=28&amp;a=B003XM3TF0" border="0" alt="" width="1" height="1" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1999/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>《ReWork》重塑工作，重塑人生</title>
		<link>http://www.prower.cn/interaction/1958</link>
		<comments>http://www.prower.cn/interaction/1958#comments</comments>
		<pubDate>Mon, 06 Dec 2010 15:44:18 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[文字集]]></category>
		<category><![CDATA[rework]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[团队]]></category>
		<category><![CDATA[重塑工作]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1958</guid>
		<description><![CDATA[这本由37signals的两个创始人Jason Fried和David Heinemeier Hansson合著的《ReWork》在国内的译名为《重来》，但我觉得还是另一个译名更贴切——《重塑工作》。 当平时生活工作中听了很多的经验之谈后，当这些被传以千万次的经验并不能改变些什么的时候，静下心来看看这本书，听听书中“一反常态”的经验之谈，也许从未开启过的那片天空会突然展现。 生活需要勇气，工作需要勇气，而重塑工作更需要勇气。在以往的经验中，我们都被灌输以勇气的概念，做任何心都需要个勇气，都需要个决心，但事实上勇气并不是时时都需要的，很多时候只是需要点渴望，内心不甘的渴望，不甘于继续弱小的渴望。 不用担心别人对那一点小渴望的不屑，迟早有一天能把这点小渴望燃烧成熊熊的大火，只要能坚持到最后。 真实世界里异样的眼光并不能扑灭渴望，就如同真实世界里总是高举着“失败是成功之母”旗帜一样，失败可能换来经验的同时也可能带来沉沦，何况并不总是能从失败中汲取经验教训的。试着从成功中汲取更多的经验，除了经验外成功还能给予更多更强的动力。 试着不要被现实所吓倒，也不要为构思出的不着边际的未来而自喜，有太多的事情都在时刻的变动着。当你在构思一个庞大的计划时，这个计划本身就充满着无数的不确定，当这些不确定的因素聚集在一起的时候，庞大的未来很容易就倾塌。 与其着眼于那个遥不可知的未来，不如踏实的走好脚下的每一步。 这个世界每天都有无数人有着无数的想法，有灵光闪现的，有苦思冥想而得的，有想改变世界的，有想改变自己的，然而这些仅仅只是想法，没有执行出来的想法别说改变世界，连只蚂蚁都无法改变。 抓紧那个你认为可以改变世界的想法，每天抽出一点时间去执行它，不需要每天的熬夜去追求时间上的允许，疲劳所带来的危害远比节省下的时间更大，何况并非真能节省下时间。你只需要在每天抽出的这个时间里把自己放在一个相对独立空间里，不受任何干扰的去执行你的想法，这比任何的熬夜工作都要实在。 即使已经制定好一个庞大而复杂的计划，那么也请把这个庞大的计划拆分成为数众多的小计划，十二个一周的项目的完成度要超过一个十二周的项目！当跨过这一个个小的里程碑之后，那个最大的里程碑将矗立在眼前。 而每一次的里程碑都是鼓舞士气的机会。 想法很大，计划很大的时候，也要维持着做小决策的心理，只有做好了一个一个的小决策，才能最终完成那个大的决策。 与做小决策一样，保持足够小的团队，或许你的团队只有两个人、三个人，但这并不是短板所在，相反的这能更好的控制信息在流通中的偏差。人手不够的压力才能让你放弃更多，放弃那些非核心的功能，只保留产品真正的核心，这才是竞争力所在。 尽可能早的发布第一版产品，甚至允许它是粗糙的，过早的纠结在细节，只会造成一叶障目。你需要让你的产品尽可能早的去接触用户，让用户去使用它，去感知它，任何的设想都是猜测，没有一种猜测比用户直接真实使用来得更重要，这些真实的数据是对继续先前的路线还是走向另一个方向强有力的支撑。 压缩产品的发布时间，如同保持小团队一样，意味着需要精简掉产品的大部分功能，把更多的精力从这些额外的功能转移到对核心功能的关注上。发布粗糙的第一版产品并不是长久的持续下去，从产品上线直到产品下线，中间这一长段的时间都是可以用来迭代改进的时间，这个时间远比产品上线前的研发时间要长。 如果只有一个星期的时间来发布产品，那么产品发布后就还有一个月的时间来改进。 给产品挑一个竞争对手，一个强有力的竞争对手更能激发斗志。然而并不意味着要去模仿竞争对手的产品，模仿的过程是对理解的忽略，在竞争对手的这个产品诞生之前的很多工作并不为外人所知。相反的把自己投射到产品中去，让产品带着自己独特的性格与理念，为产品注入一个信念，这个信念即是产品的底线，坚守住这个底线。 与竞争对手的竞争并不在产品的功能上，当竞争对手将产品打造成一个庞然大物时，试着去肢解这个产品，这些功能真的是用户都需要的吗？用户都需要的是什么？这个功能是否有更好的方式来展现？ 对肢解的结果清单再整理，丢弃那些可以不要的附加功能，改变那些可以更好展现的功能，功能的拉锯战只会让自己陷入死胡同，把对产品功能的竞争转移到对产品核心质量的竞争上，获取那群属于你的产品的核心用户。 不要过多的关注竞争对手的动态，更多的信息只会造成更多的混淆，坚持自己就如同习惯说不一样。 新功能就如同新点子一样，会持续不断的出现在你的脑海中，再加上用户反馈过来的功能信息，如果不懂得说不，那么很快你的产品将变得跟竞争对手的产品一样，陷入纷杂的功能中。 当产品的发展速度已经到了应付不来的时候，那么是时候扩充一下团队人数了，但这也并不意味着需要疯狂的招一批人，更不需要去招聘一批牛人。简历、学历、工作年限这些都是虚浮的，需要招的仅是合适的人。 团队的成员并不应该都是坐在显示器前等待其他人来反馈用户信息的，而是需要与产品相关的所有人都走上前线，去面对用户的反馈，去理解用户的愤怒。 以诚实的姿态去面对用户，在危机中坦率、诚实、公开，去赢得用户的尊重，尽快的回复 用户的邮件，缓解尖锐的矛盾冲突，“为客户服务”不应只是墙上的一句标语。 当做到这些时，产品的拥护者将越来越多，当有人开始为你的产品做免费的宣传时，这比任何的公关稿来得都要好，口碑的力量是无穷的。 当这样一路走来的时候，会慢慢的积累出一种文化，即是公司文化。不要试图去打造一种什么样的公司文化，文化是虚无的东西，公司文化是慢慢的一种沉淀积累的行为，不是可以刻意去打造的。 把握住那易逝的灵感，不需要很多的金钱，不需要很大的团队，仅需要一点渴望！ // < ![CDATA[ dd_ad_output="html"; dd_ad_width=242; dd_ad_height=122; dd_ad_client="P-261121"; dd_ad_format=20; dd_ad_id=0; dd_product_id=20960183; dd_display_style=1; dd_text_url=""; dd_color_text=""; dd_color_bg=""; dd_open_target="_blank"; dd_border="1"; dd_color_link=""; // ]]&#62;]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" title="rework" src="http://img3.douban.com/mpic/s4242326.jpg" alt="" width="98" height="150" />这本由<a href="http://www.37signals.com/" target="_blank">37signals</a>的两个创始人Jason Fried和David Heinemeier Hansson合著的《ReWork》在国内的译名为《重来》，但我觉得还是另一个译名更贴切——《重塑工作》。</p>
<p>当平时生活工作中听了很多的经验之谈后，当这些被传以千万次的经验并不能改变些什么的时候，静下心来看看这本书，听听书中“一反常态”的经验之谈，也许从未开启过的那片天空会突然展现。</p>
<p>生活需要勇气，工作需要勇气，而重塑工作更需要勇气。在以往的经验中，我们都被灌输以勇气的概念，做任何心都需要个勇气，都需要个决心，但事实上勇气并不是时时都需要的，很多时候只是需要点渴望，内心不甘的渴望，不甘于继续弱小的渴望。</p>
<p>不用担心别人对那一点小渴望的不屑，迟早有一天能把这点小渴望燃烧成熊熊的大火，只要能坚持到最后。</p>
<p>真实世界里异样的眼光并不能扑灭渴望，就如同真实世界里总是高举着“失败是成功之母”旗帜一样，失败可能换来经验的同时也可能带来沉沦，何况并不总是能从失败中汲取经验教训的。试着从成功中汲取更多的经验，除了经验外成功还能给予更多更强的动力。</p>
<p><span id="more-1958"></span></p>
<p>试着不要被现实所吓倒，也不要为构思出的不着边际的未来而自喜，有太多的事情都在时刻的变动着。当你在构思一个庞大的计划时，这个计划本身就充满着无数的不确定，当这些不确定的因素聚集在一起的时候，庞大的未来很容易就倾塌。</p>
<p>与其着眼于那个遥不可知的未来，不如踏实的走好脚下的每一步。</p>
<p>这个世界每天都有无数人有着无数的想法，有灵光闪现的，有苦思冥想而得的，有想改变世界的，有想改变自己的，然而这些仅仅只是想法，没有执行出来的想法别说改变世界，连只蚂蚁都无法改变。</p>
<p>抓紧那个你认为可以改变世界的想法，每天抽出一点时间去执行它，不需要每天的熬夜去追求时间上的允许，疲劳所带来的危害远比节省下的时间更大，何况并非真能节省下时间。你只需要在每天抽出的这个时间里把自己放在一个相对独立空间里，不受任何干扰的去执行你的想法，这比任何的熬夜工作都要实在。</p>
<p>即使已经制定好一个庞大而复杂的计划，那么也请把这个庞大的计划拆分成为数众多的小计划，十二个一周的项目的完成度要超过一个十二周的项目！当跨过这一个个小的里程碑之后，那个最大的里程碑将矗立在眼前。</p>
<p>而每一次的里程碑都是鼓舞士气的机会。</p>
<p>想法很大，计划很大的时候，也要维持着做小决策的心理，只有做好了一个一个的小决策，才能最终完成那个大的决策。</p>
<p>与做小决策一样，保持足够小的团队，或许你的团队只有两个人、三个人，但这并不是短板所在，相反的这能更好的控制信息在流通中的偏差。人手不够的压力才能让你放弃更多，放弃那些非核心的功能，只保留产品真正的核心，这才是竞争力所在。</p>
<p>尽可能早的发布第一版产品，甚至允许它是粗糙的，过早的纠结在细节，只会造成一叶障目。你需要让你的产品尽可能早的去接触用户，让用户去使用它，去感知它，任何的设想都是猜测，没有一种猜测比用户直接真实使用来得更重要，这些真实的数据是对继续先前的路线还是走向另一个方向强有力的支撑。</p>
<p>压缩产品的发布时间，如同保持小团队一样，意味着需要精简掉产品的大部分功能，把更多的精力从这些额外的功能转移到对核心功能的关注上。发布粗糙的第一版产品并不是长久的持续下去，从产品上线直到产品下线，中间这一长段的时间都是可以用来迭代改进的时间，这个时间远比产品上线前的研发时间要长。</p>
<p>如果只有一个星期的时间来发布产品，那么产品发布后就还有一个月的时间来改进。</p>
<p>给产品挑一个竞争对手，一个强有力的竞争对手更能激发斗志。然而并不意味着要去模仿竞争对手的产品，模仿的过程是对理解的忽略，在竞争对手的这个产品诞生之前的很多工作并不为外人所知。相反的把自己投射到产品中去，让产品带着自己独特的性格与理念，为产品注入一个信念，这个信念即是产品的底线，坚守住这个底线。</p>
<p>与竞争对手的竞争并不在产品的功能上，当竞争对手将产品打造成一个庞然大物时，试着去肢解这个产品，这些功能真的是用户都需要的吗？用户都需要的是什么？这个功能是否有更好的方式来展现？</p>
<p>对肢解的结果清单再整理，丢弃那些可以不要的附加功能，改变那些可以更好展现的功能，功能的拉锯战只会让自己陷入死胡同，把对产品功能的竞争转移到对产品核心质量的竞争上，获取那群属于你的产品的核心用户。</p>
<p>不要过多的关注竞争对手的动态，更多的信息只会造成更多的混淆，坚持自己就如同习惯说不一样。</p>
<p>新功能就如同新点子一样，会持续不断的出现在你的脑海中，再加上用户反馈过来的功能信息，如果不懂得说不，那么很快你的产品将变得跟竞争对手的产品一样，陷入纷杂的功能中。</p>
<p>当产品的发展速度已经到了应付不来的时候，那么是时候扩充一下团队人数了，但这也并不意味着需要疯狂的招一批人，更不需要去招聘一批牛人。简历、学历、工作年限这些都是虚浮的，需要招的仅是合适的人。</p>
<p>团队的成员并不应该都是坐在显示器前等待其他人来反馈用户信息的，而是需要与产品相关的所有人都走上前线，去面对用户的反馈，去理解用户的愤怒。</p>
<p>以诚实的姿态去面对用户，在危机中坦率、诚实、公开，去赢得用户的尊重，尽快的回复 用户的邮件，缓解尖锐的矛盾冲突，“为客户服务”不应只是墙上的一句标语。</p>
<p>当做到这些时，产品的拥护者将越来越多，当有人开始为你的产品做免费的宣传时，这比任何的公关稿来得都要好，口碑的力量是无穷的。</p>
<p>当这样一路走来的时候，会慢慢的积累出一种文化，即是公司文化。不要试图去打造一种什么样的公司文化，文化是虚无的东西，公司文化是慢慢的一种沉淀积累的行为，不是可以刻意去打造的。</p>
<p>把握住那易逝的灵感，不需要很多的金钱，不需要很大的团队，仅需要一点渴望！</p>
<p><script type="text/javascript">// < ![CDATA[
 dd_ad_output="html"; dd_ad_width=242; dd_ad_height=122; dd_ad_client="P-261121"; dd_ad_format=20; dd_ad_id=0; dd_product_id=20960183; dd_display_style=1; dd_text_url=""; dd_color_text=""; dd_color_bg=""; dd_open_target="_blank"; dd_border="1"; dd_color_link="";
// ]]&gt;</script><br />
<script src="http://union.dangdang.com/union/script/dd_ads.js" type="text/javascript"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1958/feed</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>《愤怒的小鸟》——持续的预热与推广</title>
		<link>http://www.prower.cn/interaction/1950</link>
		<comments>http://www.prower.cn/interaction/1950#comments</comments>
		<pubDate>Fri, 03 Dec 2010 22:47:58 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[angry birds]]></category>
		<category><![CDATA[产品节奏]]></category>
		<category><![CDATA[愤怒的小鸟]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1950</guid>
		<description><![CDATA[小游戏相对来说制作会简单一些，推广也容易一些，特别是在移动平台上。但这种小游戏同样面临着一个问题就是，关卡简单容易过，而已经过关了的关卡吸引用户重玩的概率就要降很多，所以大部分的小游戏都要不停的推新版本新关卡来保持对用户的吸引力。 于是除了正常的版本更新外，还会有各种的节假日等额外版本。 但节假日的版本等到节假日那天才开始发布的话，可能前期的预热就不会那么热烈，而如果提前发布，更可能面临的是节假日还没到，但游戏的新鲜劲已经过了。持久的新鲜劲应该是每个游戏都渴望获得的。 所以这次《Angry Birds》的圣诞节版本用了一种新的策略，12月1日推出这个版本后，每个关卡对应相应的日期激活，也就是必须要等到25号圣诞节当天，才能激活这个版本的全部关卡，控制的方式是联网激活。 遮遮掩掩总是要比全脱光来得有神秘感和吸引力。 但并不是每个小游戏都能这么做的，需要掂量的就是游戏本身对用户是否有如此强的粘着力，用户是否会接受每天一个关卡的进度是成败的关键。 控制用户获取欲望的步伐跟随自己产品的节奏。 第一次推新产品的时候就推一个完整功能的产品，更多的细节可能就会被用户遗漏；而如果新产品的发布推广是层次渐进的话，更多的功能细节将会慢慢的铺展在用户眼前，显然这些功能细节要比全盘铺展的更受用户的关注。 让用户感受到产品一直在持续的进步，让用户与产品一起跨着相同节奏的步伐。]]></description>
			<content:encoded><![CDATA[<p><img title="Angry Birds" src="http://www.prower.cn/wp-content/uploads/2010/12/Angry-Birds-600x336.jpg" alt="" width="600" height="336" /></p>
<p>小游戏相对来说制作会简单一些，推广也容易一些，特别是在移动平台上。但这种小游戏同样面临着一个问题就是，关卡简单容易过，而已经过关了的关卡吸引用户重玩的概率就要降很多，所以大部分的小游戏都要不停的推新版本新关卡来保持对用户的吸引力。</p>
<p><span id="more-1950"></span></p>
<p>于是除了正常的版本更新外，还会有各种的节假日等额外版本。</p>
<p>但节假日的版本等到节假日那天才开始发布的话，可能前期的预热就不会那么热烈，而如果提前发布，更可能面临的是节假日还没到，但游戏的新鲜劲已经过了。持久的新鲜劲应该是每个游戏都渴望获得的。</p>
<p>所以这次《Angry Birds》的圣诞节版本用了一种新的策略，12月1日推出这个版本后，每个关卡对应相应的日期激活，也就是必须要等到25号圣诞节当天，才能激活这个版本的全部关卡，控制的方式是联网激活。</p>
<p>遮遮掩掩总是要比全脱光来得有神秘感和吸引力。</p>
<p>但并不是每个小游戏都能这么做的，需要掂量的就是游戏本身对用户是否有如此强的粘着力，用户是否会接受每天一个关卡的进度是成败的关键。</p>
<p>控制用户获取欲望的步伐跟随自己产品的节奏。</p>
<p>第一次推新产品的时候就推一个完整功能的产品，更多的细节可能就会被用户遗漏；而如果新产品的发布推广是层次渐进的话，更多的功能细节将会慢慢的铺展在用户眼前，显然这些功能细节要比全盘铺展的更受用户的关注。</p>
<p>让用户感受到产品一直在持续的进步，让用户与产品一起跨着相同节奏的步伐。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1950/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>互联网产品设计零碎记</title>
		<link>http://www.prower.cn/interaction/1925</link>
		<comments>http://www.prower.cn/interaction/1925#comments</comments>
		<pubDate>Fri, 24 Sep 2010 06:42:48 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1925</guid>
		<description><![CDATA[与部门同事做了个小小的交流，话题杂而浅，在此做一个小纪录。 1、什么是设计 工业设计、环境设计、建筑设计、平面设计、网页设计、服装设计、信息设计……日常生活中，随处可听可见各种各样的设计名称，这些不同名称的设计组合在一起，改变着日常的生活，好的或是坏的。 做为平时最常用到的设计的这个单词——Design，除了设计的解释外，还有“计划”、“目的”等解释，也可以把“设计”说成是有计划的去达成某一个目的。 设计的核心就是解决问题。 好的设计应该是创新的，好的设计应该令产品实用，好的设计是美的设计，好的设计令产品易于理解，好的设计是诚实的，好的设计是不显眼的，好的设计是耐用的，好的设计贯穿每一个细节，好的设计是环保的，最后但同样重要的是，好的设计是尽可能少地设计。 2、为谁设计 任何一个设计都需要有用户，用户数量可以是极少的，也可以是极其庞大的。 用户数是反应设计好坏的一个标准，而另一个标准是商业目标。 为商业而设计，为全人类造福的背后还是有其商业行为。用户是达到商业目标的一个不可缺少的因素，但不能凌驾于商业目标之上。 3、用户角色设计 创建角色 &#8211; 描述角色 &#8211; 使用角色。 从数据中分析挖掘出角色原型，进一步细分角色原型中的核心与非核心用户，为这些角色填充上血与肉，把他们描述成身边经常可见的老朋友，然后经常的与这些老朋友们见面打招呼。 4、情景设计 一个活生生的人，一定会有其生存的环境，甚至死人也有其生存的环境，好的或是坏的。 既然用户角色需要真实化，那用户生活的情景也是需要真实化的因素之一。 设计一个产品的时候，会想像出用户的电脑配置有多先进，至少不落伍，可以使得产品中的绚丽效果淋漓尽致的呈现出来。但现实的情况很可能是用户的电脑一打开这个产品就面临CPU占用率百分百的场景。 这就是理想中的情景与现实中的情景的区别，做情景设计的时候，需要取一个中间值。把握这个度很重要。 5、精简化的设计 1、缩短产品从研发到上线的时间 2、降低产品风险 3、帮助用户迅速入门并且尽快成为中级用户 4、忠于核心功能 6、迭代设计 互联网产品更新的速度远超其他行业，完美的产品是不存在的。为一个不存在的完美的产品而消耗过多的时间，只会导致这个产品的更不完美。 花好几年的时间去设计开发一款产品的完整版本，也许等到发布的时候，此类产品早已经被用户所抛弃，之前的心血全都付诸东流。 也许这个时间会缩短到几个月。 迭代设计是需要勇气的，需要面临每一个不完善的版本被公布于世的勇气，这是一种遗憾美，催促着前往完善的脚步。 传统软件开发中的瀑布模型： 迭代模型： 迭代模型中引入瀑布模型是一种好方法。 7、为产品提供附加功能 在满足产品核心功能的前提下，为产品提供附加功能是个令人心情愉悦的行为，简单点说是为用户提供惊喜。 大多数人对牙签的使用都是剔过一次牙之后就丢弃，然而也有一部分人在剔完牙后喜欢把玩牙签，如何区分与放置使用过后的牙签？ 牙签末端的两圈圆槽就是这样一种令人惊喜的设计。]]></description>
			<content:encoded><![CDATA[<p>与部门同事做了个小小的交流，话题杂而浅，在此做一个小纪录。</p>
<p><strong>1、什么是设计</strong></p>
<p>工业设计、环境设计、建筑设计、平面设计、网页设计、服装设计、信息设计……日常生活中，随处可听可见各种各样的设计名称，这些不同名称的设计组合在一起，改变着日常的生活，好的或是坏的。</p>
<p>做为平时最常用到的设计的这个单词——Design，除了设计的解释外，还有“计划”、“目的”等解释，也可以把“设计”说成是有计划的去达成某一个目的。</p>
<p>设计的核心就是解决问题。</p>
<p>好的设计应该是创新的，好的设计应该令产品实用，好的设计是美的设计，好的设计令产品易于理解，好的设计是诚实的，好的设计是不显眼的，好的设计是耐用的，好的设计贯穿每一个细节，好的设计是环保的，最后但同样重要的是，好的设计是尽可能少地设计。</p>
<p><span id="more-1925"></span></p>
<p><strong>2、为谁设计</strong></p>
<p>任何一个设计都需要有用户，用户数量可以是极少的，也可以是极其庞大的。</p>
<p>用户数是反应设计好坏的一个标准，而另一个标准是商业目标。</p>
<p>为商业而设计，为全人类造福的背后还是有其商业行为。用户是达到商业目标的一个不可缺少的因素，但不能凌驾于商业目标之上。</p>
<p><strong>3、用户角色设计</strong></p>
<p>创建角色 &#8211; 描述角色 &#8211; 使用角色。</p>
<p>从数据中分析挖掘出角色原型，进一步细分角色原型中的核心与非核心用户，为这些角色填充上血与肉，把他们描述成身边经常可见的老朋友，然后经常的与这些老朋友们见面打招呼。</p>
<p><strong>4、情景设计</strong></p>
<p>一个活生生的人，一定会有其生存的环境，甚至死人也有其生存的环境，好的或是坏的。</p>
<p>既然用户角色需要真实化，那用户生活的情景也是需要真实化的因素之一。</p>
<p>设计一个产品的时候，会想像出用户的电脑配置有多先进，至少不落伍，可以使得产品中的绚丽效果淋漓尽致的呈现出来。但现实的情况很可能是用户的电脑一打开这个产品就面临CPU占用率百分百的场景。</p>
<p>这就是理想中的情景与现实中的情景的区别，做情景设计的时候，需要取一个中间值。把握这个度很重要。</p>
<p><strong>5、精简化的设计</strong></p>
<p>1、缩短产品从研发到上线的时间</p>
<p>2、降低产品风险</p>
<p>3、帮助用户迅速入门并且尽快成为中级用户</p>
<p>4、忠于核心功能</p>
<p><strong>6、迭代设计</strong></p>
<p>互联网产品更新的速度远超其他行业，完美的产品是不存在的。为一个不存在的完美的产品而消耗过多的时间，只会导致这个产品的更不完美。</p>
<p>花好几年的时间去设计开发一款产品的完整版本，也许等到发布的时候，此类产品早已经被用户所抛弃，之前的心血全都付诸东流。</p>
<p>也许这个时间会缩短到几个月。</p>
<p>迭代设计是需要勇气的，需要面临每一个不完善的版本被公布于世的勇气，这是一种遗憾美，催促着前往完善的脚步。</p>
<p>传统软件开发中的瀑布模型：</p>
<p><img class="alignnone size-medium wp-image-1926" title="瀑布模型" src="http://www.prower.cn/wp-content/uploads/2010/09/diedai-600x64.png" alt="" width="600" height="64" /></p>
<p>迭代模型：</p>
<p><img class="alignnone size-medium wp-image-1927" title="迭代模型" src="http://www.prower.cn/wp-content/uploads/2010/09/diedai2-600x385.png" alt="" width="600" height="385" /></p>
<p>迭代模型中引入瀑布模型是一种好方法。</p>
<p><strong>7、为产品提供附加功能</strong></p>
<p>在满足产品核心功能的前提下，为产品提供附加功能是个令人心情愉悦的行为，简单点说是为用户提供惊喜。</p>
<p><img class="alignnone size-full wp-image-1928" title="牙签" src="http://www.prower.cn/wp-content/uploads/2010/09/yaqian.jpg" alt="" width="600" height="399" /></p>
<p>大多数人对牙签的使用都是剔过一次牙之后就丢弃，然而也有一部分人在剔完牙后喜欢把玩牙签，如何区分与放置使用过后的牙签？</p>
<p>牙签末端的两圈圆槽就是这样一种令人惊喜的设计。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1925/feed</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>常见的几种淘宝店主营销手段</title>
		<link>http://www.prower.cn/interaction/1887</link>
		<comments>http://www.prower.cn/interaction/1887#comments</comments>
		<pubDate>Fri, 30 Jul 2010 15:10:37 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[数据]]></category>
		<category><![CDATA[淘宝网]]></category>
		<category><![CDATA[营销]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1887</guid>
		<description><![CDATA[上淘宝有几年，大到笔记本电脑小到小包零食，都在淘宝上买过，见过的店铺不算多，但也还不至于少，于是纪录一下自己常见到的淘宝店主的几种在自己店铺内的营销手段： 1、在淘宝客还没有诞生或是没有广泛的推广时，淘宝店铺的入口很狭窄，淘宝首页以及淘宝搜索是最为重要的两个入口，于是为了能在搜索系统中按价格排行时能排在前面，把物品的价格故意改低，然后把减掉的那部分价格加到快递费用上，补回物品的差价，这是一种成本转移的假象； 2、淘宝购物的很大一部分局限会出在物流上，于是当顾客拍下物品后，店主会先拿快递单号把物品的状态改为已发货，所以经常半夜也能看到发货的提醒，其实这个物品会在一两天后才会发货，但有一部分顾客就会把这个时间算在路途运输上，减少顾客因为对发货速度的不满，这算是一种迷惑顾客的风险转移； 3、在淘宝搜索系统中的排名因素除了操控价格来改变外，还可以通过操作销量数据来改变。当某一样畅销物品买了很多，积累到一定的销量数据，到了下架时间之后，店主会修改物品信息为其他非畅销物品，接着上架，于是前一个物品的销量变成新物品的销量，于是不管是在搜索排名还是物品页面都是漂亮的数据，这就是店铺假数据的来源之一； 4、用户口碑对于物品的销量很重要，于是可以看到很多店铺里关于物品的评论截图举例的比重远大于物品本身的介绍，再加上第3点所说的通过修改物品信息得来的评论数据，进一步的卸下用户的警惕之心； 5、除了通过评论来证明自己的物品以卸下用户的警惕之心外，还可以通过拿所谓的假货仿货来做对比，引导用户进行所谓的真假货对比，以增加用户对自己物品的信心，虽然两个对比的物品都可能是假货； 6、在物品的介绍内容里推荐关联的物品，比如在耳塞的介绍内容里推荐耳机套、延长线，这是一种小成本的关联推销，推荐的几样东西价格都不贵甚至可以说是便宜，但却是能与当前物品紧密配合使用的，这样的关联推销相比同类物品的推销成功率要高；]]></description>
			<content:encoded><![CDATA[<p>上淘宝有几年，大到笔记本电脑小到小包零食，都在淘宝上买过，见过的店铺不算多，但也还不至于少，于是纪录一下自己常见到的淘宝店主的几种在自己店铺内的营销手段：</p>
<p>1、在淘宝客还没有诞生或是没有广泛的推广时，淘宝店铺的入口很狭窄，淘宝首页以及淘宝搜索是最为重要的两个入口，于是为了能在搜索系统中按价格排行时能排在前面，把物品的价格故意改低，然后把减掉的那部分价格加到快递费用上，补回物品的差价，这是一种成本转移的假象；</p>
<p>2、淘宝购物的很大一部分局限会出在物流上，于是当顾客拍下物品后，店主会先拿快递单号把物品的状态改为已发货，所以经常半夜也能看到发货的提醒，其实这个物品会在一两天后才会发货，但有一部分顾客就会把这个时间算在路途运输上，减少顾客因为对发货速度的不满，这算是一种迷惑顾客的风险转移；</p>
<p>3、在淘宝搜索系统中的排名因素除了操控价格来改变外，还可以通过操作销量数据来改变。当某一样畅销物品买了很多，积累到一定的销量数据，到了下架时间之后，店主会修改物品信息为其他非畅销物品，接着上架，于是前一个物品的销量变成新物品的销量，于是不管是在搜索排名还是物品页面都是漂亮的数据，这就是店铺假数据的来源之一；</p>
<p><span id="more-1887"></span></p>
<p>4、用户口碑对于物品的销量很重要，于是可以看到很多店铺里关于物品的评论截图举例的比重远大于物品本身的介绍，再加上第3点所说的通过修改物品信息得来的评论数据，进一步的卸下用户的警惕之心；</p>
<p>5、除了通过评论来证明自己的物品以卸下用户的警惕之心外，还可以通过拿所谓的假货仿货来做对比，引导用户进行所谓的真假货对比，以增加用户对自己物品的信心，虽然两个对比的物品都可能是假货；</p>
<p>6、在物品的介绍内容里推荐关联的物品，比如在耳塞的介绍内容里推荐耳机套、延长线，这是一种小成本的关联推销，推荐的几样东西价格都不贵甚至可以说是便宜，但却是能与当前物品紧密配合使用的，这样的关联推销相比同类物品的推销成功率要高；</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1887/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>设计上的小细节（二）</title>
		<link>http://www.prower.cn/interaction/1863</link>
		<comments>http://www.prower.cn/interaction/1863#comments</comments>
		<pubDate>Thu, 15 Jul 2010 13:54:14 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[播放器]]></category>
		<category><![CDATA[浏览器插件]]></category>
		<category><![CDATA[精简模式]]></category>
		<category><![CDATA[细节设计]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1863</guid>
		<description><![CDATA[边看视频边做其他事情是很多人在上网时会做的，而播放视频时去掉播放器多余的边框减少干扰是体验中很重要的一步，于是有了播放器的精简模式，而当显示器的分辨率越来越大时，一般精简模式提供的1倍、0.5倍的尺寸大小显然有些不合适，这个时候我们需要手动播放器的边角或是边框来放大播放器。迅雷看看播放器对此做了一些优化，当选择精简模式在默认的情况下视频尺寸是1倍大小的，但此时播放器的工具条会提供0.5倍以及1.5倍两个尺寸选择，当通过播放器本身提供的这两个规格进行绽放时，两个值都会跟随着变化，每次变化以0.5为单位递增或是递减： 很多在线网页视频播放，为了速度会将一部分视频文件缓存在本地，这个时候就需要使用到插件来帮助完成这件事，所以经常可以在访问视频网站时在IE浏览器的顶部弹出安装插件的请求，同意之后会弹出窗口来确认安装，确认之后只到安装完成后自动刷新当前页面，这段安装的时间是长是短，安装的结果如何，用户几乎是完全不知情的。这个时候来看看迅雷看看的插件安装过程，利用处于空闲时几乎无用的任务栏来即时的显示插件的安装情况： 同样是视频播放，本地播放器可以通过精简模式来消除视频之外的干扰，但网页版的视频播放显然就无法通过精简模式来减少视觉上的干扰了，于是有些视频网站的网页版的播放会提供一个功能——开灯/关灯，当使用关灯时会用黑色来遮盖所有除视频之外的元素，使视觉干扰减小到最少。当然，土豆网的那个开灯/关灯不算，此类的例子要看奇艺网或是音悦台。]]></description>
			<content:encoded><![CDATA[<p>边看视频边做其他事情是很多人在上网时会做的，而播放视频时去掉播放器多余的边框减少干扰是体验中很重要的一步，于是有了播放器的精简模式，而当显示器的分辨率越来越大时，一般精简模式提供的1倍、0.5倍的尺寸大小显然有些不合适，这个时候我们需要手动播放器的边角或是边框来放大播放器。迅雷看看播放器对此做了一些优化，当选择精简模式在默认的情况下视频尺寸是1倍大小的，但此时播放器的工具条会提供0.5倍以及1.5倍两个尺寸选择，当通过播放器本身提供的这两个规格进行绽放时，两个值都会跟随着变化，每次变化以0.5为单位递增或是递减：</p>
<p><a href="http://www.prower.cn/wp-content/uploads/2010/07/kankan.png"><img class="alignnone size-full wp-image-1864" title="kankan" src="http://www.prower.cn/wp-content/uploads/2010/07/kankan.png" alt="" width="169" height="23" /></a></p>
<p><span id="more-1863"></span></p>
<p>很多在线网页视频播放，为了速度会将一部分视频文件缓存在本地，这个时候就需要使用到插件来帮助完成这件事，所以经常可以在访问视频网站时在IE浏览器的顶部弹出安装插件的请求，同意之后会弹出窗口来确认安装，确认之后只到安装完成后自动刷新当前页面，这段安装的时间是长是短，安装的结果如何，用户几乎是完全不知情的。这个时候来看看迅雷看看的插件安装过程，利用处于空闲时几乎无用的任务栏来即时的显示插件的安装情况：</p>
<p><img class="alignnone size-full wp-image-1870" title="xunlei" src="http://www.prower.cn/wp-content/uploads/2010/07/xunlei.png" alt="" width="260" height="47" /></p>
<p>同样是视频播放，本地播放器可以通过精简模式来消除视频之外的干扰，但网页版的视频播放显然就无法通过精简模式来减少视觉上的干扰了，于是有些视频网站的网页版的播放会提供一个功能——开灯/关灯，当使用关灯时会用黑色来遮盖所有除视频之外的元素，使视觉干扰减小到最少。当然，土豆网的那个开灯/关灯不算，此类的例子要看奇艺网或是音悦台。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1863/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>设计上的小细节</title>
		<link>http://www.prower.cn/interaction/1808</link>
		<comments>http://www.prower.cn/interaction/1808#comments</comments>
		<pubDate>Mon, 14 Jun 2010 04:55:07 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[细节设计]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1808</guid>
		<description><![CDATA[1、卓越亚马逊的首页轮换图片，每刷新一次，都是随机不同的顺序显示，这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题，这点对于电子商务等时效性不是很讲究的网站来说尤其重要； 2、最初的时候是点击照片跳转到下一张，再然后是点击照片的左边是上一张，点击照片右边是下一张，当我们习惯了这样的照片浏览方式之后，似乎我们的鼠标就会被限制在照片的范围之内。百度空间里的相册浏览页面扩大了鼠标的可点击范围，使得照片翻页不在只是局限在照片里面，而是整个页面的宽度，以及在中间部分加入了照片放大功能。还有就是侧边预览图的滚轮支持； 3、而腾讯网内容页里对照片这块的处理则有更多的细节，比如图片下方的预览图、比如图片底部的可隐藏的说明文字。当一块有限的空间被堆叠更多的功能时，好与坏开始变成一个相对的事情； 4、当在页面的链接处用鼠标右键点击时，弹出的菜单：IE从上下到是“打开”、“在新选项卡中打开”、“在新窗口中打开”；Firefox从上到下的顺序是“在新窗口中打开”、“在新选项卡中打开”；而Chrome的则是“在新标签页中打开链接”、“在新窗口中打开链接”。IE的第一项“打开”完成就是左键单击的行为，实则无意义；Firefox对这个顺序的处理似乎仍停留在浏览器还未引进标签页的设计上，标签页正是为了解决桌面上铺满浏览器窗口而设计的，所以在这个顺序上，Chrome的设计则是最好的； 5、当页面中需要出现页码时，可以看到很多网站对这个翻页的设计都做了处理，比如减少“上一页”的可点击区域，增加“下一页”的可点击区域。很长一段时间来，浏览器的前进与后退两个按钮是同样的大小，但在页面中翻页时用户更多的操作是在“下一页”，同样的，对于浏览器的前进与后退，用户更多的操作行为会是在“后退”，所以Firefox对这两个按钮的设计做了处理，增大了后退按钮，更便于用户的频繁操作；]]></description>
			<content:encoded><![CDATA[<p>1、卓越亚马逊的首页轮换图片，每刷新一次，都是随机不同的顺序显示，这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题，这点对于电子商务等时效性不是很讲究的网站来说尤其重要；</p>
<p><img class="alignnone size-full wp-image-1841" title="joyo" src="http://www.prower.cn/wp-content/uploads/2010/06/joyo.png" alt="" width="503" height="234" /></p>
<p><span id="more-1808"></span></p>
<p>2、最初的时候是点击照片跳转到下一张，再然后是点击照片的左边是上一张，点击照片右边是下一张，当我们习惯了这样的照片浏览方式之后，似乎我们的鼠标就会被限制在照片的范围之内。百度空间里的相册浏览页面扩大了鼠标的可点击范围，使得照片翻页不在只是局限在照片里面，而是整个页面的宽度，以及在中间部分加入了照片放大功能。还有就是侧边预览图的滚轮支持；</p>
<p><img class="alignnone size-full wp-image-1844" title="baidu" src="http://www.prower.cn/wp-content/uploads/2010/06/baidu.jpg" alt="" width="435" height="385" /></p>
<p>3、而腾讯网内容页里对照片这块的处理则有更多的细节，比如图片下方的预览图、比如图片底部的可隐藏的说明文字。当一块有限的空间被堆叠更多的功能时，好与坏开始变成一个相对的事情；</p>
<p><img class="alignnone size-medium wp-image-1845" title="qq" src="http://www.prower.cn/wp-content/uploads/2010/06/qq-600x502.jpg" alt="" width="600" height="502" /></p>
<p>4、当在页面的链接处用鼠标右键点击时，弹出的菜单：IE从上下到是“打开”、“在新选项卡中打开”、“在新窗口中打开”；Firefox从上到下的顺序是“在新窗口中打开”、“在新选项卡中打开”；而Chrome的则是“在新标签页中打开链接”、“在新窗口中打开链接”。IE的第一项“打开”完成就是左键单击的行为，实则无意义；Firefox对这个顺序的处理似乎仍停留在浏览器还未引进标签页的设计上，标签页正是为了解决桌面上铺满浏览器窗口而设计的，所以在这个顺序上，Chrome的设计则是最好的；</p>
<p><img class="alignnone size-full wp-image-1847" title="browse" src="http://www.prower.cn/wp-content/uploads/2010/06/browse.png" alt="" width="534" height="82" /></p>
<p>5、当页面中需要出现页码时，可以看到很多网站对这个翻页的设计都做了处理，比如减少“上一页”的可点击区域，增加“下一页”的可点击区域。很长一段时间来，浏览器的前进与后退两个按钮是同样的大小，但在页面中翻页时用户更多的操作是在“下一页”，同样的，对于浏览器的前进与后退，用户更多的操作行为会是在“后退”，所以Firefox对这两个按钮的设计做了处理，增大了后退按钮，更便于用户的频繁操作；</p>
<p><img class="alignnone size-full wp-image-1842" title="firefox" src="http://www.prower.cn/wp-content/uploads/2010/06/firefox.png" alt="" width="212" height="33" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1808/feed</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>烂大街的用户体验</title>
		<link>http://www.prower.cn/interaction/1823</link>
		<comments>http://www.prower.cn/interaction/1823#comments</comments>
		<pubDate>Sat, 22 May 2010 15:08:20 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1823</guid>
		<description><![CDATA[不知从何时起，国内的很多软件在更新日志里都会附上一条“改进用户体验”之类的话。要说这用户体验即不属于功能更新，也不属于Bug修复，但它就是堂而皇之的出现在更新日志里。只因为商业是需要噱头的，在功能无法成为噱头的时候，用户体验这个正火热而又显得虚无飘渺的词就肩负起了噱头这个责任。所以即使这些软件暗地里在用户的电脑上耍流氓，却仍要明着说自己的用户体验好。 用户体验是个很虚的词汇，虚到没有界线可以去界定它，小可以到某个界面中某个功能按钮的文字，大可以到贯穿用户使用过程以后之后对其的影响。而事实上当前很多的设计职位都是没有明确的界定的，比如交互设计、比如产品设计，但用户体验这个则更像是飘在空中落不到实地的。 当我们浏览一个购物网站时，该网站的购物体验做得非常好，那么就能说该网站的用户体验好吗？显然是不能的，购物体验只是整个用户体验中的一个环节，如果在商品质量上让用户失望或是提高售后服务的门槛，那么显然以用户体验好来称赞这个网站是个伪命题。当然，该网站可能对外宣称自己的用户体验好，但这个好仅限于用户的购物体验，也就是让用户掏钱消费的部分。 用户体验不应只是某一环节的问题，而应该是一个圆环状的从头到尾有着紧密的衔接，更应该是一个战略层面的事情，是与品牌息息相关的一环。 经常可见某些人指着某些产品的某点说用户体验不好，但是我们说不能因为某人一某一个小缺点就否定某人，对产品也应该是如此，对一个产品的评价应该站在一个全局的角度来看，而这其中首位重要的应该是该产品是否切实解决了用户的问题，否则一个产品即使再易用但不能解决用户的问题，那就是白扯蛋。 所以，用户体验应该商业需求之后的事情。如果将用户体验架在商业需求之上，显然这会是一个短命的产品。 让我们收起用户体验这把大斧子，好好做点事吧。]]></description>
			<content:encoded><![CDATA[<p>不知从何时起，国内的很多软件在更新日志里都会附上一条“改进用户体验”之类的话。要说这用户体验即不属于功能更新，也不属于Bug修复，但它就是堂而皇之的出现在更新日志里。只因为商业是需要噱头的，在功能无法成为噱头的时候，用户体验这个正火热而又显得虚无飘渺的词就肩负起了噱头这个责任。所以即使这些软件暗地里在用户的电脑上耍流氓，却仍要明着说自己的用户体验好。</p>
<p>用户体验是个很虚的词汇，虚到没有界线可以去界定它，小可以到某个界面中某个功能按钮的文字，大可以到贯穿用户使用过程以后之后对其的影响。而事实上当前很多的设计职位都是没有明确的界定的，比如交互设计、比如产品设计，但用户体验这个则更像是飘在空中落不到实地的。</p>
<p><span id="more-1823"></span></p>
<p>当我们浏览一个购物网站时，该网站的购物体验做得非常好，那么就能说该网站的用户体验好吗？显然是不能的，购物体验只是整个用户体验中的一个环节，如果在商品质量上让用户失望或是提高售后服务的门槛，那么显然以用户体验好来称赞这个网站是个伪命题。当然，该网站可能对外宣称自己的用户体验好，但这个好仅限于用户的购物体验，也就是让用户掏钱消费的部分。</p>
<p>用户体验不应只是某一环节的问题，而应该是一个圆环状的从头到尾有着紧密的衔接，更应该是一个战略层面的事情，是与品牌息息相关的一环。</p>
<p>经常可见某些人指着某些产品的某点说用户体验不好，但是我们说不能因为某人一某一个小缺点就否定某人，对产品也应该是如此，对一个产品的评价应该站在一个全局的角度来看，而这其中首位重要的应该是该产品是否切实解决了用户的问题，否则一个产品即使再易用但不能解决用户的问题，那就是白扯蛋。</p>
<p>所以，用户体验应该商业需求之后的事情。如果将用户体验架在商业需求之上，显然这会是一个短命的产品。</p>
<p>让我们收起用户体验这把大斧子，好好做点事吧。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1823/feed</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>网址站的2.0玩法</title>
		<link>http://www.prower.cn/interaction/1801</link>
		<comments>http://www.prower.cn/interaction/1801#comments</comments>
		<pubDate>Fri, 12 Mar 2010 09:28:58 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[网址站]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1801</guid>
		<description><![CDATA[hao123的成功引领了一批的网址站，然而辉煌却是很难复制的，复制了模式却复制不了成功，市场一旦被垄断就很难再超越。网址站的成功也在一定程度上表达出中国互联网的成熟度，很多越乎基础的基础应用还是有很广扩的前景，关键在于如何去解读用户的需求。 网址站的模式似乎已经被固定在了hao123身上，太多的网址站都是搜索一批网站的网址然后就摆在那里，任由用户去发掘，平静得犹如一潭死水，最终也真的成了死水。 当市场已经稳固很难成长的时候，产品就应该试着换一种玩法。 虽然在设计上来说，不要轻易的改变用户的习惯，然而面对千年不变的网址站，那些密密麻麻的铺开的链接也在一定程度上阻碍着初级用户对互联网的认知与学习。 面对初级用户可以默认页面内容，但用户在成长，这个时候是否应该试着把主动权慢慢的交一部分给用户？网址站到收藏夹，这是一对孪生兄弟之间的距离，网址站帐户也许是个好桥梁，自定义网址站页面可能是个更好的互联网入口。 当然，对用户的引领将是很困难的一件事。 浏览器插件、API数据调用，也许这是更高级一些的玩法，用户面相对较窄，但不能说没有。 与时俱进才能更好的发展，虽然这个步伐可能会相当的慢。]]></description>
			<content:encoded><![CDATA[<p>hao123的成功引领了一批的网址站，然而辉煌却是很难复制的，复制了模式却复制不了成功，市场一旦被垄断就很难再超越。网址站的成功也在一定程度上表达出中国互联网的成熟度，很多越乎基础的基础应用还是有很广扩的前景，关键在于如何去解读用户的需求。</p>
<p>网址站的模式似乎已经被固定在了hao123身上，太多的网址站都是搜索一批网站的网址然后就摆在那里，任由用户去发掘，平静得犹如一潭死水，最终也真的成了死水。</p>
<p>当市场已经稳固很难成长的时候，产品就应该试着换一种玩法。</p>
<p>虽然在设计上来说，不要轻易的改变用户的习惯，然而面对千年不变的网址站，那些密密麻麻的铺开的链接也在一定程度上阻碍着初级用户对互联网的认知与学习。</p>
<p><span id="more-1801"></span></p>
<p>面对初级用户可以默认页面内容，但用户在成长，这个时候是否应该试着把主动权慢慢的交一部分给用户？网址站到收藏夹，这是一对孪生兄弟之间的距离，网址站帐户也许是个好桥梁，自定义网址站页面可能是个更好的互联网入口。</p>
<p>当然，对用户的引领将是很困难的一件事。</p>
<p>浏览器插件、API数据调用，也许这是更高级一些的玩法，用户面相对较窄，但不能说没有。</p>
<p>与时俱进才能更好的发展，虽然这个步伐可能会相当的慢。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1801/feed</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>豆瓣的Url结构方式一览</title>
		<link>http://www.prower.cn/interaction/1793</link>
		<comments>http://www.prower.cn/interaction/1793#comments</comments>
		<pubDate>Sun, 28 Feb 2010 03:15:06 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[Url结构]]></category>
		<category><![CDATA[网站架构]]></category>
		<category><![CDATA[豆瓣]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1793</guid>
		<description><![CDATA[网站域名一般都会选简短易记的，因为这对于网站宣传来说也可以省不少力。而被很多网站忽视的站内Url结构则在一定程度上反映出网站的整体架构。 当设计走向越来越轻的时候，网站Url结构的设计也越来越清晰明了化，很大程度上已经可以通过Url结构来获知该页面的大致内容。 豆瓣就是这样一个网站。 豆瓣的Url结构除了清晰明了易识别外，还有很多很有意思的地方：比如上一篇日志中说的豆瓣的搜索Url结构；比如豆瓣的所有翻页都是以当前内容页面Url+?start=100的形式，再往下是?start=200，这一点不像一般的网站直接就是标示1、2、3之类的，这种翻页的Url结构方式在一定程度上向用户展示列表中内容的数量，也弥补了豆瓣对列表中的内容数未显示的设计。 豆瓣在Url的格式的递进设计上也有点意思，你日记、相册之类的在Url结构上只归属大的分类，比如某个日记的Url格式是 www.douban.com/note/yyyyyy/ 而并非是常理下的该日记归属某个用户 www.douban.com/people/xxxxxx/note/yyyyyy/ 的结构，这一个设计也延用至书评影评乐评之类的内容上。 花了一些时间，整理出了豆瓣的整站Url结构，当然肯定是有些许遗漏的，但主体的都在了，也能大致的看得出来豆瓣的整站架构了。 有高清无码图及mmap文件可索取。]]></description>
			<content:encoded><![CDATA[<p>网站域名一般都会选简短易记的，因为这对于网站宣传来说也可以省不少力。而被很多网站忽视的站内Url结构则在一定程度上反映出网站的整体架构。</p>
<p>当设计走向越来越轻的时候，网站Url结构的设计也越来越清晰明了化，很大程度上已经可以通过Url结构来获知该页面的大致内容。</p>
<p>豆瓣就是这样一个网站。</p>
<p>豆瓣的Url结构除了清晰明了易识别外，还有很多很有意思的地方：比如上一篇日志中说的<a href="http://www.prower.cn/interaction/1790" target="_blank">豆瓣的搜索Url结构</a>；比如豆瓣的所有翻页都是以当前内容页面Url+<span style="color: #ff0000;">?start=100</span>的形式，再往下是<span style="color: #ff0000;">?start=200</span>，这一点不像一般的网站直接就是标示1、2、3之类的，这种翻页的Url结构方式在一定程度上向用户展示列表中内容的数量，也弥补了豆瓣对列表中的内容数未显示的设计。</p>
<p><span id="more-1793"></span></p>
<p>豆瓣在Url的格式的递进设计上也有点意思，你日记、相册之类的在Url结构上只归属大的分类，比如某个日记的Url格式是 <span style="color: #ff0000;">www.douban.com/note/yyyyyy/</span> 而并非是常理下的该日记归属某个用户 <span style="color: #ff0000;">www.douban.com/people/xxxxxx/note/yyyyyy/</span> 的结构，这一个设计也延用至书评影评乐评之类的内容上。</p>
<p>花了一些时间，整理出了豆瓣的整站Url结构，当然肯定是有些许遗漏的，但主体的都在了，也能大致的看得出来豆瓣的整站架构了。</p>
<p>有高清无码图及mmap文件可索取。</p>
<p><a href="http://www.prower.cn/wp-content/uploads/2010/02/douban_url.png"><img class="alignnone size-full wp-image-1794" title="豆瓣url结构图" src="http://www.prower.cn/wp-content/uploads/2010/02/douban_url.png" alt="douban_url" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1793/feed</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>新豆瓣的搜索系统设计初探</title>
		<link>http://www.prower.cn/interaction/1790</link>
		<comments>http://www.prower.cn/interaction/1790#comments</comments>
		<pubDate>Sat, 27 Feb 2010 11:01:34 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[Url结构]]></category>
		<category><![CDATA[搜索系统]]></category>
		<category><![CDATA[豆瓣]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1790</guid>
		<description><![CDATA[新豆瓣将社区独立出来强化后，除了改变最大的导航外，还有搜索系统。豆瓣开始将以前的综合搜索拆分设计，社区、书籍、电影、音乐有了各自独立的搜索，原来的综合搜索也进一步被淡化成社区搜索。这样设计的出发点应该是基于对搜索结果准确性的追求吧，因为原来庞大的搜索条件使得搜索结果的准确性大大降低。 也许是因为目前豆瓣正经历着架构的改变的原因吧，豆瓣的搜索系统也变得很有意思，比如搜索周杰伦： 搜索：周杰伦 http://www.douban.com/search?q=周杰伦 豆瓣条目搜索：周杰伦 http://www.douban.com/subject_search?search_text=周杰伦 书籍搜索: 周杰伦 http://book.douban.com/subject_search?search_text=周杰伦&#38;cat=1001 电影搜索：周杰伦 http://movie.douban.com/subject_search?search_text=周杰伦&#38;cat=1002 音乐搜索：周杰伦 http://music.douban.com/subject_search?search_text=周杰伦&#38;cat=1003 将书籍、电影、音乐从综合搜索里淡化后，综合搜索里的结果基本上被小组垄断了，豆瓣小组的庞大数目开始在这里显现出来。 条目搜索是个隐蔽的功能，因为并没有在页面上的某个地方显示出来，只能通过修改Url结构来打开，搜索的条件也很限制，仅限书名、影名、唱片名。在做了这样的条件限制后，搜索结果也要相对的精确许多，也许没多久后豆瓣可能真正推出这个功能来。 虽然从Url结构上看，书籍、电影、音乐三者的搜索是位于各自站点下面的，但事实却并非如此。1001这个数值对应的是书籍搜索，1002对应的是电影搜索，1003则是对应的音乐搜索，当需要改变搜索类型时并不需要去修改前面的book、movie、music这三个子域，只需要改变后面的数值即可，也就是说将book、movie、music这个三直接换成www，只要后面的数字不变，结果也是一样的，唯一改变的就是头部的导航，也就是说使用二级域名的搜索时只是为了显示不同子站的头部。 新豆瓣的三个子站的搜索Url结构还有另外一种： 书籍搜索: 周杰伦 http://book.douban.com/search/周杰伦 电影搜索：周杰伦 http://movie.douban.com/search/周杰伦 音乐搜索：周杰伦 http://music.douban.com/search/周杰伦 当然，这三个Url结构就没法再改变二级域名而不改变搜索结果了。]]></description>
			<content:encoded><![CDATA[<p>新豆瓣将社区独立出来强化后，除了改变最大的导航外，还有搜索系统。豆瓣开始将以前的综合搜索拆分设计，社区、书籍、电影、音乐有了各自独立的搜索，原来的综合搜索也进一步被淡化成社区搜索。这样设计的出发点应该是基于对搜索结果准确性的追求吧，因为原来庞大的搜索条件使得搜索结果的准确性大大降低。</p>
<p>也许是因为目前豆瓣正经历着架构的改变的原因吧，豆瓣的搜索系统也变得很有意思，比如搜索周杰伦：</p>
<blockquote><p>搜索：周杰伦<br />
<a href="http://www.douban.com/search?q=%E5%91%A8%E6%9D%B0%E4%BC%A6">http://www.douban.com/search?q=周杰伦</a></p>
<p>豆瓣条目搜索：周杰伦<br />
<a href="http://www.douban.com/subject_search?search_text=%E5%91%A8%E6%9D%B0%E4%BC%A6">http://www.douban.com/subject_search?search_text=周杰伦</a></p>
<p>书籍搜索: 周杰伦<br />
<a href="http://book.douban.com/subject_search?search_text=%E5%91%A8%E6%9D%B0%E4%BC%A6&amp;cat=1001">http://book.douban.com/subject_search?search_text=周杰伦&amp;cat=1001</a></p>
<p>电影搜索：周杰伦<br />
<a href="http://movie.douban.com/subject_search?search_text=%E5%91%A8%E6%9D%B0%E4%BC%A6&amp;cat=1002">http://movie.douban.com/subject_search?search_text=周杰伦&amp;cat=1002</a></p>
<p>音乐搜索：周杰伦<br />
<a href="http://music.douban.com/subject_search?search_text=%E5%91%A8%E6%9D%B0%E4%BC%A6&amp;cat=1003">http://music.douban.com/subject_search?search_text=周杰伦&amp;cat=1003</a></p></blockquote>
<p><span id="more-1790"></span></p>
<p>将书籍、电影、音乐从综合搜索里淡化后，综合搜索里的结果基本上被小组垄断了，豆瓣小组的庞大数目开始在这里显现出来。</p>
<p>条目搜索是个隐蔽的功能，因为并没有在页面上的某个地方显示出来，只能通过修改Url结构来打开，搜索的条件也很限制，仅限书名、影名、唱片名。在做了这样的条件限制后，搜索结果也要相对的精确许多，也许没多久后豆瓣可能真正推出这个功能来。</p>
<p>虽然从Url结构上看，书籍、电影、音乐三者的搜索是位于各自站点下面的，但事实却并非如此。1001这个数值对应的是书籍搜索，1002对应的是电影搜索，1003则是对应的音乐搜索，当需要改变搜索类型时并不需要去修改前面的book、movie、music这三个子域，只需要改变后面的数值即可，也就是说将book、movie、music这个三直接换成www，只要后面的数字不变，结果也是一样的，唯一改变的就是头部的导航，也就是说使用二级域名的搜索时只是为了显示不同子站的头部。</p>
<p>新豆瓣的三个子站的搜索Url结构还有另外一种：</p>
<blockquote><p>书籍搜索: 周杰伦<br />
<a href="http://book.douban.com/search/%E5%91%A8%E6%9D%B0%E4%BC%A6">http://book.douban.com/search/周杰伦</a></p>
<p>电影搜索：周杰伦<br />
<a href="http://book.douban.com/search/%E5%91%A8%E6%9D%B0%E4%BC%A6">http://movie.douban.com/search/周杰伦</a></p>
<p>音乐搜索：周杰伦<br />
<a href="http://book.douban.com/search/%E5%91%A8%E6%9D%B0%E4%BC%A6">http://music.douban.com/search/周杰伦</a></p></blockquote>
<p>当然，这三个Url结构就没法再改变二级域名而不改变搜索结果了。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1790/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>什么是好的设计</title>
		<link>http://www.prower.cn/interaction/1785</link>
		<comments>http://www.prower.cn/interaction/1785#comments</comments>
		<pubDate>Tue, 23 Feb 2010 00:35:36 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[工业设计]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1785</guid>
		<description><![CDATA[每个产品诞生的背后都凝结着一位或是多位设计师的心血，在产品的诞生过程中文化、科技、环保、创意等这些方方面面的细节集结成一个绚丽的故事，因为有了这些故事的铺垫，诞生出来的产品才变得更有意义，影响并改变着人们的生活。 比如秦始皇为了减少战争的损耗而采用统一制作工艺的弓箭；比如牙签顶部的圆槽可以折断以表示使用过，还可以将折断的部分当成牙签的搁置台；比如大剪刀手柄上的凹槽是为了让剪刀不易脱手掉落；比如iMac显示器的铝板中间液晶屏的部分可以制作成两个键盘框架；比如更环保的可更换刷头的牙刷；…… 这些应该是《工业设计纪录片》（也叫《设计面面观》）想要表达的核心所在。 好的设计应该是创新的，好的设计应该令产品实用，好的设计是美的设计，好的设计令产品易于理解，好的设计是诚实的，好的设计是不显眼的，好的设计是耐用的，好的设计贯穿每一个细节，好的设计是环保的，最后但同样重要的是，好的设计是尽可能少地设计。 这一段诠释什么是好的设计的话，也在叙说着设计的真谛。 从最初产品材质的甄选，到制作工艺的提升，再到寿终正寝时的回收利用，设计师们正努力的让自己的设计贯穿产品的始末，为产品提供完整的解决方案。 设计在为人们带来更好的产品时，也在为企业带来更多的商业机遇。更好的生活是人们不变的追求，而更多的商业机遇也是企业不变的追求，现在这两者正通过设计越来越紧密的结合在一起。 好的设计不在于外观的新颖，好的设计不在于功能的强大，好的设计不在于定位的高端，好的设计是取与舍的平衡，好的设计在于还原事物的本质，好的设计在于对人的关注。 真正好的设计在于改善和提升人们的生活质量。]]></description>
			<content:encoded><![CDATA[<p>每个产品诞生的背后都凝结着一位或是多位设计师的心血，在产品的诞生过程中文化、科技、环保、创意等这些方方面面的细节集结成一个绚丽的故事，因为有了这些故事的铺垫，诞生出来的产品才变得更有意义，影响并改变着人们的生活。</p>
<p>比如秦始皇为了减少战争的损耗而采用统一制作工艺的弓箭；比如牙签顶部的圆槽可以折断以表示使用过，还可以将折断的部分当成牙签的搁置台；比如大剪刀手柄上的凹槽是为了让剪刀不易脱手掉落；比如iMac显示器的铝板中间液晶屏的部分可以制作成两个键盘框架；比如更环保的可更换刷头的牙刷；……</p>
<p>这些应该是《工业设计纪录片》（也叫《设计面面观》）想要表达的核心所在。</p>
<p>好的设计应该是创新的，好的设计应该令产品实用，好的设计是美的设计，好的设计令产品易于理解，好的设计是诚实的，好的设计是不显眼的，好的设计是耐用的，好的设计贯穿每一个细节，好的设计是环保的，最后但同样重要的是，好的设计是尽可能少地设计。</p>
<p><span id="more-1785"></span></p>
<p>这一段诠释什么是好的设计的话，也在叙说着设计的真谛。</p>
<p>从最初产品材质的甄选，到制作工艺的提升，再到寿终正寝时的回收利用，设计师们正努力的让自己的设计贯穿产品的始末，为产品提供完整的解决方案。</p>
<p>设计在为人们带来更好的产品时，也在为企业带来更多的商业机遇。更好的生活是人们不变的追求，而更多的商业机遇也是企业不变的追求，现在这两者正通过设计越来越紧密的结合在一起。</p>
<p>好的设计不在于外观的新颖，好的设计不在于功能的强大，好的设计不在于定位的高端，好的设计是取与舍的平衡，好的设计在于还原事物的本质，好的设计在于对人的关注。</p>
<p>真正好的设计在于改善和提升人们的生活质量。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1785/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>新功能的帮助与破坏</title>
		<link>http://www.prower.cn/interaction/1737</link>
		<comments>http://www.prower.cn/interaction/1737#comments</comments>
		<pubDate>Fri, 15 Jan 2010 14:50:17 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[WebGame]]></category>
		<category><![CDATA[信息流]]></category>
		<category><![CDATA[新功能]]></category>
		<category><![CDATA[白社会]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1737</guid>
		<description><![CDATA[之前有看过一个博文写的是白社会的设计很好但运营却有些遭，因为对每一个WebGame的推出时间把握不准，会有几个应用同时上线造成影响力的冲突，也会有很久没有新应用上线来吸引用户，基本上同意这个观点。 白社会从推出起，就一直是以用户体验好著称的，很多的细节做得很到位，但同时也有很多的细节没有到位，今天就接上篇日志说一下白社会里的“梦幻城”的最新功能设计——照相。 不可否认，这个功能的确是给用户的游戏更增娱乐元素，轻点一下鼠标，就可以为自己的“梦幻城”截图并上传到相册里，然而对于这样一个可有可无的功能是否真的值得上呢？ 自从这个功能上线后，好友新鲜事里的照片基本上就被这些游戏的截图占据了，导致好友的正常照片几乎都看不到了，于是这些截图就成了毫无作用的垃圾信息，原本的好友信息流被完全的扰乱。 试想一下，看到满屏的游戏截图，用户做何感想？ 一个新功能的上线，是否应该对其带来的影响做好充分的评估呢？只是考虑局部而忽略了整体的影响，最终这个功能是失败了。]]></description>
			<content:encoded><![CDATA[<p>之前有看过一个博文写的是白社会的设计很好但运营却有些遭，因为对每一个WebGame的推出时间把握不准，会有几个应用同时上线造成影响力的冲突，也会有很久没有新应用上线来吸引用户，基本上同意这个观点。</p>
<p>白社会从推出起，就一直是以用户体验好著称的，很多的细节做得很到位，但同时也有很多的细节没有到位，今天就接上篇日志说一下白社会里的“梦幻城”的最新功能设计——照相。</p>
<p>不可否认，这个功能的确是给用户的游戏更增娱乐元素，轻点一下鼠标，就可以为自己的“梦幻城”截图并上传到相册里，然而对于这样一个可有可无的功能是否真的值得上呢？</p>
<p>自从这个功能上线后，好友新鲜事里的照片基本上就被这些游戏的截图占据了，导致好友的正常照片几乎都看不到了，于是这些截图就成了毫无作用的垃圾信息，原本的好友信息流被完全的扰乱。</p>
<p><span id="more-1737"></span></p>
<p>试想一下，看到满屏的游戏截图，用户做何感想？</p>
<p><img class="alignnone size-full wp-image-1736" title="bai_photo" src="http://www.prower.cn/wp-content/uploads/2010/01/bai_photo.png" alt="" width="560" height="397" /></p>
<p>一个新功能的上线，是否应该对其带来的影响做好充分的评估呢？只是考虑局部而忽略了整体的影响，最终这个功能是失败了。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1737/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Microsoft Live Labs新作Pivot初探</title>
		<link>http://www.prower.cn/interaction/1693</link>
		<comments>http://www.prower.cn/interaction/1693#comments</comments>
		<pubDate>Mon, 30 Nov 2009 13:25:57 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[pivot]]></category>
		<category><![CDATA[交互方式]]></category>
		<category><![CDATA[标签设计]]></category>
		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1693</guid>
		<description><![CDATA[话说微软的IE系列产品都被众多的前端开发者臭骂，除去其对于WEB标准化的支持问题外，再者是因为其同一款产品的存活型号太多，从IE6.0-IE8.0，3个版本的浏览器，结果对同一个页面有着三种不同的表现，结果据说IE9.0已经开始开发中。但这些都只是在页面的性能及呈现的方式上，除去浏览器中的内容来看一下浏览器本身的设计，Microsoft Live Labs新近推出的浏览器新作Pivot则是一款很酷的产品。酷在它对于传统浏览器操作方式的改变，但这种大幅度的改变用户的操作习惯，则注定了它只是能实验室的产品，不过这不并能妨碍Pivot成为一个很酷的产品，也许未来的某一天它真的就公开发布出来了。 Chrome的诞生，改变了以往浏览器对于标签栏的设计，而且也简化了浏览器头部的设计。但在简洁这点上Pivot做得更彻底，仅只保留几个必不可少的功能按钮及地址输入框。 将当前页面加入书签后，就会激发进一步的行为，那就是页面描述的Tag，而且Pivot将当前页面标签显示在了标签后面： 很酷的是Pivot在“前进”与“后退”两个按钮中提供了当前标签的浏览历史，而且历史页面是以预览图的形式表现的： 为了头部的足够简洁，Pivot甚至将标签栏都从头部移到了底部，而且提供了标签页面的预览图，当然这个功能在之前的Opera中已经使用上了。当标签栏中的宽度超过限定宽度后，则会浮现出滑动的按钮，只是这个按钮不明显，也很小，也许将其显示在标签栏的两侧边会更好一些。 在标签栏的左边还可自行加入快捷方式，这让人不得不猜测，这个原型是根据Windows的任务栏来设计的吗？ 只是地址输入框与标签标签栏的距离如此之大，一个在头部，一个在底部，操作上实有不便之处： 既然单个标签页的历史纪录都启用了预览图，那整个电脑的历史纪录当然也要使用预览图的形式了，这样才足够酷。而事实上，图像化也正是Pivot的特色，大部分时候，图像总是比文字更能有表现力。 还可以自己定义历史纪录中的排序是以月还是以日来表现： 每一个图都是可以再放大的，而且这里还针对当前预览图里的页面内容引入了微软自家的搜索引擎Bing的搜索结果，这应该是目前为止，微软的浏览器与自家的搜索结合最好的一次，当然以前的方式几乎是没有任何的结合点的。 这样一款以图形化表现为主的酷的浏览器，不是一般的电脑能承受的，所以这款产品首先对操作系统就作了限制，只支持Windows 7，而且以我在Windows 7里运行的状况来看，还是比较卡。 当然，必须说明的是，这款浏览器的操作的确是很酷，交互方式也完全超越了现在的浏览器，如果配上触摸屏进行操作的话，嗯，那应该是科幻片里常见的镜头！]]></description>
			<content:encoded><![CDATA[<p>话说微软的IE系列产品都被众多的前端开发者臭骂，除去其对于WEB标准化的支持问题外，再者是因为其同一款产品的存活型号太多，从IE6.0-IE8.0，3个版本的浏览器，结果对同一个页面有着三种不同的表现，结果据说IE9.0已经开始开发中。但这些都只是在页面的性能及呈现的方式上，除去浏览器中的内容来看一下浏览器本身的设计，Microsoft Live Labs新近推出的浏览器新作<a href="http://www.getpivot.com/" target="_blank">Pivot</a>则是一款很酷的产品。酷在它对于传统浏览器操作方式的改变，但这种大幅度的改变用户的操作习惯，则注定了它只是能实验室的产品，不过这不并能妨碍Pivot成为一个很酷的产品，也许未来的某一天它真的就公开发布出来了。</p>
<p><img class="alignnone size-full wp-image-1699" title="pivot_index" src="http://www.prower.cn/wp-content/uploads/2009/11/pivot_index.jpg" alt="pivot_index" width="600" height="432" /></p>
<p><span id="more-1693"></span></p>
<p>Chrome的诞生，改变了以往浏览器对于<a href="http://www.prower.cn/interaction/505" target="_blank">标签栏</a>的设计，而且也简化了浏览器头部的设计。但在简洁这点上Pivot做得更彻底，仅只保留几个必不可少的功能按钮及地址输入框。</p>
<p>将当前页面加入书签后，就会激发进一步的行为，那就是页面描述的Tag，而且Pivot将当前页面标签显示在了标签后面：</p>
<p><img class="alignnone size-full wp-image-1694" title="pivot_favorites" src="http://www.prower.cn/wp-content/uploads/2009/11/pivot_favorites.jpg" alt="pivot_favorites" width="600" height="73" /></p>
<p>很酷的是Pivot在“前进”与“后退”两个按钮中提供了当前标签的浏览历史，而且历史页面是以预览图的形式表现的：</p>
<p><img class="alignnone size-full wp-image-1700" title="pivot_nav" src="http://www.prower.cn/wp-content/uploads/2009/11/pivot_nav.jpg" alt="pivot_nav" width="600" height="92" /></p>
<p>为了头部的足够简洁，Pivot甚至将标签栏都从头部移到了底部，而且提供了标签页面的预览图，当然这个功能在之前的Opera中已经使用上了。当标签栏中的宽度超过限定宽度后，则会浮现出滑动的按钮，只是这个按钮不明显，也很小，也许将其显示在标签栏的两侧边会更好一些。</p>
<p>在标签栏的左边还可自行加入快捷方式，这让人不得不猜测，这个原型是根据Windows的任务栏来设计的吗？</p>
<p>只是地址输入框与标签标签栏的距离如此之大，一个在头部，一个在底部，操作上实有不便之处：</p>
<p><img class="alignnone size-full wp-image-1695" title="pivot_footer" src="http://www.prower.cn/wp-content/uploads/2009/11/pivot_footer.jpg" alt="pivot_footer" width="600" height="44" /></p>
<p>既然单个标签页的历史纪录都启用了预览图，那整个电脑的历史纪录当然也要使用预览图的形式了，这样才足够酷。而事实上，图像化也正是Pivot的特色，大部分时候，图像总是比文字更能有表现力。</p>
<p><img class="alignnone size-full wp-image-1696" title="pivot_history" src="http://www.prower.cn/wp-content/uploads/2009/11/pivot_history.jpg" alt="pivot_history" width="600" height="432" /></p>
<p>还可以自己定义历史纪录中的排序是以月还是以日来表现：</p>
<p><img class="alignnone size-full wp-image-1697" title="pivot_history_day" src="http://www.prower.cn/wp-content/uploads/2009/11/pivot_history_day.jpg" alt="pivot_history_day" width="600" height="432" /></p>
<p>每一个图都是可以再放大的，而且这里还针对当前预览图里的页面内容引入了微软自家的搜索引擎Bing的搜索结果，这应该是目前为止，微软的浏览器与自家的搜索结合最好的一次，当然以前的方式几乎是没有任何的结合点的。</p>
<p><img class="alignnone size-full wp-image-1698" title="pivot_history_one" src="http://www.prower.cn/wp-content/uploads/2009/11/pivot_history_one.jpg" alt="pivot_history_one" width="600" height="432" /></p>
<p>这样一款以图形化表现为主的酷的浏览器，不是一般的电脑能承受的，所以这款产品首先对操作系统就作了限制，只支持Windows 7，而且以我在Windows 7里运行的状况来看，还是比较卡。</p>
<p>当然，必须说明的是，这款浏览器的操作的确是很酷，交互方式也完全超越了现在的浏览器，如果配上触摸屏进行操作的话，嗯，那应该是科幻片里常见的镜头！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1693/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>浅谈Twitter及尝试Following列表的改进设计</title>
		<link>http://www.prower.cn/interaction/1683</link>
		<comments>http://www.prower.cn/interaction/1683#comments</comments>
		<pubDate>Sat, 21 Nov 2009 08:39:26 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[博客]]></category>
		<category><![CDATA[微博客]]></category>
		<category><![CDATA[视觉传达]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1683</guid>
		<description><![CDATA[对于即时通讯软件而言，讲究的是时效性与封闭性，发出去的消息需要至少有一个接收者，而且最好是能取得对方的回复，这个消息也许没有什么实在的内容，也许只是打声招呼而已，但这些内容的传播是在一个相对封闭的空间内的；而对于博客而言，讲究的是内容与传播，内容需要言之有物是思想的沉淀，展现出来的这份沉淀的思想，可能影响到很多人，也可能甚至没有一个接收者，仅仅只是自己的自吟自唱，所以时效性对于博客来说是其次的。 于是在即时通讯软件与博客之间就产生了一个新的需求，那就是在追求时效性的同时也对传播有一定的要求，追求时效性的内容要求自然相应的降低，无法做到像博客那样长篇大论侃侃而谈。于是微博客应需而生了。时效、传播、内容，三者皆占有。 Twitter则是微博客中的代表，其在全球范围内的影响已经深入到非常多人的日常生活中。 相对于即时通讯软件的隐私性而言，Twitter与博客一样是开放的形式，正是这种公开性使其内容得到最大程度的传播。在地球一端发生的事情很快就能传达到地球的另一端，这也就是Twitter被称为“地球的脉搏”的原因之一。 但相对于这种大范围的事件传播而言，Twitter上更多的则是朋友之间的小范围信息交流，内容上偏向于生活中的琐事多一些，这也是Twitter最初的口号“What are you doing”的宗旨，是与朋友分享自己在生活中的琐事。当然随着Twitter在全球影响力的越来越大，对于新闻事件的传播也越来越多，Twitter的口号也做了相应的更改“What&#8217;s happing”。但对于大多数Twitter用户而言，突发事件的信息获取仍然只占很小的比例，在获取的所有信息中占最重比例的仍然还是生活中的琐事。 Twitter的用户之间通过Follow的方式来表示关系，这种关系也影响着信息的交流。用户与用户之间的关系变得很简单，单向的Follow与双向的Follow，这也在一定的程度上表示出用户之间的关系情况，类似于跟随者与朋友。 当Follow的用户越来越多的时候，自然就会想到利用分组来标示不同的用户群体，于是Twitter推出了List功能，这一点对于用户而言有着很大的意义，通过List列表快速的Follow自己喜欢的群体。 如果回到以个人为中心的形态，Following里面的用户对Follower也很重要，用个成语解释就是“爱屋及乌”。但Twitter的Following列表设计只是按时间顺序来排列，并没有其他的元素来表达出“你”与列表中的其他用户之间的关系亲密性。 Following列表这里的设计除了按时间排序外，还可以增加按关系亲密的程度来排序，关系的亲密程度由是否双向Follow以及双方之间对话的次数来决定。在视觉上则可以从上自下的颜色渐变来传达关系的亲密程度。 试着用Axure画了一下线框图：]]></description>
			<content:encoded><![CDATA[<p>对于即时通讯软件而言，讲究的是时效性与封闭性，发出去的消息需要至少有一个接收者，而且最好是能取得对方的回复，这个消息也许没有什么实在的内容，也许只是打声招呼而已，但这些内容的传播是在一个相对封闭的空间内的；而对于博客而言，讲究的是内容与传播，内容需要言之有物是思想的沉淀，展现出来的这份沉淀的思想，可能影响到很多人，也可能甚至没有一个接收者，仅仅只是自己的自吟自唱，所以时效性对于博客来说是其次的。</p>
<p>于是在即时通讯软件与博客之间就产生了一个新的需求，那就是在追求时效性的同时也对传播有一定的要求，追求时效性的内容要求自然相应的降低，无法做到像博客那样长篇大论侃侃而谈。于是微博客应需而生了。时效、传播、内容，三者皆占有。</p>
<p>Twitter则是微博客中的代表，其在全球范围内的影响已经深入到非常多人的日常生活中。</p>
<p>相对于即时通讯软件的隐私性而言，Twitter与博客一样是开放的形式，正是这种公开性使其内容得到最大程度的传播。在地球一端发生的事情很快就能传达到地球的另一端，这也就是Twitter被称为“地球的脉搏”的原因之一。</p>
<p><span id="more-1683"></span></p>
<p>但相对于这种大范围的事件传播而言，Twitter上更多的则是朋友之间的小范围信息交流，内容上偏向于生活中的琐事多一些，这也是Twitter最初的口号“What are you doing”的宗旨，是与朋友分享自己在生活中的琐事。当然随着Twitter在全球影响力的越来越大，对于新闻事件的传播也越来越多，Twitter的口号也做了相应的更改“What&#8217;s happing”。但对于大多数Twitter用户而言，突发事件的信息获取仍然只占很小的比例，在获取的所有信息中占最重比例的仍然还是生活中的琐事。</p>
<p>Twitter的用户之间通过Follow的方式来表示关系，这种关系也影响着信息的交流。用户与用户之间的关系变得很简单，单向的Follow与双向的Follow，这也在一定的程度上表示出用户之间的关系情况，类似于跟随者与朋友。</p>
<p>当Follow的用户越来越多的时候，自然就会想到利用分组来标示不同的用户群体，于是Twitter推出了List功能，这一点对于用户而言有着很大的意义，通过List列表快速的Follow自己喜欢的群体。</p>
<p>如果回到以个人为中心的形态，Following里面的用户对Follower也很重要，用个成语解释就是“爱屋及乌”。但Twitter的Following列表设计只是按时间顺序来排列，并没有其他的元素来表达出“你”与列表中的其他用户之间的关系亲密性。</p>
<p>Following列表这里的设计除了按时间排序外，还可以增加按关系亲密的程度来排序，关系的亲密程度由是否双向Follow以及双方之间对话的次数来决定。在视觉上则可以从上自下的颜色渐变来传达关系的亲密程度。</p>
<p>试着用Axure画了一下线框图：</p>
<p><img class="alignnone size-full wp-image-1685" title="Twitter Following List Design" src="http://www.prower.cn/wp-content/uploads/2009/11/Twitter-Following-List-Design.png" alt="Twitter Following List Design" width="598" height="668" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1683/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>群组功能代替论坛的可行性</title>
		<link>http://www.prower.cn/interaction/1676</link>
		<comments>http://www.prower.cn/interaction/1676#comments</comments>
		<pubDate>Wed, 11 Nov 2009 09:25:26 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[SNS]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[群组]]></category>
		<category><![CDATA[论坛]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1676</guid>
		<description><![CDATA[很大意义上的传统社区指的论坛，论坛是伴着一些老网虫们共同成长起来的，泡论坛成了网虫们的爱好之一，从个人主页的时代到现在SNS满天飞的世界，论坛依然坚持着，可以说论坛见证了国内互联网的发展。 然而坚持的论坛却不一定坚挺着。 因为有了康盛这样的公司，所以搭建一个论坛仅是几分钟的事情，这在一定程度上促进着互联网的发展，当然也一定程度上损害着互联网。论坛似乎已经不是技术上的事情，而是成了营销上的事情。相同的程序架构比的就是差异化的营销方式了。 然而也正是这样的对技术的看轻，再加上康盛在论坛程序上的一家独大，导致论坛的功能一直在徘徊不前，鲜有创新的功能在论坛上出现，仅有的更新也只是在性能优化上着手。与论坛功能止步不前相反的是，用户的需求一直在前进着，不断的有新需求需要找到承载方，于是各种差异化的网站开始出现，这些也就是所谓的WEB2.0式的网站。 在这些兴起的WEB2.0网站中，有一个功能设计是与论坛相似的，甚至可以说主要功能上是重叠的，那就是群组功能。 因为在SNS网站中的大量用户需要划分，众多的用户中有共同的特征需要划分，所以类似论坛版块划分功能的群组成了SNS网站中的必配组件。而相较于论坛的版块划分来说，群组功能是内嵌于SNS网站中的，而且功能也是轻量级的。虽然论坛里的版块划分可是完成用户群体的划分，但论坛的功能已经变得很臃肿，整个架构也庞大无比。 对于一个产品来说，基本上都需要走从加法到减法的过程，如果只加不减，只会造成产品的越来越臃肿。 很多网站依然配备着论坛以划分用户群，这样的配备与本身的内容结合将变得比较困难，而且也做不到真正的用户群划分，因为用户无法轻易创建或是只关注自己关注的内容，而论坛的架构也不允许用户随便的创建版块。 当然，群组与论坛只是两个相似的产品，但却不是相同的产品，所以如果网站是以内容为主，那么试着将群组功能内嵌到网站，这对于内容的消费而言肯定是要强过论坛的；而如果本身就是以论坛为主，那就拜托康盛早点将论坛SNS化吧。 写到后面发现思维乱了，呵呵，就算是胡思乱想吧。]]></description>
			<content:encoded><![CDATA[<p>很大意义上的传统社区指的论坛，论坛是伴着一些老网虫们共同成长起来的，泡论坛成了网虫们的爱好之一，从个人主页的时代到现在SNS满天飞的世界，论坛依然坚持着，可以说论坛见证了国内互联网的发展。</p>
<p>然而坚持的论坛却不一定坚挺着。</p>
<p>因为有了康盛这样的公司，所以搭建一个论坛仅是几分钟的事情，这在一定程度上促进着互联网的发展，当然也一定程度上损害着互联网。论坛似乎已经不是技术上的事情，而是成了营销上的事情。相同的程序架构比的就是差异化的营销方式了。</p>
<p>然而也正是这样的对技术的看轻，再加上康盛在论坛程序上的一家独大，导致论坛的功能一直在徘徊不前，鲜有创新的功能在论坛上出现，仅有的更新也只是在性能优化上着手。与论坛功能止步不前相反的是，用户的需求一直在前进着，不断的有新需求需要找到承载方，于是各种差异化的网站开始出现，这些也就是所谓的WEB2.0式的网站。</p>
<p><span id="more-1676"></span></p>
<p>在这些兴起的WEB2.0网站中，有一个功能设计是与论坛相似的，甚至可以说主要功能上是重叠的，那就是群组功能。</p>
<p>因为在SNS网站中的大量用户需要划分，众多的用户中有共同的特征需要划分，所以类似论坛版块划分功能的群组成了SNS网站中的必配组件。而相较于论坛的版块划分来说，群组功能是内嵌于SNS网站中的，而且功能也是轻量级的。虽然论坛里的版块划分可是完成用户群体的划分，但论坛的功能已经变得很臃肿，整个架构也庞大无比。</p>
<p>对于一个产品来说，基本上都需要走从加法到减法的过程，如果只加不减，只会造成产品的越来越臃肿。</p>
<p>很多网站依然配备着论坛以划分用户群，这样的配备与本身的内容结合将变得比较困难，而且也做不到真正的用户群划分，因为用户无法轻易创建或是只关注自己关注的内容，而论坛的架构也不允许用户随便的创建版块。</p>
<p>当然，群组与论坛只是两个相似的产品，但却不是相同的产品，所以如果网站是以内容为主，那么试着将群组功能内嵌到网站，这对于内容的消费而言肯定是要强过论坛的；而如果本身就是以论坛为主，那就拜托康盛早点将论坛SNS化吧。</p>
<p><span style="color: #888888;">写到后面发现思维乱了，呵呵，就算是胡思乱想吧。</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1676/feed</wfw:commentRss>
		<slash:comments>30</slash:comments>
		</item>
		<item>
		<title>从网页向客户端的挺进</title>
		<link>http://www.prower.cn/interaction/1674</link>
		<comments>http://www.prower.cn/interaction/1674#comments</comments>
		<pubDate>Tue, 10 Nov 2009 13:43:16 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[QQ群]]></category>
		<category><![CDATA[SNS]]></category>
		<category><![CDATA[用户群体]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1674</guid>
		<description><![CDATA[随着浏览器的更迭越频繁功能越强大，很多以前只在特定客户端实现的功能也纷纷依托浏览器在网络上重生，网页办公套件、网页游戏、网页IM……一时之间，繁花似锦，大有一台电脑只需要安装一个浏览器之势。 而依托于浏览器的在线软件的便捷性也的确是那些客户端所无法比拟的，所以在网页端上的发力也是各大公司的产品发展趋势。而做为国内最大的互联网公司的腾讯，自然更是不能落于人后，于是Web QQ应势而生。但做为一个以客户端起家的公司而言，自然是不会忘根。于是在将QQ群很大一部分功能搬上网页后，又开始试着将网页上的内容搬到QQ群里去。 如果论SNS里的群组的话，QQ群应该最成功的群组设计，做为QQ软件里至关重要的功能也是腾讯三维SNS化重要的一个棋子，因为QQ群有着明确的用户分类。 针对特定用户群体，制定特殊功能，这是产品成功关键的一步。 正是因为有着明确的用户群体分类，这些相对较单一的群体有着最大的共同点，所以QQ校友的内容出现在班级QQ群里了，所以星座内容出现在星座QQ群里了，接下去还会有更多的内容出现在QQ群里，QQ群已经从最初单一的交流工具晋升为SNS的基础。 网页为客户端提供了内容，而客户端则为网页内容提供了消费者，虽然这些消费者的面可能窄，但相较于那些广层面上的消费得而言，这些消费者是精准的，是更具有粘性的，换句话说就是更有消费可能的。 内容与用户的精准匹配，将内容有效的转化为流量，这应该就是网页与客户端结合的魅力所在。]]></description>
			<content:encoded><![CDATA[<p>随着浏览器的更迭越频繁功能越强大，很多以前只在特定客户端实现的功能也纷纷依托浏览器在网络上重生，网页办公套件、网页游戏、网页IM……一时之间，繁花似锦，大有一台电脑只需要安装一个浏览器之势。</p>
<p>而依托于浏览器的在线软件的便捷性也的确是那些客户端所无法比拟的，所以在网页端上的发力也是各大公司的产品发展趋势。而做为国内最大的互联网公司的腾讯，自然更是不能落于人后，于是Web QQ应势而生。但做为一个以客户端起家的公司而言，自然是不会忘根。于是在将QQ群很大一部分功能搬上网页后，又开始试着将网页上的内容搬到QQ群里去。</p>
<p>如果论SNS里的群组的话，QQ群应该最成功的群组设计，做为QQ软件里至关重要的功能也是腾讯三维SNS化重要的一个棋子，因为QQ群有着明确的用户分类。</p>
<p><span id="more-1674"></span></p>
<p>针对特定用户群体，制定特殊功能，这是产品成功关键的一步。</p>
<p>正是因为有着明确的用户群体分类，这些相对较单一的群体有着最大的共同点，所以QQ校友的内容出现在班级QQ群里了，所以星座内容出现在星座QQ群里了，接下去还会有更多的内容出现在QQ群里，QQ群已经从最初单一的交流工具晋升为SNS的基础。</p>
<p>网页为客户端提供了内容，而客户端则为网页内容提供了消费者，虽然这些消费者的面可能窄，但相较于那些广层面上的消费得而言，这些消费者是精准的，是更具有粘性的，换句话说就是更有消费可能的。</p>
<p>内容与用户的精准匹配，将内容有效的转化为流量，这应该就是网页与客户端结合的魅力所在。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1674/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>关于腾讯软件的2个困惑问题</title>
		<link>http://www.prower.cn/interaction/1668</link>
		<comments>http://www.prower.cn/interaction/1668#comments</comments>
		<pubDate>Fri, 30 Oct 2009 02:56:19 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[QQ Live]]></category>
		<category><![CDATA[QQ2009]]></category>
		<category><![CDATA[QQ影音]]></category>
		<category><![CDATA[TM2009]]></category>
		<category><![CDATA[腾讯软件]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1668</guid>
		<description><![CDATA[1、QQ影音与QQ Live 两者都是视频播放软件，不同点在于QQ影音专注于本地播放，而QQ Live则专注于在线视频播放，然而本质都是视频播放，为何两者不合并呢？ QQ影音诞生在QQ Live之后，为何当初设计的时候不是考虑基于QQ Live的功能增加而是选择独立出来呢？ 从两者的功能特性来看，QQ Live可做为QQ影音的一个附加组件存在的，QQ影音可如QQ Music一样实现本地网络双重功能的。这一点最新的迅雷看看播放器做得要比QQ影音更出色。 这两者之所以没有合并，我猜最大的问题应该是在于满足不同用户群体的功能需求上，做功能单一专注的满足一部分用户群体的软件。 2、TM2009与QQ2009 据说这两者是基于同一个内核的，是在之前QQ版本上的内核重新开发的，在性能等各方面都做了优化的。由于TM2008比QQ2009更早推出来，所以TM2008就成了QQ2009的前身，在早期时这两者几乎是没有区别的，功能一样，界面一样。随着这个新内核的不断完善，更多的功能也被增加进来，于是QQ2009的体积开始增加，这时与TM2009的区别就显示出来了。除了在功能上的区别外，TM2009还重新设计了界面，以偏向于办公环境的商务化。 既然是TM的设计是偏向于办公环境的，是偏商业化的IM，那这个界面的头部是否过高了呢？这个头像的尺寸是否过大呢？迷你资料卡是否过大呢？（据说这是为了承载显示更多内容）。 如果只从界面视觉上看，阿里旺旺2009的设计显然要更加的简约清新吧。 TM即想成为办公IM，又想成为娱乐IM，结果两边都不怎么成功。 知情的你，快来告诉我答案吧：）]]></description>
			<content:encoded><![CDATA[<p><strong>1、QQ影音与QQ Live</strong></p>
<p>两者都是视频播放软件，不同点在于QQ影音专注于本地播放，而QQ Live则专注于在线视频播放，然而本质都是视频播放，为何两者不合并呢？</p>
<p>QQ影音诞生在QQ Live之后，为何当初设计的时候不是考虑基于QQ Live的功能增加而是选择独立出来呢？</p>
<p>从两者的功能特性来看，QQ Live可做为QQ影音的一个附加组件存在的，QQ影音可如QQ Music一样实现本地网络双重功能的。这一点最新的迅雷看看播放器做得要比QQ影音更出色。</p>
<p>这两者之所以没有合并，我猜最大的问题应该是在于满足不同用户群体的功能需求上，做功能单一专注的满足一部分用户群体的软件。</p>
<p><span id="more-1668"></span></p>
<p><strong>2、TM2009与QQ2009</strong></p>
<p>据说这两者是基于同一个内核的，是在之前QQ版本上的内核重新开发的，在性能等各方面都做了优化的。由于TM2008比QQ2009更早推出来，所以TM2008就成了QQ2009的前身，在早期时这两者几乎是没有区别的，功能一样，界面一样。随着这个新内核的不断完善，更多的功能也被增加进来，于是QQ2009的体积开始增加，这时与TM2009的区别就显示出来了。除了在功能上的区别外，TM2009还重新设计了界面，以偏向于办公环境的商务化。</p>
<p><img class="alignnone size-full wp-image-1670" title="TM" src="http://www.prower.cn/wp-content/uploads/2009/10/TM.png" alt="TM" width="234" height="148" /> <img class="alignnone size-full wp-image-1669" title="wangwang" src="http://www.prower.cn/wp-content/uploads/2009/10/wangwang.png" alt="wangwang" width="268" height="149" /></p>
<p>既然是TM的设计是偏向于办公环境的，是偏商业化的IM，那这个界面的头部是否过高了呢？这个头像的尺寸是否过大呢？迷你资料卡是否过大呢？（据说这是为了承载显示更多内容）。</p>
<p>如果只从界面视觉上看，阿里旺旺2009的设计显然要更加的简约清新吧。</p>
<p>TM即想成为办公IM，又想成为娱乐IM，结果两边都不怎么成功。</p>
<p>知情的你，快来告诉我答案吧：）</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1668/feed</wfw:commentRss>
		<slash:comments>35</slash:comments>
		</item>
		<item>
		<title>两家餐馆的竞争：换个盘子装菜</title>
		<link>http://www.prower.cn/interaction/1666</link>
		<comments>http://www.prower.cn/interaction/1666#comments</comments>
		<pubDate>Thu, 22 Oct 2009 12:55:24 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[内容]]></category>
		<category><![CDATA[竞争]]></category>
		<category><![CDATA[组织结构]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1666</guid>
		<description><![CDATA[在某个地方有两个餐馆：餐馆A开得很大，所有岗位的员工都配足，虽然做的菜式不是很好，但也算菜式丰富；餐馆B则是个小餐馆，人手捉襟见肘，做出的菜式单一，日常来的客人也是少之又少。 话说某日，有个美食专家要过来吃饭，而且只吃指定的菜式，恰好这个菜式两家餐馆都会做，于是两个餐馆的老板都去邀请美食专家来自家的餐馆吃饭。由于两个老板的盛情难却，最后美食专家决定让两家餐馆都做，他分别去品尝。 两老板各自回去后，餐馆A招呼厨师伙计搬出菜谱开始烹制，而餐馆B却没有厨师，菜谱更是残缺不全的，烹制就很难开始。 于是餐馆B的老板想了一个办法：等餐饮A的厨师将菜肴做出来后，派伙计过去弄了一份过来，然后再找个精美的盘子装上稍做点缀。 于是，两个餐馆的菜肴都做出来了，美食专家品尝过后认为两家餐馆都不错。 于是，餐馆B的老板心里暗自高兴了，因为他觉得自己的餐饮可以和餐馆A站在同一水平线上竞争了。]]></description>
			<content:encoded><![CDATA[<p>在某个地方有两个餐馆：餐馆A开得很大，所有岗位的员工都配足，虽然做的菜式不是很好，但也算菜式丰富；餐馆B则是个小餐馆，人手捉襟见肘，做出的菜式单一，日常来的客人也是少之又少。</p>
<p>话说某日，有个美食专家要过来吃饭，而且只吃指定的菜式，恰好这个菜式两家餐馆都会做，于是两个餐馆的老板都去邀请美食专家来自家的餐馆吃饭。由于两个老板的盛情难却，最后美食专家决定让两家餐馆都做，他分别去品尝。</p>
<p>两老板各自回去后，餐馆A招呼厨师伙计搬出菜谱开始烹制，而餐馆B却没有厨师，菜谱更是残缺不全的，烹制就很难开始。</p>
<p><span id="more-1666"></span></p>
<p>于是餐馆B的老板想了一个办法：等餐饮A的厨师将菜肴做出来后，派伙计过去弄了一份过来，然后再找个精美的盘子装上稍做点缀。</p>
<p>于是，两个餐馆的菜肴都做出来了，美食专家品尝过后认为两家餐馆都不错。</p>
<p>于是，餐馆B的老板心里暗自高兴了，因为他觉得自己的餐饮可以和餐馆A站在同一水平线上竞争了。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1666/feed</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>再谈网易首页的改版</title>
		<link>http://www.prower.cn/interaction/1639</link>
		<comments>http://www.prower.cn/interaction/1639#comments</comments>
		<pubDate>Mon, 12 Oct 2009 05:45:06 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[改版设计]]></category>
		<category><![CDATA[网易]]></category>
		<category><![CDATA[门户网站]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1639</guid>
		<description><![CDATA[之所以说再谈网易首页的改版，是因为去年临近奥运会的时候，网易首页做过一次改版，奥运会之后网易首页做了一下小调整，调整后的首页让人感到很困惑。今天在没有任何预告的前提下，网易又上线了新首页。 其间有个小插曲是，新首页刚上线后，很多地区突然无法访问网易首页，我访问的时候是服务器返回500。 网易就此次改版的说明是：“本次改版从整体到细节都有一个质的飞跃，新版继承了网易一贯简约、大气、包容的设计品质，达到以用户为中心提高用户体验、促进频道发展的改版设计目的。” 此次改版促进频道发展的目的似乎是达到了，因为首页上的频道更多了；然后到底是否真如网易自己所说以用户为中心提高用户体验呢？似乎从用户的评论来看，这个目的并没有达到。 改版后的网易新首页主要新闻字号从12px上升到了14px，这的确是一个提升，对用户的显示器分辨率越来越大是一个很好的解决方案，然而有一个问题是，字体变大了，整体的结构宽度却并没有变，既然宽度不变那么只有从加大高度来满足字体变大的空间需求了。 新首页头部按不同功能信息使用不同颜色的字体，有灰色、深灰色、蓝色之分，看似字体颜色的不同的确是可以区分信息区。然而蓝色字体是用在广告信息上，很显然的这些蓝色的字体完全抢占了功能、导航的视觉焦点。 再加上这个类似新浪的头部诺大的广告区，网易新首页改版的目的应该加上一条，提升首页的广告容量以收入，甚至这才是此次改版的真正目的。 再看“网易产品入口重新设计排版，新的icon设计提供更佳的标识感与用户体验；一行三个产品入口，提高使用快感，免除频繁换行的顿挫感。”。 将自己的产品入口堆叠在首页似乎是腾讯起的头（末曾考证），网易上一次改版即套用这个设计，然而做的却不如腾讯首页上的安静干扰少。网易首页此次的改版更是突出了这一块的设计，然而深灰的、蓝的、红的三色字体，再加上“new!”的角标，好杂乱！ 对于内容版块结构的调整，网易官方的说明是“内容与广告布局更加明晰，新版网易首页从分栏布局上对内容和广告进行了优化，左栏中栏以频道内容为主导，右栏以广告为主导，这样改善后用户在左栏与中栏可享受阅读”纯粹”内容资讯并有利于内容搜索。” 除去左栏的图文混排的广告对阅读产生的干扰不说，右栏仍然不是以广告为主导的，“世博”、“聚焦”、“网易论坛”等这些栏目的分量明显要远重于这一栏中的广告，只是这些栏目之间全被广告间隔着，的确容易被当成广告忽略。 从去年三栏式的网易首页上线后，我就开始怀念更早之前的二栏结构的网易首页，再到这次的改版，我只能更加的怀念那个二栏结构的版本了。 四大门户网站的首页，终于只剩一个真正简约时尚的首页了——腾讯网首页。]]></description>
			<content:encoded><![CDATA[<p>之所以说再谈网易首页的改版，是因为去年临近奥运会的时候，网易首页做过一次改版，奥运会之后网易首页做了一下小调整，调整后的首页让人感到很<a title="网易的新首页之惑" href="http://www.prower.cn/internet/547" target="_blank">困惑</a>。今天在没有任何预告的前提下，网易又上线了新首页。</p>
<p>其间有个小插曲是，新首页刚上线后，很多地区突然无法访问网易首页，我访问的时候是服务器返回500。</p>
<p>网易就此次改版的<a href="http://news.163.com/09/1009/14/5L6KADGG0001124J.html" target="_blank">说明</a>是：“<strong>本次改版从整体到细节都有一个质的飞跃，新版继承了网易一贯简约、大气、包容的设计品质，达到以用户为中心提高用户体验、促进频道发展的改版设计目的。</strong>”</p>
<p>此次改版促进频道发展的目的似乎是达到了，因为首页上的频道更多了；然后到底是否真如网易自己所说以用户为中心提高用户体验呢？似乎从用户的评论来看，这个目的并没有达到。</p>
<p><span id="more-1639"></span></p>
<p>改版后的网易新首页主要新闻字号从12px上升到了14px，这的确是一个提升，对用户的显示器分辨率越来越大是一个很好的解决方案，然而有一个问题是，字体变大了，整体的结构宽度却并没有变，既然宽度不变那么只有从加大高度来满足字体变大的空间需求了。</p>
<p>新首页头部按不同功能信息使用不同颜色的字体，有灰色、深灰色、蓝色之分，看似字体颜色的不同的确是可以区分信息区。然而蓝色字体是用在广告信息上，很显然的这些蓝色的字体完全抢占了功能、导航的视觉焦点。</p>
<p>再加上这个类似新浪的头部诺大的广告区，网易新首页改版的目的应该加上一条，提升首页的广告容量以收入，甚至这才是此次改版的真正目的。</p>
<p>再看“<strong style="font-weight: bold;">网易产品入口重新设计排版，新的icon设计提供更佳的标识感与用户体验；一行三个产品入口，提高使用快感，免除频繁换行的顿挫感。</strong>”。</p>
<p><img class="size-full wp-image-1640 alignnone" title="163_icon" src="http://www.prower.cn/wp-content/uploads/2009/10/163_icon.png" alt="163_icon" width="271" height="192" /></p>
<p>将自己的产品入口堆叠在首页似乎是腾讯起的头（末曾考证），网易上一次改版即套用这个设计，然而做的却不如腾讯首页上的安静干扰少。网易首页此次的改版更是突出了这一块的设计，然而深灰的、蓝的、红的三色字体，再加上“new!”的角标，好杂乱！</p>
<p>对于内容版块结构的调整，网易官方的说明是“<strong>内容与广告布局更加明晰，新版网易首页从分栏布局上对内容和广告进行了优化，左栏中栏以频道内容为主导，右栏以广告为主导，这样改善后用户在左栏与中栏可享受阅读”纯粹”内容资讯并有利于内容搜索。</strong>”</p>
<p>除去左栏的图文混排的广告对阅读产生的干扰不说，右栏仍然不是以广告为主导的，“世博”、“聚焦”、“网易论坛”等这些栏目的分量明显要远重于这一栏中的广告，只是这些栏目之间全被广告间隔着，的确容易被当成广告忽略。</p>
<p>从去年三栏式的网易首页上线后，我就开始怀念更早之前的二栏结构的网易首页，再到这次的改版，我只能更加的怀念那个二栏结构的版本了。</p>
<p>四大门户网站的首页，终于只剩一个真正简约时尚的首页了——腾讯网首页。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1639/feed</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>导航与搜索合并的可能性</title>
		<link>http://www.prower.cn/interaction/1622</link>
		<comments>http://www.prower.cn/interaction/1622#comments</comments>
		<pubDate>Fri, 25 Sep 2009 06:20:14 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[导航设计]]></category>
		<category><![CDATA[搜索系统]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1622</guid>
		<description><![CDATA[网站内容的入口很大一部分都是依赖于导航系统，而网站的入口很大一部分依赖于搜索系统，这也在一定意义上证明了导航与搜索之间的重叠性。搜索系统可以完成导航的功能，而导航在一定意义上也可以完成搜索的功能。 网站的导航在一定意义上可以看做是对搜索系统中的关键词类别的提取，这个类别可大可小。比如众多购物网站中的“手机”类别，这是一个大的类别，而“手机”类别下的“索爱”品牌则是属于小类别。这两个类别可以通过导航系统的上下级关系表现出来，同样也可以基于搜索系统的范围搜索展现出来。 即使搜索系统在功能上几乎可以完全替代导航系统，但是导航系统却仍然是网站中不可缺少的组件，预先以网站主题为核心提取搜索系统中的大类别做为导航，将用户获取特定信息的范围进行类别的筛选。这是从让用户在最短的时间内获取特定信息为出发点的需求。 然而几乎所有网站的导航系统与搜索系统的表现形式都是区别开来的，以便于用户快速准确的区分哪里是导航，哪里是搜索。既然导航系统可以做为搜索系统中的一部分，那为何两者不能在表现形式上也进行叠加呢？ 如上图，直接将导航系统中的类别以下拉框的形式表现，这个下拉框本身是搜索系统中的一部分，是对搜索范围的筛选。 第二类的导航与第一类实际上是形式上的差距，但第三类采用联动的下拉菜单方式则更趋向于搜索系统中的范围筛选，同时这样的导航设计也可以兼顾到指引用户路径的面包屑导航，然而这个导航的限制是大类别不能进行交叉筛选，只能是线性的范围筛选。 于是尝试带有维度的第四种导航跟搜索的合并方式： 当然，这样的导航与搜索的合并方式有很大的局限性，那就是网站中的类别不能多，如果是垂直性质的购物网站也许是可行的，用户可以通过交叉维度的筛选方式去寻找一定范围内的信息。 如果用户是有着明确的目标的，比如说知道新闻的标题，或是知道即将购买的物品的名称型号，那么用户只需要一个搜索框，导航在这里都是显得多余的。]]></description>
			<content:encoded><![CDATA[<p>网站内容的入口很大一部分都是依赖于导航系统，而网站的入口很大一部分依赖于搜索系统，这也在一定意义上证明了导航与搜索之间的重叠性。搜索系统可以完成导航的功能，而导航在一定意义上也可以完成搜索的功能。</p>
<p>网站的导航在一定意义上可以看做是对搜索系统中的关键词类别的提取，这个类别可大可小。比如众多购物网站中的“手机”类别，这是一个大的类别，而“手机”类别下的“索爱”品牌则是属于小类别。这两个类别可以通过导航系统的上下级关系表现出来，同样也可以基于搜索系统的范围搜索展现出来。</p>
<p>即使搜索系统在功能上几乎可以完全替代导航系统，但是导航系统却仍然是网站中不可缺少的组件，预先以网站主题为核心提取搜索系统中的大类别做为导航，将用户获取特定信息的范围进行类别的筛选。这是从让用户在最短的时间内获取特定信息为出发点的需求。</p>
<p><span id="more-1622"></span></p>
<p>然而几乎所有网站的导航系统与搜索系统的表现形式都是区别开来的，以便于用户快速准确的区分哪里是导航，哪里是搜索。既然导航系统可以做为搜索系统中的一部分，那为何两者不能在表现形式上也进行叠加呢？</p>
<p><img class="alignnone size-full wp-image-1623" title="Nav_Search" src="http://www.prower.cn/wp-content/uploads/2009/09/Nav_Search.png" alt="Nav_Search" width="600" height="261" /></p>
<p>如上图，直接将导航系统中的类别以下拉框的形式表现，这个下拉框本身是搜索系统中的一部分，是对搜索范围的筛选。</p>
<p>第二类的导航与第一类实际上是形式上的差距，但第三类采用联动的下拉菜单方式则更趋向于搜索系统中的范围筛选，同时这样的导航设计也可以兼顾到指引用户路径的面包屑导航，然而这个导航的限制是大类别不能进行交叉筛选，只能是线性的范围筛选。</p>
<p>于是尝试带有维度的第四种导航跟搜索的合并方式：</p>
<p><img class="alignnone size-full wp-image-1624" title="Nav_Search_1" src="http://www.prower.cn/wp-content/uploads/2009/09/Nav_Search_1.png" alt="Nav_Search_1" width="600" height="108" /></p>
<p>当然，这样的导航与搜索的合并方式有很大的局限性，那就是网站中的类别不能多，如果是垂直性质的购物网站也许是可行的，用户可以通过交叉维度的筛选方式去寻找一定范围内的信息。</p>
<p>如果用户是有着明确的目标的，比如说知道新闻的标题，或是知道即将购买的物品的名称型号，那么用户只需要一个搜索框，导航在这里都是显得多余的。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1622/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>搜索系统与导航系统的关系</title>
		<link>http://www.prower.cn/interaction/1578</link>
		<comments>http://www.prower.cn/interaction/1578#comments</comments>
		<pubDate>Mon, 07 Sep 2009 03:32:11 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[导航设计]]></category>
		<category><![CDATA[搜索系统]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1578</guid>
		<description><![CDATA[Google以其简洁的搜索框引领着互联网，搜索系统似乎成了每个网站必备品，甚至于是那些本身几乎是由静态页面组成的企业网站都要来个搜索功能，这真的是必要的吗？ 搜索功能的目的是帮助用户寻找到自己所需的信息，这与导航的目的其实是一样的，都是为了解决用户信息获取的需求，或者可以说搜索功能是对导航系统的一个补充，弥补因导航系统的限制而无法快速获取信息的问题。 导航系统的设计需要在深而窄及宽而泛之间取得一个平衡点，偏向于任何一端都会带来不良的影响，事实上这就是一种博弈的过程，是否胜利取决于设计师是否真正了解用户。而不管导航系统如何在深而窄及宽而泛之间取得平衡点，必定会舍弃某些方面。 搜索系统则可以弥补导航系统在设计上的缺憾，可以帮助用户绕过导航快速到达目的地。这在结构复杂的网站中尤其重要。 然而搜索系统并非是所有网站的必配品，在网站中加入搜索系统意味着需要加大对网站的投入，而一个好的搜索系统需要的投入更是庞大。这些投入对那些结构简单信息单薄的企业网站是否值得，这些企业网站只需要一个设计良好的导航即能解决用户的信息获取需求，搜索系统只是个额外的装饰品。 在决定是否需要搜索系统之前，先试着重新审视导航系统的设计。]]></description>
			<content:encoded><![CDATA[<p>Google以其简洁的搜索框引领着互联网，搜索系统似乎成了每个网站必备品，甚至于是那些本身几乎是由静态页面组成的企业网站都要来个搜索功能，这真的是必要的吗？</p>
<p>搜索功能的目的是帮助用户寻找到自己所需的信息，这与导航的目的其实是一样的，都是为了解决用户信息获取的需求，或者可以说搜索功能是对导航系统的一个补充，弥补因导航系统的限制而无法快速获取信息的问题。</p>
<p>导航系统的设计需要在深而窄及宽而泛之间取得一个平衡点，偏向于任何一端都会带来不良的影响，事实上这就是一种博弈的过程，是否胜利取决于设计师是否真正了解用户。而不管导航系统如何在深而窄及宽而泛之间取得平衡点，必定会舍弃某些方面。</p>
<p><span id="more-1578"></span></p>
<p>搜索系统则可以弥补导航系统在设计上的缺憾，可以帮助用户绕过导航快速到达目的地。这在结构复杂的网站中尤其重要。</p>
<p>然而搜索系统并非是所有网站的必配品，在网站中加入搜索系统意味着需要加大对网站的投入，而一个好的搜索系统需要的投入更是庞大。这些投入对那些结构简单信息单薄的企业网站是否值得，这些企业网站只需要一个设计良好的导航即能解决用户的信息获取需求，搜索系统只是个额外的装饰品。</p>
<p>在决定是否需要搜索系统之前，先试着重新审视导航系统的设计。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1578/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>从Vista地址栏到网站导航菜单</title>
		<link>http://www.prower.cn/interaction/1573</link>
		<comments>http://www.prower.cn/interaction/1573#comments</comments>
		<pubDate>Fri, 04 Sep 2009 03:09:13 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[Vista地址栏]]></category>
		<category><![CDATA[动态导航]]></category>
		<category><![CDATA[导航设计]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1573</guid>
		<description><![CDATA[在Windows vista之前的微软操作系统的地址栏与浏览器的地址栏是一样的，也是面包屑般的自上而下的线性等级形，如果想从D盘跳到C盘是不大可能直接到达的，所以微软在vista上重新设计了地址栏，使其脱离了自上而下的线性等级形式，而是成为了多功能形的导航菜单。用户即可以直观的通过路径知道自己当前所处的位置，同样也可以快速的跳转到硬盘里的其他地方。 一般情况下，网站导航会由几种形式的导航组成，诸如主导航、任务导航、情境式导航等，然而即使是如此多样的导航却依然可能造成用户在网站中的迷失，所以还可能看到面包屑式的导航，用以指明用户当前所在的位置。 面包屑导航一般与主导航区分开来，仅是单纯的自上而下的线性等级形式，这样的面包屑导航仅能供用户快速的返回上一级或是上几级，如果用户需要到达与上一级同级的栏目时，这样线性下来的导航就无法完成目的，所以就需要使用到主导航。 然而将这两种导航合并成一种动态式的导航，也可以完成用户的这般需求，当然这样的代价是用户对导航的认知需要更多的时间。 这种网站导航是从桌面到网络的映射，Home相对于计算机，计算机下包含多个硬盘分区，而Home则包括网站下的多个Item。然而这样的一种映射关系似乎有偏差，计算机是各个硬盘分区之间有一个从属的关系，可是Home与Item之间并不存在一个从属的关系。Item2的下拉菜单可以是Item2.1、Item2.2，但Home的下拉菜单却不能为Item1、Item2。 然而如果Item1、Item2在表现形式上不隶属于Home下，那该如何解决呢？]]></description>
			<content:encoded><![CDATA[<p><span style="background-color: #ffffff;">在Windows vista之前的微软操作系统的地址栏与浏览器的地址栏是一样的，也是面包屑般的自上而下的线性等级形，如果想从D盘跳到C盘是不大可能直接到达的，所以微软在vista上重新设计了地址栏，使其脱离了自上而下的线性等级形式，而是成为了多功能形的导航菜单。用户即可以直观的通过路径知道自己当前所处的位置，同样也可以快速的跳转到硬盘里的其他地方。</span></p>
<p><img class="alignnone size-full wp-image-1574" title="nav" src="http://www.prower.cn/wp-content/uploads/2009/09/nav.jpg" alt="nav" width="540" height="34" /></p>
<p><img class="alignnone size-full wp-image-1575" title="nav1" src="http://www.prower.cn/wp-content/uploads/2009/09/nav1.jpg" alt="nav1" width="543" height="164" /></p>
<p><span id="more-1573"></span></p>
<p>一般情况下，网站导航会由几种形式的导航组成，诸如主导航、任务导航、情境式导航等，然而即使是如此多样的导航却依然可能造成用户在网站中的迷失，所以还可能看到面包屑式的导航，用以指明用户当前所在的位置。</p>
<p>面包屑导航一般与主导航区分开来，仅是单纯的自上而下的线性等级形式，这样的面包屑导航仅能供用户快速的返回上一级或是上几级，如果用户需要到达与上一级同级的栏目时，这样线性下来的导航就无法完成目的，所以就需要使用到主导航。</p>
<p>然而将这两种导航合并成一种<a title="动态导航设计" href="http://www.prower.cn/interaction/517" target="_blank">动态式的导航</a>，也可以完成用户的这般需求，当然这样的代价是用户对导航的认知需要更多的时间。</p>
<p><img style="border: 0px initial initial;" title="nav2" src="http://www.prower.cn/wp-content/uploads/2008/09/nav3.jpg" alt="" /></p>
<p>这种网站导航是从桌面到网络的映射，Home相对于计算机，计算机下包含多个硬盘分区，而Home则包括网站下的多个Item。然而这样的一种映射关系似乎有偏差，计算机是各个硬盘分区之间有一个从属的关系，可是Home与Item之间并不存在一个从属的关系。Item2的下拉菜单可以是Item2.1、Item2.2，但Home的下拉菜单却不能为Item1、Item2。</p>
<p>然而如果Item1、Item2在表现形式上不隶属于Home下，那该如何解决呢？</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1573/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>读书推荐：《UCD火花集》</title>
		<link>http://www.prower.cn/interaction/1568</link>
		<comments>http://www.prower.cn/interaction/1568#comments</comments>
		<pubDate>Mon, 24 Aug 2009 07:28:31 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[UCD火花集]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[信息设计]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1568</guid>
		<description><![CDATA[上个月趁着卓越网搞活动促销的时候，买了几本书，其中有两本是团队型的，或者说是团队博客出版物：《当彩色的声音尝起来是甜的》和《UCD火花集》。当然，从介绍上来说，《当彩色的声音尝起来是甜的》并不是一本单纯的博客出版物，因为这本书里只有三分之一的文章是出自科学松鼠会网站；而《UCD火花集》则是完完整整的一本博客集，是UCDChina团队里的多位成员的博客精选合集。 虽然是博客集，书中的内容都可以在各位作者的博客上找到，但经过整理组织的内容，拥有更明确的结构，有循序渐进的过程，毫无疑问这本书还是值得购买的。 市面上关于交互设计的书不少，关于产品设计的书也不少，关于信息设计的书也不少……然而把互联网产品设计流程归纳在一起的书却不多见。而另外一点就是市面上大部分的书，理论性都很强，其中涉及到的专业性方面的知识也比较深，新手很难从这些书籍中快速的获取知识。 《UCD火花集》是一本比较适合新手来看的书，书中涉及的知识点偏向于浅层面的，是一群热爱着UED这个行业的设计师们自我探索以及成长的过程，再加上博客自由轻松的写作特点，读者很容易理解书中的内容。 虽然书中的知识点偏向于浅层面上的，但正是这些浅层面上的内容，经过合理的组织，形成有效的知识结构，比较大范围的诠释了关于互联网产品设计的方法。从UED人员在团队中的角色定位，到交互设计到底做什么；从用户调查研究，到用户角色的制定；从产品概念设计，到产品评估和测试；从界面上情感化的文字设计，到设计规范的制定；…… 除了新手，这本书同样也适合有从业经验的人士来读。新手阅读此书可以更加快速的切入到这个行业中来，而有经验的人士则可以从中获取更多经验之外的东西。 而另一类适合阅读的人士则是那些手里掌握生杀大权的BOSS们，如果他们能了解这些关于互联网产品设计的流程的话，那么在公司里的流程推动无疑比任何员工来推动都要有效。 这是一本值得阅读的书。]]></description>
			<content:encoded><![CDATA[<p>上个月趁着卓越网搞活动促销的时候，买了几本书，其中有两本是团队型的，或者说是团队博客出版物：《当彩色的声音尝起来是甜的》和《UCD火花集》。当然，从介绍上来说，<a href="http://www.douban.com/subject/3392046/" target="_blank">《当彩色的声音尝起来是甜的》</a>并不是一本单纯的博客出版物，因为这本书里只有三分之一的文章是出自科学松鼠会网站；而<a href="http://www.douban.com/subject/3670867/" target="_blank">《UCD火花集》</a>则是完完整整的一本博客集，是UCDChina团队里的多位成员的博客精选合集。</p>
<p>虽然是博客集，书中的内容都可以在各位作者的博客上找到，但经过整理组织的内容，拥有更明确的结构，有循序渐进的过程，毫无疑问这本书还是值得购买的。</p>
<p>市面上关于交互设计的书不少，关于产品设计的书也不少，关于信息设计的书也不少……然而把互联网产品设计流程归纳在一起的书却不多见。而另外一点就是市面上大部分的书，理论性都很强，其中涉及到的专业性方面的知识也比较深，新手很难从这些书籍中快速的获取知识。</p>
<p><span id="more-1568"></span></p>
<p>《UCD火花集》是一本比较适合新手来看的书，书中涉及的知识点偏向于浅层面的，是一群热爱着UED这个行业的设计师们自我探索以及成长的过程，再加上博客自由轻松的写作特点，读者很容易理解书中的内容。</p>
<p>虽然书中的知识点偏向于浅层面上的，但正是这些浅层面上的内容，经过合理的组织，形成有效的知识结构，比较大范围的诠释了关于互联网产品设计的方法。从UED人员在团队中的角色定位，到交互设计到底做什么；从用户调查研究，到用户角色的制定；从产品概念设计，到产品评估和测试；从界面上情感化的文字设计，到设计规范的制定；……</p>
<p>除了新手，这本书同样也适合有从业经验的人士来读。新手阅读此书可以更加快速的切入到这个行业中来，而有经验的人士则可以从中获取更多经验之外的东西。</p>
<p>而另一类适合阅读的人士则是那些手里掌握生杀大权的BOSS们，如果他们能了解这些关于互联网产品设计的流程的话，那么在公司里的流程推动无疑比任何员工来推动都要有效。</p>
<p>这是一本值得阅读的书。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1568/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>《写给大家看的设计书》阅读笔记之色彩</title>
		<link>http://www.prower.cn/interaction/1531</link>
		<comments>http://www.prower.cn/interaction/1531#comments</comments>
		<pubDate>Mon, 27 Jul 2009 07:23:08 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<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.prower.cn/?p=1531</guid>
		<description><![CDATA[做设计的时候，如何配色是经常让人头痛的问题，尽管很多时候，很多人都说对于色彩的掌握更多的是靠感觉，但是不得不说，感觉也是要有依据的。所以颜色色轮表实及家中必备的设计良药！ 友情提醒：此图压缩后颜色值有误差，只为演示用，请勿以此为准！ 首先需要了解是关于颜色的一些基本知识，当然本日志讲的也尽是这些基本知识，高深的等我学会了再告诉你们！ 图片中的标注为“A”的即是三原色，也即是红色、黄色、蓝色，这三种颜色是无法通过其他颜色的混合来创建的。而使用这三种颜色的任意两种等量混合则可以创建出三间色（B），比如红色与蓝色的混合得到紫色、黄色与红色的混合得到橙色、蓝色与黄色的混合得到绿色。任一三原色与其相临的三间色的组合成创建出第三色（C）。 在色轮表上，相对的两个颜色即组成互补色，由于互补色中的两个颜色是对立的，所以使用其中的一种为主色，另一种颜色则用来做为强调色，可以形成比较鲜明的对比。 而在色轮表上，彼此等距的三种颜色则形成三色组，比如三原色形成的三色组称之为基色三色组，而三间色形成的三色组则称之为间色三色组。而另一种形式的分裂互补三色组则是由某个颜色与其互补色两边的颜色组成的。 色轮表上彼此相临的颜色组成类似色，不管这些相临的颜色是两种还是两种以上，他们都有相同的基础色。 对于一个设计中的颜色来说，仅仅是依靠这些基本的色调是不行的，设计中有明暗的表现，所以也就有了亮色与暗色。亮色即是向色调中增加白色，同理暗色即是向色调中增加黑色。如色轮表上所显示的，暗色的最终即为黑色，而亮色最后即是白色。 由一种色调及其相应的多种暗色与亮色的组合即称为单色组合。 在单色组合中，如果暗色或是亮色过于接近的话，就会导致画面的模糊不清晰，比如在浅灰色的背景上写上白色的字时，字体会变得模糊不清。其实这不仅是在单色组合中才会出现，这是由于色质太过于接近导致对比过于微弱而引起的。色质即是指某种颜色的特定明暗度、深浅度或是色调。 就像人类有男人跟女人之分一样，颜色也有暖色与冷色之分。暖色即意味着其中包含红色或是黄色，冷色则是其中包含蓝色。对于同等程度的强调意义来说，暖色只需要一点即可达到，而冷色则往往需要更大面积的展示。这在一定程度上与暖色是趋进型的，而冷色是后退型的相关。]]></description>
			<content:encoded><![CDATA[<p>做设计的时候，如何配色是经常让人头痛的问题，尽管很多时候，很多人都说对于色彩的掌握更多的是靠感觉，但是不得不说，感觉也是要有依据的。所以颜色色轮表实及家中必备的设计良药！</p>
<p><img class="alignnone size-full wp-image-1532" title="颜色色轮表" src="http://www.prower.cn/wp-content/uploads/2009/07/color.jpg" alt="颜色色轮表" width="600" height="400" /></p>
<p>友情提醒：此图压缩后颜色值有误差，只为演示用，请勿以此为准！</p>
<p><span id="more-1531"></span></p>
<p>首先需要了解是关于颜色的一些基本知识，当然本日志讲的也尽是这些基本知识，高深的等我学会了再告诉你们！</p>
<p>图片中的标注为“A”的即是<strong><span style="color: #800000;">三原色</span></strong>，也即是<strong>红色</strong>、<strong>黄色</strong>、<strong>蓝色</strong>，这三种颜色是无法通过其他颜色的混合来创建的。而使用这三种颜色的任意两种等量混合则可以创建出<strong><span style="color: #800000;">三间色</span></strong>（B），比如红色与蓝色的混合得到<strong>紫色</strong>、黄色与红色的混合得到<strong>橙色</strong>、蓝色与黄色的混合得到<strong>绿色</strong>。任一三原色与其相临的三间色的组合成创建出<strong><span style="color: #800000;">第三色</span></strong>（C）。</p>
<p>在色轮表上，相对的两个颜色即组成<strong><span style="color: #800000;">互补色</span></strong>，由于互补色中的两个颜色是对立的，所以使用其中的一种为主色，另一种颜色则用来做为强调色，可以形成比较鲜明的对比。</p>
<p>而在色轮表上，彼此等距的三种颜色则形成<strong><span style="color: #800000;">三色组</span></strong>，比如三原色形成的三色组称之为<strong>基色三色组</strong>，而三间色形成的三色组则称之为<strong>间色三色组</strong>。而另一种形式的<strong><span style="color: #800000;">分裂互补三色组</span></strong>则是由某个颜色与其互补色两边的颜色组成的。</p>
<p>色轮表上彼此相临的颜色组成<strong><span style="color: #800000;">类似色</span></strong>，不管这些相临的颜色是两种还是两种以上，他们都有相同的基础色。</p>
<p>对于一个设计中的颜色来说，仅仅是依靠这些基本的色调是不行的，设计中有明暗的表现，所以也就有了亮色与暗色。<strong><span style="color: #800000;">亮色</span></strong>即是向色调中增加白色，同理<strong><span style="color: #800000;">暗色</span></strong>即是向色调中增加黑色。如色轮表上所显示的，暗色的最终即为黑色，而亮色最后即是白色。</p>
<p>由一种色调及其相应的多种暗色与亮色的组合即称为<strong><span style="color: #800000;">单色组合</span></strong>。</p>
<p>在单色组合中，如果暗色或是亮色过于接近的话，就会导致画面的模糊不清晰，比如在浅灰色的背景上写上白色的字时，字体会变得模糊不清。其实这不仅是在单色组合中才会出现，这是由于色质太过于接近导致对比过于微弱而引起的。<strong><span style="color: #800000;">色质</span></strong>即是指某种颜色的特定明暗度、深浅度或是色调。</p>
<p>就像人类有男人跟女人之分一样，颜色也有暖色与冷色之分。<strong><span style="color: #800000;">暖色</span></strong>即意味着其中包含红色或是黄色，<strong><span style="color: #800000;">冷色</span></strong>则是其中包含蓝色。对于同等程度的强调意义来说，暖色只需要一点即可达到，而冷色则往往需要更大面积的展示。这在一定程度上与暖色是趋进型的，而冷色是后退型的相关。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1531/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>

