<?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>Cnscorpio</title>
	<atom:link href="http://www.cnscorpio.cn/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cnscorpio.cn</link>
	<description>{夫君子之所取者远，则必有所待；所就者大，则必有所忍!}</description>
	<lastBuildDate>Sun, 21 Feb 2010 12:04:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='www.cnscorpio.cn' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>KDUED年末动画大作Released!</title>
		<link>http://www.cnscorpio.cn/2010/02/kdued-cx/</link>
		<comments>http://www.cnscorpio.cn/2010/02/kdued-cx/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 00:59:17 +0000</pubDate>
		<dc:creator>cnscorpio</dc:creator>
				<category><![CDATA[Team]]></category>

		<guid isPermaLink="false">http://www.cnscorpio.cn/?p=940</guid>
		<description><![CDATA[Loading&#8230;&#8230;&#8230;..-_-!时间有点长！


]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;">Loading&#8230;&#8230;&#8230;..-_-!时间有点长！</p>
<p><span id="more-940"></span></p>
<div style="width: 600px; margin: 0pt auto;"><object id="ys_yszx_skin" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="450" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="align" value="middle" /><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="true" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="src" value="http://www.cnscorpio.cn/tmp/2010.swf" /><param name="name" value="ys_yszx_skin" /><param name="allowfullscreen" value="true" /><embed id="ys_yszx_skin" type="application/x-shockwave-flash" width="600" height="450" src="http://www.cnscorpio.cn/tmp/2010.swf" name="ys_yszx_skin" bgcolor="#ffffff" quality="high" menu="false" allowfullscreen="true" allowscriptaccess="sameDomain" align="middle"></embed></object></div>
]]></content:encoded>
			<wfw:commentRss>http://www.cnscorpio.cn/2010/02/kdued-cx/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>记[9点小分队]首次活动</title>
		<link>http://www.cnscorpio.cn/2010/02/9-team/</link>
		<comments>http://www.cnscorpio.cn/2010/02/9-team/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 01:52:38 +0000</pubDate>
		<dc:creator>cnscorpio</dc:creator>
				<category><![CDATA[Social]]></category>

		<guid isPermaLink="false">http://www.cnscorpio.cn/?p=933</guid>
		<description><![CDATA[去年年中在爬山的时候，看到一路上不少人乱丢会“砸到花花草草”的东西，就有了个想法：咱不是爱爬山吗，在路上顺便做做公益呗，做做清洁，自己“有爱”，也给人快乐。于是Gtask上就出现了这一条：和大家一起做一份小公益活动。
奈何去年一直没能着手去组织，2010年了，决定把这条task给done掉。平时也还算爱上豆瓣，申请了小组，名字花了20分钟敲定的-_-!!,Chairman Mao compared young people to the sun at eight or nine in the morning  when he visited Union of Socialist Soviet Republics.所以，小组名就定为&#8221;9点小分队&#8220;，LOGO也是自己凭感觉整的，凑活。

上个周日，第一次组织了活动，自己搞了小竹竿用来清理垃圾[事实证明：夹子比较好操作-_-!] 。集合地点是塘琅山入口的骑楼，起初不太认得出Amy，还好最后还是全到齐了，期间闹了笑话&#8212;刚到骑楼的时候看到有个女娃一会望着我，一会看手机，急的脑袋到处转，我心里想：这女娃的男友也真是的，怎么不守时哟，让人家等这么久。结果集合介绍的时候才知道，这姑娘就是Amy。
上山了，还没走多远，某个同学就开始需要用无敌“瑜伽呼吸法”来调节了，但貌似效果不太好，跟我说话的时候还是一句掐成了好几句，可怜的。大部分人都还挺健谈的嘛，需要的就是这种气氛，老美的研究表明：如果周末有社交活动，那么下一周的精神状态会更好。
Amy的职位有点偏，老板是老外，但中文说的溜。
Canbeing的部门最近跟我这一样，狂招人[AD：现在金蝶热招PHP工程师、用户研究、交互设计[请联系:canbeing_lin[at]kingdee.com]，友商网需要前端开发、交互设计、内容运营、规划师的加入]。
小乔跟我说：10元300M GPRS流量开通有新漏洞。
&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;.
下山后，大家一起吃了麻辣鱼火锅，鱼没腌好，盐放少了，shit！
放一张火锅照，都怪那谁，没开闪光，不过挺温馨。


更多活动照片请到豆瓣“9点小分队”。
]]></description>
			<content:encoded><![CDATA[<p>去年年中在爬山的时候，看到一路上不少人乱丢会“砸到花花草草”的东西，就有了个想法：咱不是爱爬山吗，在路上顺便做做公益呗，做做清洁，自己“有爱”，也给人快乐。于是<a href="http://mail.google.com/mail/help/tasks/" target="_blank">Gtask</a>上就出现了这一条：和大家一起做一份小公益活动。</p>
<p>奈何去年一直没能着手去组织，2010年了，决定把这条task给done掉。平时也还算爱上豆瓣，申请了小组，名字花了20分钟敲定的-_-!!,Chairman Mao compared young people to the sun at eight or nine in the morning  when he visited Union of Socialist Soviet Republics.所以，小组名就定为&#8221;<a href="http://www.douban.com/group/cnscorpio/" target="_blank">9点小分队</a>&#8220;，LOGO也是自己凭感觉整的，凑活。</p>
<p><span id="more-933"></span></p>
<p>上个周日，第一次组织了活动，自己搞了小竹竿用来清理垃圾[事实证明：夹子比较好操作-_-!] 。集合地点是塘琅山入口的骑楼，起初不太认得<a href="http://www.ourdearamy.com" target="_blank">出Amy</a>，还好最后还是全到齐了，期间闹了笑话&#8212;刚到骑楼的时候看到有个女娃一会望着我，一会看手机，急的脑袋到处转，我心里想：这女娃的男友也真是的，怎么不守时哟，让人家等这么久。结果集合介绍的时候才知道，这姑娘就是Amy。</p>
<p>上山了，还没走多远，某个同学就开始需要用无敌“瑜伽呼吸法”来调节了，但貌似效果不太好，跟我说话的时候还是一句掐成了好几句，可怜的。大部分人都还挺健谈的嘛，需要的就是这种气氛，老美的研究表明：如果周末有社交活动，那么下一周的精神状态会更好。</p>
<p>Amy的职位有点偏，老板是老外，但中文说的溜。</p>
<p><a href="http://www.cnblogs.com/flashlm/" target="_blank">Canbeing</a>的部门最近跟我这一样，狂招人[AD：<a href="http://community.kingdee.com/pages/kingdee/blog/archive/2010/02/04/398114.aspx">现在金蝶热招PHP工程师、用户研究、交互设计</a>[请联系:<span id=":7b" dir="ltr">canbeing_lin[at]kingdee.com</span>]，<a href="http://www.kdued.com/andyou/" target="_blank">友商网需要前端开发、交互设计、内容运营、规划师的加入]</a>。</p>
<p>小乔跟我说：10元300M GPRS流量开通有新漏洞。</p>
<p>&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;.</p>
<p>下山后，大家一起吃了麻辣鱼火锅，鱼没腌好，盐放少了，shit！</p>
<p>放一张火锅照，都怪那谁，没开闪光，不过挺温馨。</p>
<p style="text-align: center;"><img class="size-full wp-image-934  aligncenter" title="9" src="http://www.cnscorpio.cn/wp-content/uploads/2010/02/9.jpg" alt="9" width="600" height="450" /></p>
<p style="text-align: center;">
<p style="text-align: left;"><a href="http://www.douban.com/event/11495637/" target="_blank">更多活动照片请到豆瓣“9点小分队”。</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cnscorpio.cn/2010/02/9-team/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>试用SugarSync[update2]</title>
		<link>http://www.cnscorpio.cn/2010/01/sugarsync/</link>
		<comments>http://www.cnscorpio.cn/2010/01/sugarsync/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 09:43:08 +0000</pubDate>
		<dc:creator>cnscorpio</dc:creator>
				<category><![CDATA[UE]]></category>

		<guid isPermaLink="false">http://www.cnscorpio.cn/?p=912</guid>
		<description><![CDATA[
在享受Dropbox的良好体验之后，心里觉得还少点“什么”。今天偶然又发现了这个SugarSync，号称支持几乎所有的平台，包括PC/MAC/iphone/android/WM/BB [ 被Villiamin 鄙视了，说没有塞班的版本-_-!]，对我来说，当看到“android”这个词出现在支持的列表时，我又“惊艳”了。下面是在win xp和G3上的试用记录。

1.中文版的支持
中文版地址，对于中国用户来说很方便，“语言”上比较友好，但估计仅仅是将页面文字直接翻译成中文，字体大小没有改，整体设计在中文环境下不太舒服。

2.注册账号
在注册账号时有个细节不错，那就是你填写完email后，下面的用户名会自动获取你mail的前缀，自动补全。可惜偶的两个ID是冤家-_-!!。

3.pc端的界面
在注册完成后，会有一个流程提示，需要下载客户端。下载安装后，指定共享文件夹，就能在“云端”、PC端浏览分享资源了，当然，移动设备上的入口待会会说到。
友情提醒下：如果要分享，例如给对方一个可直接获取文件的链接，目前发现的是，如果文件大于5M，是需要升级成付费用户才能使用的，这个限制合不合理就看大家了。如果用来在智能机上移动分享一些小文件，还是可以的。

4.移动设备上的使用
用的是G3 Hero，根据网站的提示，到Market上下了 For android 的应用，登陆后就可以同步账号上的资源了，当然，如果想跟其他机油分享文件，那也是很方便的，基本就相当于再操作本地文件一样，这样的体验在类似的Dropbox上是一样一样的，在操作引导方面做的还是很到位的，自动帮你分好了几个常用的目录，例如“图库”、“文档”等等。

登录后的的选择界面，可以是访问server端，也可以在移动设备上操作。

自动在存储卡上设定了操作文件夹

在移动设备上对单个文件进行操作。
从整个试用过程来看，很多地方跟Dropbox很相像，无论是存储空间、邀请机制，都类似。但对单个文件的分享进行限制这个貌似有点点过分，不过5M的大小很适中，对于分享小文件还是很享受的。另一个优点，个人认为也是最突出的优点，那就是对多平台的支持，包括android、WM、iphone等，虽然没有塞班，哈哈。
update: 从移动设备的体验来看，SugarSync 要稍微强点，Dropbox目前只听说有iphone和黑莓的应用，没见有android的，如果要在android上用，只能是用移动浏览器，在使用的网络流量上会多不少。
update2: 如果喜欢整相册的同学可以看看这个&#8212;在Dropbox上实现完美相册存储 应该同样适用于SugarSync。
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-914  aligncenter" title="ss" src="http://www.cnscorpio.cn/wp-content/uploads/2010/01/ss.png" alt="ss" width="367" height="190" /></p>
<p>在享受Dropbox的良好体验之后，心里觉得还少点“什么”。今天偶然又发现了这个<a href="http://www.sugarsync.com/" target="_blank">SugarSync</a>，号称支持几乎所有的平台，包括PC/MAC/iphone/android/WM/BB [ 被<a href="http://www.villiamin.com/" target="_self">Villiamin</a> 鄙视了，说没有塞班的版本-_-!]，对我来说，当看到“android”这个词出现在支持的列表时，我又“惊艳”了。下面是在win xp和G3上的试用记录。</p>
<p><span id="more-912"></span></p>
<p><strong>1.中文版的支持</strong></p>
<p><a href="https://www.sugarsync.com/locale/zh/index.html" target="_blank">中文版地址</a>，对于中国用户来说很方便，“语言”上比较友好，但估计仅仅是将页面文字直接翻译成中文，字体大小没有改，整体设计在中文环境下不太舒服。</p>
<p style="text-align: center;"><img class="size-full wp-image-913  aligncenter" title="ss2" src="http://www.cnscorpio.cn/wp-content/uploads/2010/01/ss2.png" alt="ss2" width="264" height="111" /></p>
<p style="text-align: left;"><strong>2.注册账号</strong></p>
<p style="text-align: left;">在注册账号时有个细节不错，那就是你填写完email后，下面的用户名会自动获取你mail的前缀，自动补全。可惜偶的两个ID是冤家-_-!!。</p>
<p style="text-align: center;"><img class="size-full wp-image-915  aligncenter" title="ss-l" src="http://www.cnscorpio.cn/wp-content/uploads/2010/01/ss-l.png" alt="ss-l" width="330" height="230" /></p>
<p style="text-align: left;"><strong>3.pc端的界面</strong></p>
<p style="text-align: left;">在注册完成后，会有一个流程提示，需要下载客户端。下载安装后，指定共享文件夹，就能在“云端”、PC端浏览分享资源了，当然，移动设备上的入口待会会说到。</p>
<p style="text-align: left;">友情提醒下：如果要分享，例如给对方一个可直接获取文件的链接，目前发现的是，如果文件大于5M，是需要升级成付费用户才能使用的，这个限制合不合理就看大家了。如果用来在智能机上移动分享一些小文件，还是可以的。</p>
<p style="text-align: center;"><img class="size-full wp-image-916  aligncenter" title="ss-loc" src="http://www.cnscorpio.cn/wp-content/uploads/2010/01/ss-loc.png" alt="ss-loc" width="600" height="443" /></p>
<p style="text-align: left;"><strong>4.移动设备上的使用</strong></p>
<p style="text-align: left;">用的是G3 Hero，根据网站的提示，到Market上下了 For android 的应用，登陆后就可以同步账号上的资源了，当然，如果想跟其他机油分享文件，那也是很方便的，基本就相当于再操作本地文件一样，这样的体验在类似的Dropbox上是一样一样的，在操作引导方面做的还是很到位的，自动帮你分好了几个常用的目录，例如“图库”、“文档”等等。</p>
<p style="text-align: center;"><img class="size-full wp-image-918  aligncenter" title="logined-choose" src="http://www.cnscorpio.cn/wp-content/uploads/2010/01/logined-choose.jpg" alt="logined-choose" width="320" height="480" /></p>
<p style="text-align: center;">登录后的的选择界面，可以是访问server端，也可以在移动设备上操作。</p>
<p style="text-align: center;"><img class="size-full wp-image-917  aligncenter" title="logined" src="http://www.cnscorpio.cn/wp-content/uploads/2010/01/logined.jpg" alt="logined" width="320" height="480" /></p>
<p style="text-align: center;">自动在存储卡上设定了操作文件夹</p>
<p style="text-align: center;"><img class="size-full wp-image-919  aligncenter" title="file-mod" src="http://www.cnscorpio.cn/wp-content/uploads/2010/01/file-mod.jpg" alt="file-mod" width="320" height="480" /></p>
<p style="text-align: center;">在移动设备上对单个文件进行操作。</p>
<p style="text-align: left;">从整个试用过程来看，很多地方跟Dropbox很相像，无论是存储空间、邀请机制，都类似。但对单个文件的分享进行限制这个貌似有点点过分，不过5M的大小很适中，对于分享小文件还是很享受的。另一个优点，个人认为也是最突出的优点，那就是对多平台的支持，包括android、WM、iphone等，虽然没有塞班，哈哈。</p>
<p style="text-align: left;">update: 从移动设备的体验来看，SugarSync 要稍微强点，Dropbox目前只听说有iphone和黑莓的应用，没见有android的，如果要在android上用，只能是用移动浏览器，在使用的网络流量上会多不少。</p>
<p style="text-align: left;">update2: 如果喜欢整相册的同学可以看看这个&#8212;<a href="http://forums.dropbox.com/topic.php?id=15885" target="_blank">在Dropbox上实现完美相册存储</a> 应该同样适用于SugarSync。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cnscorpio.cn/2010/01/sugarsync/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>商品评论的设计&#8212;12月ucdchina书友会讨论</title>
		<link>http://www.cnscorpio.cn/2009/12/product-comment-design/</link>
		<comments>http://www.cnscorpio.cn/2009/12/product-comment-design/#comments</comments>
		<pubDate>Sat, 19 Dec 2009 15:51:57 +0000</pubDate>
		<dc:creator>cnscorpio</dc:creator>
				<category><![CDATA[Team]]></category>
		<category><![CDATA[UE]]></category>

		<guid isPermaLink="false">http://www.cnscorpio.cn/?p=877</guid>
		<description><![CDATA[
今天深圳ucdchina书友会的话题讨论&#8212;《商品评论的设计》，写了个引导的PPT与大家讨论，主要是关于web中评论体系的设计，收获不少，  lytous 、许让、我，还有四位业内的纯爷和四个妞，气氛还是不错的。以下是PPT和一些讨论过程中的关键点。

List:
1. 什么叫商品评论？
2. 评论体系的存在意义
3. 评论体系的现状
4. 都有哪些元素
5. 该如何设计？
6. 评论体系之外


1.什么叫商品评论？
个人认为，商品评论可以简单这么定义：人们对某商品的看法，无论是已购买者，还是非购买者。但如果光讨论商品评论本身貌似意义不大，我把他扩大到了评论体系这个层面。
评论体系，或者说评论系统，简单来说，可以概括为：人+互动内容+平台+终端，也就是商品提供者，购买者 [或者非购买者，可能非购买者没有购买这个商品，但他使用过，在使用体验的心得方面，他同样有发言权] 在通过某个购物平台，使用自己的终端设备进行互动的过程，而这个过程自然会产生一些交流的信息，可能是对商品本身进行评价的，也可能是商家服务或者物流服务等等。
商品评论本身不会与商家信用或者信誉等价，但却是产生后者的主要依据，也就是说，购买者的商品评论最终会成为量化商家信用指数的数据来源。
那现实生活中，有哪些评论体系呢？
1.1 购买商品后或者进行质保后的email邀请评论，其实就是回访，例如lenovo的回访email。

1.2 以淘宝为代表的完成购物后的评论系统，这个是目前能够产生价值较大的评论系统之一。

1.3 以口碑网和大众点评网为代表的面向大众的商品、服务评论系统，这类评论系统，能否找到合适的商业模式是个关键，如何把控评论的质量应该是首要考虑的因素。

1.4 一些B2C站点接收的在线评论，这类大都会被过滤掉一部分。

1.5 传统的电话服务质量回访，杰出代表：114服务和12580，告诉你“市民中心”怎么走之后，甜甜的跟你说：还有什么能帮到您吗？如果没有，请帮忙做一个服务质量回访，如果满意，请按1，不满意请按2，-_-!!。

1.6 再传统不过的，就是食堂或者超市中的“商品建议”反馈本子，火车上的“反馈建议本”，都是类似的，简单，但过于死板。

2. 评论体系的存在意义
评论体系的存在必然有他的意义，分三个人群来讲，一个是Supplier&#8212;商家，或者说商品、服务提供商，一个是Purchaser&#8212;购买者，还可能是第三方信用机构。
对于Supplier
A.得到用户的反馈，促使产品提供商[ 或者服务提供者 ]对产品[ 或者服务 ]进行update。
B.如果正面的评论不断增加，使得信誉指数攀升，有利于提高其竞争力，能够得到比竞争对手更多的销售机会。当然，也能起到一个淘汰的作用，如果差评多，除非是非法刷信誉或者删差评，否则购买者是很难会去下单的。
对于Purchaser
A.购买此类商品[ 或者服务 ]前的参考，对于大部分普通网民来说，是否购买，就是冲商家是不是皇冠，有几颗钻，因为这个从一定程度上反映了商家的整体服务质量，如果你是网购狂人，是经常泡网的人，你可能知道现在这个不是唯一参考渠道，但，不要忘记还有大部分的初级网购者。
B.开放了一个用户与生产商或者服务提供商进行沟通的渠道。
C.方便上一级部门对商品提供商进行监管，如果你商家服务质量实在太差，购物平台提供者可以根据这些内容进行取证并解决交易纠纷，从一定程度上监督了商家，对购买者是有利的。
对于信用机构
几大网购平台上的无数“摆摊大大”们和网购者在通过支付宝等支付平台积累的无限量交易记录，以及无数的评论产生的信誉信用数据，对于第三方的信用机构来说，我想绝对是个诱惑。
3.评论体系的现状
3.1同一product的提供商可以在多个平台建立不同评论体系，对于某些相同商品或者服务的评论信息不能共享。有啊的方舟计划貌似走的就是这个路线：部署标准产品库，融合每一款商品的规格资料、用户点评、在线选购等模块。
3.2评论流程臃肿，评论渠道单一。想一下这样一个情况：你给老婆买的豹纹短裙开裂了，虽然你可以通过旺旺，或者电话方式要求退换货，但如果还想对这个玩意再进行评论，你能怎么样？登陆淘宝，找到交易记录，这个时候可能已经没有再说话的冲动了，即使还想继续，却发现评论已经关闭。但，如果手机可以推一下这个条目，你觉得会怎么样？爽！这个改进方式后面会讲到。当然，购物后才能发起评论从一定程度上也是为了防止更多的垃圾评论和无谓的信息。但他的互动性就降低了。

3.3评论真实与否，是否产生了价值，而当金钱可以买来好评。这个问题很严重，在讨论中，大家有着不同意见，部分同学认为：如果商品都一样，服务都一样的情况下，我砸大量的钱去刷好评就相当于是打广告，一个道理，并且这个也是商家实力的体现。这个观点说得过去。但，从人性上讲，却是不道德的，也不利于网购市场的良性发展。

3.4买卖双方的隐私没能保护好。最近出现的买家恶意敲诈商家的事情时有发生，也说明了这里面是漏洞的。特别是在C2C市场上，交易过程中双方都是可以得到一些私人信息的。对于初进入网购市场的卖家，如果信用只有几颗心，又想真正继续做下去，是很在乎这几个差评的，如果买家作恶，敲诈起来，金额不多的情况下，不少卖家会选择花钱买平安。现在市场上甚至有不少“职业差评师”。后面会讲到如果通过其他手段来稍微改进这个交易过程。
4.评论体系都有哪些元素
4.1 Purchaser 购买者
4.2 Supplier 商品或者服务提供商
4.3 Product 商品或服务
4.4.Communication between purchaser &#38; seller 两者间就商品或服务的交流信息
4.5.Market platform 平台
4.6 Terminals of communication 交流终端
后面讨论到的商品评论体系的设计会聚焦在 4.4 和4.5以及4.6上。
5.如何设计
5.1评论系统进行平台上的整合、数据共享。甚至将评论系统剥离独立出来，或者来自社会化分享系统。举个类似应用的雏形：win7的What people are saying about windows 7？

5.2可使用多种终端发生这一行为。目前在web上，发生商品“评论”这个行为的终端绝大部分还是计算机。如果哪天网民们能非常方便的利用手机就某个商家的某个商品进行实时互动，就如围脖、twitter一样。。。。。。
5.3评论可持续化、更社会化、互动性更强。传统购物评论系统是短时间内，付款完事后，你可以即时评论对方，但一旦评完，就会关闭。而如果你购买的商品是付完款后，且在质保期出现质量问题，这时你不但需要退换货，还要发表关于这个商品的质量问题评论内容，系统告诉你，无法再继续评论，冤枉，你当初给的是&#8212;好评-_-!。

我们是不是可以这么改，在评论提交时，提供一个可以使用类似围脖、嘀咕或者twitter等应用进行持续关注的选项，后续可以进行利用手机这样的终端进行互动，不单是跟商家，还可以是普通的网民，这些信息都可以在这里出现，使得“评论”本身更真实，互动性更强。

界面是不是可以这样：


讨论过程中，lytous提到一个很好的点：是不是不需要任何商品都提供这样一个选择，如果我买的是很短时效的商品，例如牙膏，你就不需要持续关注他。可以分类对待。
甚至，可以多媒体化、更接近生活：

5.4 保护双方隐私及评论真实性。讨论过程中，大家都对实名制抱不赞同态度。而对评论系统的整合独立成第三方，通过通用API来接入，大伙对这种方式也觉得可操作性不大，起码在目前是这样。
和另一位同学在会后讨论的一个在C2C市场中的购买流程改进方式倒是有可取之处：将买卖双方的电话、住址等敏感信息由平台提供方，例如淘宝进行保密，买方完成购买动作后所提交的物流信息并不会出现在卖家的管理后台，而是由平台提供方，例如淘宝进行物流配送的分配管理，这样，就可以在一定程度上防止双方隐私被过多的暴露，出现类似敲诈的情况。
5.5满意度如何量化？还应该有哪些指标？

目前大部分的评论系统都是上图所示的模式。指标通常有：商品相符程度，卖家服务质量，物流的服务质量。个人认为，起码还是忽略了售后服务的追踪这一块，应该开放可持续化关注、评论的渠道，例如上面所说的“持续关注”等，加入这样的一个指标去完善整个打分系统。
5.6评论内容的信息架构问题
我想大家都有这样的体验：我想看某个关键字的评论内容，例如购买的是手机，想找找有没有关于屏幕问题的评论，却发现只能一页页的去翻，非常浪费时间，还不一定能找到这样的条目。这是目前评论区块的一个通病。

改进方式可以是增加搜索框，或者将评论内容进行分类，这都是行之有效的改进方式，如下图：

6.评论体系之外
“如何在网购市场中培育良好的购物习惯、净化网购市场”&#8212;-这是一个从网购市场大环境去考虑的问题，如果商品足够好，质量过硬，商家服务标准化，物流环节更规范，我想这是能够很大程度上减少交易中的纠纷的，而这个时候，或许评论这个东西就不会显得那么重要了，或许可以消失了。。
ppt下载：商品评论的设计 或者 Google Doc浏览



]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-896  aligncenter" title="1" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/1.jpg" alt="1" width="497" height="386" /></p>
<p>今天深圳ucdchina书友会的话题讨论&#8212;《商品评论的设计》，写了个引导的PPT与大家讨论，主要是关于web中评论体系的设计，收获不少，  <a href="http://lytous.ucdchina.com/" target="_blank">lytous </a>、许让、我，还有四位业内的纯爷和四个妞，气氛还是不错的。以下是PPT和一些讨论过程中的关键点。</p>
<p><span id="more-877"></span></p>
<p><strong>List:</strong></p>
<p><strong>1. 什么叫商品评论？</strong></p>
<p><strong>2. 评论体系的存在意义</strong></p>
<p><strong>3. 评论体系的现状</strong></p>
<p><strong>4. 都有哪些元素</strong></p>
<p><strong>5. 该如何设计？</strong></p>
<p><strong>6. 评论体系之外</strong></p>
<p><strong><br />
</strong></p>
<h2><strong>1.</strong><strong>什么叫商品评论？</strong></h2>
<p>个人认为，商品评论可以简单这么定义：人们对某商品的看法，无论是已购买者，还是非购买者。但如果光讨论商品评论本身貌似意义不大，我把他扩大到了评论体系这个层面。</p>
<p>评论体系，或者说评论系统，简单来说，可以概括为：人+互动内容+平台+终端，也就是商品提供者，购买者 [或者非购买者，可能非购买者没有购买这个商品，但他使用过，在使用体验的心得方面，他同样有发言权] 在通过某个购物平台，使用自己的终端设备进行互动的过程，而这个过程自然会产生一些交流的信息，可能是对商品本身进行评价的，也可能是商家服务或者物流服务等等。</p>
<p>商品评论本身不会与商家信用或者信誉等价，但却是产生后者的主要依据，也就是说，购买者的商品评论最终会成为量化商家信用指数的数据来源。</p>
<p>那现实生活中，有哪些评论体系呢？</p>
<p>1.1 购买商品后或者进行质保后的email邀请评论，其实就是回访，例如lenovo的回访email。</p>
<p style="text-align: center;"><img class="size-full wp-image-878  aligncenter" title="lenove" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/lenove.png" alt="lenove" width="440" height="252" /></p>
<p>1.2 以淘宝为代表的完成购物后的评论系统，这个是目前能够产生价值较大的评论系统之一。</p>
<p style="text-align: center;"><img class="size-full wp-image-879  aligncenter" title="taobao" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/taobao.png" alt="taobao" width="452" height="304" /></p>
<p>1.3 以口碑网和大众点评网为代表的面向大众的商品、服务评论系统，这类评论系统，能否找到合适的商业模式是个关键，如何把控评论的质量应该是首要考虑的因素。</p>
<p style="text-align: center;"><img class="size-full wp-image-880  aligncenter" title="koubei" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/koubei.png" alt="koubei" width="153" height="67" /><img class="size-full wp-image-881  aligncenter" title="dianping" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/dianping.png" alt="dianping" width="131" height="54" /></p>
<p>1.4 一些B2C站点接收的在线评论，这类大都会被过滤掉一部分。</p>
<p style="text-align: center;"><img class="size-full wp-image-882  aligncenter" title="min" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/min.png" alt="min" width="240" height="138" /></p>
<p>1.5 传统的电话服务质量回访，杰出代表：114服务和12580，告诉你“市民中心”怎么走之后，甜甜的跟你说：还有什么能帮到您吗？如果没有，请帮忙做一个服务质量回访，如果满意，请按1，不满意请按2，-_-!!。</p>
<p style="text-align: center;"><img class="size-full wp-image-883  aligncenter" title="te" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/te.png" alt="te" width="173" height="184" /></p>
<p>1.6 再传统不过的，就是食堂或者超市中的“商品建议”反馈本子，火车上的“反馈建议本”，都是类似的，简单，但过于死板。</p>
<p style="text-align: center;"><img class="size-full wp-image-884  aligncenter" title="chuan" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/chuan.jpg" alt="chuan" width="201" height="158" /></p>
<h2><strong>2. 评论体系的存在意义</strong></h2>
<p>评论体系的存在必然有他的意义，分三个人群来讲，一个是Supplier&#8212;商家，或者说商品、服务提供商，一个是Purchaser&#8212;购买者，还可能是第三方信用机构。</p>
<p>对于Supplier</p>
<p>A.得到用户的反馈，促使产品提供商[ 或者服务提供者 ]对产品[ 或者服务 ]进行update。</p>
<p>B.如果正面的评论不断增加，使得信誉指数攀升，有利于提高其竞争力，能够得到比竞争对手更多的销售机会。当然，也能起到一个淘汰的作用，如果差评多，除非是非法刷信誉或者删差评，否则购买者是很难会去下单的。</p>
<p>对于Purchaser</p>
<p>A.购买此类商品[ 或者服务 ]前的参考，对于大部分普通网民来说，是否购买，就是冲商家是不是皇冠，有几颗钻，因为这个从一定程度上反映了商家的整体服务质量，如果你是网购狂人，是经常泡网的人，你可能知道现在这个不是唯一参考渠道，但，不要忘记还有大部分的初级网购者。</p>
<p>B.开放了一个用户与生产商或者服务提供商进行沟通的渠道。</p>
<p>C.方便上一级部门对商品提供商进行监管，如果你商家服务质量实在太差，购物平台提供者可以根据这些内容进行取证并解决交易纠纷，从一定程度上监督了商家，对购买者是有利的。</p>
<p>对于信用机构</p>
<p>几大网购平台上的无数“摆摊大大”们和网购者在通过支付宝等支付平台积累的无限量交易记录，以及无数的评论产生的信誉信用数据，对于第三方的信用机构来说，我想绝对是个诱惑。</p>
<h2>3.评论体系的现状</h2>
<p>3.1同一product的提供商可以在多个平台建立不同评论体系，对于某些相同商品或者服务的评论信息不能共享。有啊的方舟计划貌似走的就是这个路线：部署标准产品库，融合每一款商品的规格资料、用户点评、在线选购等模块。</p>
<p>3.2评论流程臃肿，评论渠道单一。想一下这样一个情况：你给老婆买的豹纹短裙开裂了，虽然你可以通过旺旺，或者电话方式要求退换货，但如果还想对这个玩意再进行评论，你能怎么样？登陆淘宝，找到交易记录，这个时候可能已经没有再说话的冲动了，即使还想继续，却发现评论已经关闭。但，如果手机可以推一下这个条目，你觉得会怎么样？爽！这个改进方式后面会讲到。当然，购物后才能发起评论从一定程度上也是为了防止更多的垃圾评论和无谓的信息。但他的互动性就降低了。</p>
<p style="text-align: center;"><img class="size-full wp-image-885  aligncenter" title="dd" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/dd.png" alt="dd" width="282" height="250" /></p>
<p>3.3评论真实与否，是否产生了价值，而当金钱可以买来好评。这个问题很严重，在讨论中，大家有着不同意见，部分同学认为：如果商品都一样，服务都一样的情况下，我砸大量的钱去刷好评就相当于是打广告，一个道理，并且这个也是商家实力的体现。这个观点说得过去。但，从人性上讲，却是不道德的，也不利于网购市场的良性发展。</p>
<p style="text-align: center;"><img class="size-full wp-image-886  aligncenter" title="shua" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/shua.png" alt="shua" width="282" height="250" /></p>
<p>3.4买卖双方的隐私没能保护好。最近出现的买家恶意敲诈商家的事情时有发生，也说明了这里面是漏洞的。特别是在C2C市场上，交易过程中双方都是可以得到一些私人信息的。对于初进入网购市场的卖家，如果信用只有几颗心，又想真正继续做下去，是很在乎这几个差评的，如果买家作恶，敲诈起来，金额不多的情况下，不少卖家会选择花钱买平安。现在市场上甚至有不少“职业差评师”。后面会讲到如果通过其他手段来稍微改进这个交易过程。</p>
<h2>4.评论体系都有哪些元素</h2>
<p>4.1 Purchaser 购买者</p>
<p>4.2 Supplier 商品或者服务提供商</p>
<p>4.3 Product 商品或服务</p>
<p>4.4.Communication between purchaser &amp; seller 两者间就商品或服务的交流信息</p>
<p>4.5.Market platform 平台</p>
<p>4.6 Terminals of communication 交流终端</p>
<p>后面讨论到的商品评论体系的设计会聚焦在 4.4 和4.5以及4.6上。</p>
<h2>5.如何设计</h2>
<p>5.1评论系统进行平台上的整合、数据共享。甚至将评论系统剥离独立出来，或者来自社会化分享系统。举个类似应用的雏形：<a href="http://www.microsoft.com/windows/social/" target="_blank">win7的What people are saying about windows 7？</a></p>
<p style="text-align: center;"><img class="size-full wp-image-887  aligncenter" title="win" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/win.png" alt="win" width="467" height="283" /></p>
<p style="text-align: left;">5.2可使用多种终端发生这一行为。目前在web上，发生商品“评论”这个行为的终端绝大部分还是计算机。如果哪天网民们能非常方便的利用手机就某个商家的某个商品进行实时互动，就如围脖、twitter一样。。。。。。</p>
<p>5.3评论可持续化、更社会化、互动性更强。传统购物评论系统是短时间内，付款完事后，你可以即时评论对方，但一旦评完，就会关闭。而如果你购买的商品是付完款后，且在质保期出现质量问题，这时你不但需要退换货，还要发表关于这个商品的质量问题评论内容，系统告诉你，无法再继续评论，冤枉，你当初给的是&#8212;好评-_-!。</p>
<p style="text-align: center;"><img class="size-full wp-image-888  aligncenter" title="ping" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/ping.png" alt="ping" width="487" height="142" /></p>
<p>我们是不是可以这么改，在评论提交时，提供一个可以使用类似围脖、嘀咕或者twitter等应用进行持续关注的选项，后续可以进行利用手机这样的终端进行互动，不单是跟商家，还可以是普通的网民，这些信息都可以在这里出现，使得“评论”本身更真实，互动性更强。</p>
<p style="text-align: center;"><img class="size-full wp-image-889  aligncenter" title="t" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/t.png" alt="t" width="347" height="338" /></p>
<p>界面是不是可以这样：</p>
<p style="text-align: center;"><img class="size-full wp-image-890  aligncenter" title="ge" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/ge.png" alt="ge" width="400" height="264" /></p>
<p style="text-align: center;">
<p style="text-align: left;">讨论过程中，<a href="http://lytous.ucdchina.com/" target="_blank">lytous</a>提到一个很好的点：是不是不需要任何商品都提供这样一个选择，如果我买的是很短时效的商品，例如牙膏，你就不需要持续关注他。可以分类对待。</p>
<p>甚至，可以多媒体化、更接近生活：</p>
<p style="text-align: center;"><img class="size-full wp-image-891  aligncenter" title="mei" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/mei.png" alt="mei" width="387" height="275" /></p>
<p>5.4 保护双方隐私及评论真实性。讨论过程中，大家都对实名制抱不赞同态度。而对评论系统的整合独立成第三方，通过通用API来接入，大伙对这种方式也觉得可操作性不大，起码在目前是这样。</p>
<p>和另一位同学在会后讨论的一个在C2C市场中的购买流程改进方式倒是有可取之处：将买卖双方的电话、住址等敏感信息由平台提供方，例如淘宝进行保密，买方完成购买动作后所提交的物流信息并不会出现在卖家的管理后台，而是由平台提供方，例如淘宝进行物流配送的分配管理，这样，就可以在一定程度上防止双方隐私被过多的暴露，出现类似敲诈的情况。</p>
<p>5.5满意度如何量化？还应该有哪些指标？</p>
<p style="text-align: center;"><img class="size-full wp-image-893  aligncenter" title="dafen" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/dafen1.png" alt="dafen" width="523" height="392" /></p>
<p>目前大部分的评论系统都是上图所示的模式。指标通常有：商品相符程度，卖家服务质量，物流的服务质量。个人认为，起码还是忽略了售后服务的追踪这一块，应该开放可持续化关注、评论的渠道，例如上面所说的“持续关注”等，加入这样的一个指标去完善整个打分系统。</p>
<p>5.6评论内容的信息架构问题</p>
<p>我想大家都有这样的体验：我想看某个关键字的评论内容，例如购买的是手机，想找找有没有关于屏幕问题的评论，却发现只能一页页的去翻，非常浪费时间，还不一定能找到这样的条目。这是目前评论区块的一个通病。</p>
<p style="text-align: center;"><img class="size-full wp-image-894  aligncenter" title="pinglunfenye" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/pinglunfenye.png" alt="pinglunfenye" width="590" height="221" /></p>
<p>改进方式可以是增加搜索框，或者将评论内容进行分类，这都是行之有效的改进方式，如下图：</p>
<p style="text-align: center;"><img class="size-full wp-image-895  aligncenter" title="sou" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/sou.png" alt="sou" width="590" height="221" /></p>
<h2>6.评论体系之外</h2>
<p>“如何在网购市场中培育良好的购物习惯、净化网购市场”&#8212;-这是一个从网购市场大环境去考虑的问题，如果商品足够好，质量过硬，商家服务标准化，物流环节更规范，我想这是能够很大程度上减少交易中的纠纷的，而这个时候，或许评论这个东西就不会显得那么重要了，或许可以消失了。。</p>
<p><strong>ppt下载：<a href="http://www.cnscorpio.cn/tmp/pro-com_cnscorpio.rar" target="_blank">商品评论的设计</a> 或者 <a href="http://www.cnscorpio.cn/tmp/pro-com_cnscorpio.rar" target="_blank"></a><a href="http://docs.google.com/present/edit?id=0AfXB0DP68r0tZGY0c25zdjhfNDR0ajhiMnFnOA&amp;hl=en" target="_blank">Google Doc浏览</a><br />
</strong></p>
<p><strong><br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cnscorpio.cn/2009/12/product-comment-design/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>藏的艺术&#8212;信息展现</title>
		<link>http://www.cnscorpio.cn/2009/12/hidden/</link>
		<comments>http://www.cnscorpio.cn/2009/12/hidden/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 08:50:36 +0000</pubDate>
		<dc:creator>cnscorpio</dc:creator>
				<category><![CDATA[UE]]></category>

		<guid isPermaLink="false">http://www.cnscorpio.cn/?p=870</guid>
		<description><![CDATA[近段时间在看信息架构的书籍，“赫墨拉”也在进行着，所以翻出了第一届嚼嚼会的PPT，对于信息的展现又思考了下，把当时PPT的要点记录一下。
在网站中，信息的展现是应该如何把握信息架构的层级深度呢？

1. 想一步到位，但却会产生干扰，反而“找不到”
&#8212;下面是友商网的一个例子，这个是一个服务列表区域，我相信你能找的到-_-!，但过程是痛苦的。

2.按需上菜才是王道
&#8212;需要菜了，你“喊”，我就上

再看一个：

摘录一些关键词：
信息纵深     定制！

 吸引渐进    cookie
稍稍让你找    Amazon anolysis
UR tell us 
另一组：
减少、藏起来&#8212;舍，得到更多
组织&#8212;有条理呈现，使多变少
学习&#8212;人类的本能
]]></description>
			<content:encoded><![CDATA[<p>近段时间在看信息架构的书籍，“赫墨拉”也在进行着，所以翻出了第一届嚼嚼会的PPT，对于信息的展现又思考了下，把当时PPT的要点记录一下。</p>
<p>在网站中，信息的展现是应该如何把握信息架构的层级深度呢？</p>
<p><span id="more-870"></span></p>
<p><strong>1. 想一步到位，但却会产生干扰，反而“找不到”</strong></p>
<p>&#8212;下面是友商网的一个例子，这个是一个服务列表区域，我相信你能找的到-_-!，但过程是痛苦的。</p>
<p><img class="aligncenter size-full wp-image-871" title="you" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/you.png" alt="you" width="601" height="180" /></p>
<p><strong>2.按需上菜才是王道</strong></p>
<p>&#8212;需要菜了，你“喊”，我就上</p>
<p><img class="aligncenter size-full wp-image-872" title="all" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/all.png" alt="all" width="601" height="385" /></p>
<p>再看一个：</p>
<p><img class="aligncenter size-full wp-image-873" title="bai" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/bai.png" alt="bai" width="291" height="208" /></p>
<p>摘录一些关键词：</p>
<p><strong>信息纵深     定制！<br />
</strong></p>
<p><strong> 吸引渐进    cookie</strong></p>
<p><strong>稍稍让你找    Amazon anolysis</strong></p>
<p><strong>UR tell us </strong></p>
<p>另一组：</p>
<p><strong>减少、藏起来&#8212;舍，得到更多</strong></p>
<p><strong>组织&#8212;有条理呈现，使多变少</strong></p>
<p><strong>学习&#8212;人类的本能</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cnscorpio.cn/2009/12/hidden/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>纪念死去的WOW</title>
		<link>http://www.cnscorpio.cn/2009/12/die-wow/</link>
		<comments>http://www.cnscorpio.cn/2009/12/die-wow/#comments</comments>
		<pubDate>Mon, 14 Dec 2009 15:12:30 +0000</pubDate>
		<dc:creator>cnscorpio</dc:creator>
				<category><![CDATA[Some]]></category>

		<guid isPermaLink="false">http://www.cnscorpio.cn/?p=866</guid>
		<description><![CDATA[我似乎是国内最早的那一批wow玩家，恩，似乎。清楚的记得当时刚开测，为了做最后一个任务，拽到学校关电，闪到偶那躺有神U （BO核心的1700+ OC 到2.8G）的爱机，当然，隔壁也会同时发出这么一声哀嚎：SHIT!!!!!。
现在？现在的WOW已经不能让我提起兴趣，哪怕一点点，除非为了上去看我的山西煤老板一家（-_-!一家四兄弟，都是狂热的wow控 ），与他们一起坐在莫高雷看月亮的日子已经不再了，顶多就是上去问问“靓妹妹呀”：娃能走路了不？靓：日，他都上中班了。。-_-!!

“小无敌”丫就一发育不完全产品，我得赶紧给他找个媳妇，哈哈，5次决斗，肯定有一次是要脱光光跟我P，前晚难得上去看他，丫就是不脱了。。
好了，内人催去暖被窝，放个照纪念下我唯一看得上眼的web game。

]]></description>
			<content:encoded><![CDATA[<p>我似乎是国内最早的那一批wow玩家，恩，似乎。清楚的记得当时刚开测，为了做最后一个任务，拽到学校关电，闪到偶那躺有神U （BO核心的1700+ OC 到2.8G）的爱机，当然，隔壁也会同时发出这么一声哀嚎：SHIT!!!!!。</p>
<p>现在？现在的WOW已经不能让我提起兴趣，哪怕一点点，除非为了上去看我的山西煤老板一家（-_-!一家四兄弟，都是狂热的wow控 ），与他们一起坐在莫高雷看月亮的日子已经不再了，顶多就是上去问问“靓妹妹呀”：娃能走路了不？靓：日，他都上中班了。。-_-!!</p>
<p><span id="more-866"></span></p>
<p>“小无敌”丫就一发育不完全产品，我得赶紧给他找个媳妇，哈哈，5次决斗，肯定有一次是要脱光光跟我P，前晚难得上去看他，丫就是不脱了。。</p>
<p>好了，内人催去暖被窝，放个照纪念下我唯一看得上眼的web game。</p>
<p style="text-align: center;"><img class="size-full wp-image-867  aligncenter" title="wow1" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/wow1.jpg" alt="wow1" width="600" height="400" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.cnscorpio.cn/2009/12/die-wow/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>送白菜Google wave邀请</title>
		<link>http://www.cnscorpio.cn/2009/12/wave-invit/</link>
		<comments>http://www.cnscorpio.cn/2009/12/wave-invit/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 08:59:35 +0000</pubDate>
		<dc:creator>cnscorpio</dc:creator>
				<category><![CDATA[Some]]></category>

		<guid isPermaLink="false">http://www.cnscorpio.cn/?p=857</guid>
		<description><![CDATA[

好久没用wave，今天上去发现已经有25个邀请了，大家需要的跟帖吧，我都送了，虽然都已经灰常白菜了，但如果想从实现技术和视觉、交互上研究一下的，还是有点价值的。
PS：跟帖的时候请使用Gmail。
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-858  aligncenter" title="wave" src="http://www.cnscorpio.cn/wp-content/uploads/2009/12/wave.jpg" alt="wave" width="400" height="148" /></p>
<p style="text-align: center;">
<p>好久没用wave，今天上去发现已经有25个邀请了，大家需要的跟帖吧，我都送了，虽然都已经灰常白菜了，但如果想从实现技术和视觉、交互上研究一下的，还是有点价值的。</p>
<p>PS：跟帖的时候请使用Gmail。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cnscorpio.cn/2009/12/wave-invit/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Star Craft2 CD光盘效果</title>
		<link>http://www.cnscorpio.cn/2009/12/css3-cd/</link>
		<comments>http://www.cnscorpio.cn/2009/12/css3-cd/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 14:51:08 +0000</pubDate>
		<dc:creator>cnscorpio</dc:creator>
				<category><![CDATA[UE]]></category>
		<category><![CDATA[Web Standard]]></category>

		<guid isPermaLink="false">http://www.cnscorpio.cn/?p=839</guid>
		<description><![CDATA[CD的年代有点久远了，为了怀念一下下，用Star Craft2为素材做了一个CD封面的效果。
注意，不是用Firefox 3.0+、chrome的青年朋友，请买票！
主要使用的属性依然是：border-radius，利用它能够对左右上下的border的width进行定义。而封面上的文字主要是用了transform属性。先看看效果：

1.圆角部分，需要定义好四个圆角的半径让他们都为整个box大小的一半：

border-top-left-radius:150px 150px;
border-top-right-radius:150px 150px;
border-bottom-right-radius:150px 150px;
border-bottom-left-radius:150px 150px;

具体属性描述可以到W3C查看：CSS Backgrounds and Borders Module Level 3

2.box旋转部分，transform这个属性可以将某个元素以某个值在平面内进行旋转，正值为顺时针旋转，负值为逆时针旋转：

transform:rotate&#40;-13deg&#41;;

具体属性描述还是需要到这查看：Transforms Module 
我们看源代码吧：


&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62;
&#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62;
&#60;head&#62;
&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62;
&#60;title&#62;CD&#60;/title&#62;
&#60;link href=&#34;http://images.youshang.com/resources/v5/css/reset.css&#34; type=&#34;text/css&#34; rel=&#34;stylesheet&#34; /&#62;
&#60;style type=&#34;text/css&#34;&#62;
.cross{position:absolute;top:50%;left:50%;margin:-125px 0 0 -125px;width:100px;height:100px;border:100px solid #000;-moz-border-radius-topleft:150px 150px;-moz-border-radius-topright:150px 150px;-moz-border-radius-bottomleft:150px 150px;-moz-border-radius-bottomright:150px 150px;-webkit-border-top-left-radius:150px 150px;-webkit-border-top-right-radius:150px 150px;-webkit-border-bottom-left-radius:150px 150px;-webkit-border-bottom-right-radius:150px 150px;background:url(http://www.cnscorpio.cn/tmp/war.jpg) 48% 0 no-repeat;}
.cross em{position:absolute;top:-40px;left:-55px;display:block;width:200px;font-size:22px;font-weight:bold;font-style:italic;letter-spacing:3px;color:#FFF;-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
.cross span{position:absolute;top:100px;left:55px;display:block;width:50px;font-size:14px;font-style:italic;font-weight:bold;letter-spacing:2px;-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
&#60;/style&#62;
&#60;/head&#62;
&#60;body&#62;
	&#60;div class=&#34;cross&#34;&#62;
		&#60;em&#62;Star  Craft ! &#38;#8482;&#60;/em&#62;
		&#60;span&#62;CD2&#60;/span&#62;
	&#60;/div&#62;
&#60;/body&#62;
&#60;/html&#62;
&#60;/html&#62;

 [...]]]></description>
			<content:encoded><![CDATA[<p>CD的年代有点久远了，为了怀念一下下，用Star Craft2为素材做了一个CD封面的效果。<br />
注意，不是用Firefox 3.0+、chrome的青年朋友，请买票！</p>
<p>主要使用的属性依然是：border-radius，利用它能够对左右上下的border的width进行定义。而封面上的文字主要是用了transform属性。先看看效果：</p>
<p style="text-align: center;"><img class="aligncenter" title="cd" src="http://www.cnscorpio.cn/tmp/cd.jpg" alt="" width="327" height="313" /></p>
<p>1.圆角部分，需要定义好四个圆角的半径让他们都为整个box大小的一半：</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">border-top-left-radius<span style="color: #00AA00;">:</span><span style="color: #933;">150px</span> <span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
border-top-right-radius<span style="color: #00AA00;">:</span><span style="color: #933;">150px</span> <span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
border-bottom-right-radius<span style="color: #00AA00;">:</span><span style="color: #933;">150px</span> <span style="color: #933;">150px</span><span style="color: #00AA00;">;</span>
border-bottom-left-radius<span style="color: #00AA00;">:</span><span style="color: #933;">150px</span> <span style="color: #933;">150px</span><span style="color: #00AA00;">;</span></pre></div></div>

<p>具体属性描述可以到W3C查看：<a href="http://www.w3.org/TR/css3-background/" >CSS Backgrounds and Borders Module Level 3</a></p>
<p><span id="more-839"></span></p>
<p>2.box旋转部分，transform这个属性可以将某个元素以某个值在平面内进行旋转，正值为顺时针旋转，负值为逆时针旋转：</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">transform<span style="color: #00AA00;">:</span>rotate<span style="color: #00AA00;">&#40;</span>-13deg<span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span></pre></div></div>

<p>具体属性描述还是需要到这查看：<a href="http://www.w3.org/TR/2009/WD-css3-2d-transforms-20091201/">Transforms Module </a></p>
<p>我们看源代码吧：</p>
<div class="runcode">
<p><textarea name="runcode" class="runcode_text" id="runcode_UeyejX" style="width:95%;height:300px;">
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;title&gt;CD&lt;/title&gt;
&lt;link href=&quot;http://images.youshang.com/resources/v5/css/reset.css&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot; /&gt;
&lt;style type=&quot;text/css&quot;&gt;
.cross{position:absolute;top:50%;left:50%;margin:-125px 0 0 -125px;width:100px;height:100px;border:100px solid #000;-moz-border-radius-topleft:150px 150px;-moz-border-radius-topright:150px 150px;-moz-border-radius-bottomleft:150px 150px;-moz-border-radius-bottomright:150px 150px;-webkit-border-top-left-radius:150px 150px;-webkit-border-top-right-radius:150px 150px;-webkit-border-bottom-left-radius:150px 150px;-webkit-border-bottom-right-radius:150px 150px;background:url(http://www.cnscorpio.cn/tmp/war.jpg) 48% 0 no-repeat;}
.cross em{position:absolute;top:-40px;left:-55px;display:block;width:200px;font-size:22px;font-weight:bold;font-style:italic;letter-spacing:3px;color:#FFF;-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
.cross span{position:absolute;top:100px;left:55px;display:block;width:50px;font-size:14px;font-style:italic;font-weight:bold;letter-spacing:2px;-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;div class=&quot;cross&quot;&gt;
		&lt;em&gt;Star  Craft ! &amp;#8482;&lt;/em&gt;
		&lt;span&gt;CD2&lt;/span&gt;
	&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
&lt;/html&gt;
</textarea></p>
<p><input type="button" value="Run" class="runcode_button" onclick="runcode_open_new('runcode_UeyejX');"/> <input type="button" value="Copy" class="runcode_button" onclick="runcode_copy('runcode_UeyejX');"/> Tips:You can change the code before run.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.cnscorpio.cn/2009/12/css3-cd/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>KDUED战地</title>
		<link>http://www.cnscorpio.cn/2009/11/kdued-new-home/</link>
		<comments>http://www.cnscorpio.cn/2009/11/kdued-new-home/#comments</comments>
		<pubDate>Fri, 27 Nov 2009 12:42:25 +0000</pubDate>
		<dc:creator>cnscorpio</dc:creator>
				<category><![CDATA[Team]]></category>

		<guid isPermaLink="false">http://www.cnscorpio.cn/?p=834</guid>
		<description><![CDATA[3天时间，KDUED新窝&#8212;《战地》正式上映，欢迎大家猛击：www.kdued.com.
弹药箱就是偶的新作，哇咔咔&#8230;&#8230;&#8230;..

纯DIY，喷漆比较费劲，大米好搞，哈哈


战地全貌，哦 也
]]></description>
			<content:encoded><![CDATA[<p>3天时间，KDUED新窝&#8212;《战地》正式上映，欢迎大家猛击：<a title="kdued" href="http://www.kdued.com" target="_blank">www.kdued.com</a>.</p>
<p>弹药箱就是偶的新作，哇咔咔&#8230;&#8230;&#8230;..</p>
<p style="text-align: center;"><img class="size-full wp-image-835  aligncenter" title="kdued" src="http://www.cnscorpio.cn/wp-content/uploads/2009/11/k.jpg" alt="kdued" width="600" height="400" /></p>
<p style="text-align: center;">纯DIY，喷漆比较费劲，大米好搞，哈哈</p>
<p style="text-align: center;"><span id="more-834"></span></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-836" title="r" src="http://www.cnscorpio.cn/wp-content/uploads/2009/11/r.jpg" alt="r" width="600" height="400" /></p>
<p style="text-align: center;">战地全貌，哦 也</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cnscorpio.cn/2009/11/kdued-new-home/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>无需尿布：HTML5+CSS3</title>
		<link>http://www.cnscorpio.cn/2009/11/html5-css3/</link>
		<comments>http://www.cnscorpio.cn/2009/11/html5-css3/#comments</comments>
		<pubDate>Sat, 14 Nov 2009 12:21:32 +0000</pubDate>
		<dc:creator>cnscorpio</dc:creator>
				<category><![CDATA[Web Standard]]></category>

		<guid isPermaLink="false">http://www.cnscorpio.cn/?p=823</guid>
		<description><![CDATA[W3C在今年7月2号宣布了终止XHTML2，那么无疑就宣布了HTML5成为了继XHTML1.1后新一代的web标准之一，即使他目前还是一个草案。即使是如此，Google是在wave中将HTML5发挥的淋漓尽致，APPLE也开始在官网中使用基于HTML5的video功能，无数的组织正在开发许许多多的基于HTML5和CSS3的应用，例如这个惊人的山寨玛丽和嘀咕网的基于CSS3的圆角应用。
我越来越感觉到：所有的所有，都是为了给高级浏览器用户[当中不乏意见领袖，他们所带来的口碑传播不容忽视 ]提供更高级的浏览体验，但向下兼容低级浏览器，当然，前提是在各个不同浏览器中，视觉和交互风格是一致的。
前段时间，也对cnscorpio.cn进行了基于HTML5+CSS3的重构，虽然算不上什么大事件，但也记录下，毕竟也练了一下手。
小花了点时间写了以下的PPT，PPT中的不少例子来自这个页面：新东西一箩筐。



如果不能观看ppt，请点击我下载。
]]></description>
			<content:encoded><![CDATA[<p>W3C在今年7月2号宣布了终止XHTML2，那么无疑就宣布了HTML5成为了继XHTML1.1后新一代的web标准之一，即使他目前还是一个草案。即使是如此，Google是在wave中将HTML5发挥的淋漓尽致，APPLE也开始在官网中使用基于HTML5的video功能，无数的组织正在开发许许多多的基于HTML5和CSS3的应用，例如这个惊人的<a title="山寨玛丽" href="http://www.paulbrunt.co.uk/bert/" target="_blank">山寨玛丽</a><a title="山寨玛丽" href="http://www.phpguru.org/breakout_popup.html" target="_blank"></a>和嘀咕网的基于CSS3的圆角应用。</p>
<p>我越来越感觉到：所有的所有，都是为了给高级浏览器用户[当中不乏意见领袖，他们所带来的口碑传播不容忽视 ]提供更高级的浏览体验，但向下兼容低级浏览器，当然，前提是在各个不同浏览器中，视觉和交互风格是一致的。</p>
<p>前段时间，也对cnscorpio.cn进行了基于HTML5+CSS3的重构，虽然算不上什么大事件，但也记录下，毕竟也练了一下手。</p>
<p>小花了点时间写了以下的PPT，PPT中的不少例子来自这个页面：<a href="http://www.cnscorpio.cn/lab/html5-css3.html" target="_blank">新东西一箩筐</a>。</p>
<div style="width:555px;margin:0 auto;">
<iframe src="http://docs.google.com/present/embed?id=df4snsv8_9cz7qgcdh&#038;size=m" frameborder="0" width="555" height="451"></iframe>
</div>
<p>如果不能观看ppt，请<a href="http://www.cnscorpio.cn/tmp/HTML5-CSS3.rar">点击我下载</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.cnscorpio.cn/2009/11/html5-css3/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
