<?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>第8音 PD  ID  UE &#187; 产品设计</title>
	<atom:link href="http://blog.d8in.com/posts/category/ucd/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.d8in.com</link>
	<description>Design is a  Lift Style</description>
	<lastBuildDate>Tue, 09 Mar 2010 02:19:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>网站体验七武器</title>
		<link>http://blog.d8in.com/posts/699.html</link>
		<comments>http://blog.d8in.com/posts/699.html#comments</comments>
		<pubDate>Tue, 23 Feb 2010 03:35:17 +0000</pubDate>
		<dc:creator>xw</dc:creator>
				<category><![CDATA[产品设计]]></category>

		<guid isPermaLink="false">http://blog.d8in.com/?p=699</guid>
		<description><![CDATA[
1.	什么是体验？
现在搞产品或者设计的人，张嘴闭嘴都在谈用户体验。而那句“哥玩的不是游戏，玩的是寂寞”其实更准确的说玩的就是体验。那何为用户体验？下面我们就来追根溯源来看看体验是什么发展跟来的。
1.1.	经济供给物的四个阶段
从经济角度来讲，我们的供给物分：产品、商品、服务、体验，四个阶段。而每个一阶段都是递进关系，是根据我们社会的物质丰富，技术发展和文化的进步一起同步升级。
产品：是从自然界中开发出来的可互换的材料。
商品：是公司标准化销售的有形产品。
服务：是为特定顾客所演示的无形活动。
体验：是使每个人以个性化的方式参与其中的事件。
当每一个阶段市场环境饱和以后，那么就必然要升级到另一个阶段，也就是进化。而我们现在所面临的阶段就是“体验”。

1.2.	体验经济
农产品是可加工的，商品是有实体的，服务是无形的，而体验是难忘的。
体验事实上是一个人达到情绪、体力、智力甚至是精神的某一特定水平时，他意识中所产生的美好感觉。结果是没有哪两个人能够得到完全相同的体验经历，因为任何一种体验其实都是某个人本身心智状态与那些筹划事件之间互动额作用的结果。
虽然体验舞台提供者的工作就在表演的瞬间消失了，但这种体验的价值会在欣赏者的记忆中留下深刻印象。大多数父母带着他们的孩子到迪斯尼世界，不是为了这一件事本身，而是为了使得家庭成员共同分享这个令人难忘的经历，这种经历成为其家庭日常交流的一个组成部分。尽管这种经历不能触摸得到，但人们仍然珍视它，因为它的价值就在他们心中，并且经久不衰。
为了增加顾客的体验而设计他们的商品–实质上就是将商品体验化。
为什么Iphone一部手机可以卖到5000块，而且还供不应求。为什么Sony Vaio电脑同样的配置下竟然比其他对手价格贵一倍？但是丝毫没有影响其销量。这就是体验经济的力量。
2.	武器一：生动传神的视频
我们经常会为了怎样把一款新产品，如何在网页上展示的更好而绞尽脑汁，用漂亮的图片？大幅的文字描述？Flash交互式介绍？
在2007年有一款全新的，非常吸引人又非常复杂的产品上市了。那就是Iphone，在apple网站除了一张很大很漂亮的图片做介绍以外，还采用了一段10几分钟的视频。这段视频只有纯白色的背景+一个解说员+iphone。虽然元素如此简单，但是经过精心安排的片段不仅把iphone的主要功能讲述非常清晰，而且有一种身临其境的参与感。这种感觉就好比你对面有一个人拿着iphone给你做现场演示一样。当年iphone大获成功，同时这种视频演示方式+youtube的兴起。一夜之间在互联网上纷纷被效仿。
2.1.	视频胜过千言万语
我们经常会说，一图胜千言。而到了如今的互联网，到不如说一视频胜千言。我们都知道一般的用户在网上都是浏览，而不是阅读。这样无论是图还是文字，都很难吸引用户长时间的停留在一个地方，即使这个地方做得再好。用户也就多扫几眼而已。所以很多公司为了吸引用户更长的时间停留，就采用了flash交互式展示的方式。这样用户可以有参与感，会停留的时间更多一些。但是因为用flash交互展示的方式设计比较复杂，一旦设计不好的话。很容易造成用户使用的困扰。反而会对产品的产生负面的影响。而随着互联网技术的不断发展，用户的网速越来越快。用视频的方式来展示新展品，如今变成则更好的方式。
2.1.1.	视频是图像的集合
我们说一图胜千言，那么视频是图像的集合，那么视频都是万语了。也就是说视频可以在更短的时间内让用户理解所表达更多的内容。
2.1.2.	视频更容易吸引
网页上大部分是静态的内容，无论是图片还是文字。那么视频是动态的，也就是说视频的反差性可以更加吸引用户的目光进行关注。
2.1.3.	视频+声音让用户有身临其境
视频其实包括两个部分，一个是动态图像还有一个就是声音。视频的这种方式实际上是和我们一般生活中的交互方式是一样的，譬如你看一个人的行动，或者和一个人谈话。也都是动态的图像+声音而已。所以视频可以更好的模拟真实的环境，这样容易让用户身临其境产生共鸣。
2.2.	Screencast+YOUKU
其实我们说了这么说多，那么视频到底好做吗？在我们的印象中，视频可能是拿摄像机拍摄还有演员道具什么的。而对于互联网产品来讲，其实可以用几乎不花一分钱的方式来制作视频，那就是Screencast。也就是用软件来录制产品能的操作流程还有讲解员的声音。然后把录制的视频文件上传到youku等其它免费的视频网站上，把生成的地址挂在自己的网站上一切就ok了。但是如果要想做出特别出色的Screencast也是需要专业的人员或者不断的学习才可以的。
3.	武器二：讲话将重点
我们经常会看到这样的场景，就是一个页面为了介绍新产品，密密麻麻写了一大堆，文字诗情画意，图片眼花缭乱。但是看完以后仍然不明白这个产品的特点是什么。或者有些用户比较着急，干脆就会直接忽略，要么离开、要么立即使用。上学的时候我们上语文课经常要做的功课就是，对课文分段，分析段落大意，总结中心思想。同样做互联网产品也是如此，我们不是在页面上去写文章，用户一般都很着急，他们没有心思去看你的长篇大论，所以最好就是把你文章的”段落大意”和”中心思想”直接告诉用户。请不要说些没用的，直接讲重点。
4.	武器三：最重要的不是首页
无论是设计人员还是老板，总有一个概念网站首页是最重要的。而其实对于电子商务网站来说，首页固然重要。但是排在第一位的并不是首页，而是产品页面。
4.1.	是欣赏，还是买东西？
一个首页设计好坏虽然可以影响到企业的形象，但是用户往往的目的不是来欣赏你主页的设计好坏。而是想通过网站找到他要买的东西或者产品的信息。我们往往把站点的中心放在首页上，把首页的设计的如何漂亮精致。而在产品页上就设计的很随意，不仅有很多布局不合理，甚至产品信息不全，还有错别字。所以我们经常发现，有很多企业花大价钱，很多的精力把首页弄的精美和漂亮。但是销量和流量并没有上升多少。
如果你是经常在淘宝购物的人，可能就会有下面的经历。那你要买一件东西的时候，往往价格低廉并不是最关键的因素，最关键的因素就是这个店铺是否值得信任。除了淘宝本身的信用度以外。给人信任感的一个重要因素就是产品页面设计是否精美，产品信息是否介绍详细。大家可以去看看，在淘宝上如果皇冠或者3~4颗砖石级别以上的。肯定他的产品信息页面是设计非常精美，信息想尽。内容的措辞和排版都非常讲究。
用户不是来欣赏首页的，而是来找信息或者买东西的。所以当我们设计电子商务站点的时候一定要把产品页设计好
4.2.一个首页和N个产品页
网站只有一个首页，即使你再怎么做seo，也只会被搜索引擎收录一个页面而已。而产品页是随着产品的增加而增加的，所以你的产品页面设计好，就会更多的被搜索引擎收录，并且是靠前的位置。同时因为产品页面内容想尽，设计精美。用户就会很容易产品相关性浏览。譬如我要找的本来是一件上衣，但是我看到相关搭配里面会有鞋或裤子。那么就很有可能去浏览鞋和裤子进而最终捆绑购买。
5.	武器四：提供即时联系方式
曾经有一位台湾的研究人员做了一系列可用性测试，是针对台湾赛我网的。发现当用户遇到问题的时候，如果不是比较棘手那么就看看帮助自己多试验几次。如果是比较棘手的情况，那么第一时间就是找到站方的联系方式，但是发现竟然只有emai没有电话。郁闷不已。因为她觉得email太慢或者可能时辰大概，现在最需要的就是一个电话。（台湾赛我已经于2008年12月退出台湾）
对于电子商务网站来说，当用户访问的时候，绝对不是因为“寂寞”。要么不是找信息，买买东西，要么就是遇到了问题。而对于用户来说，当遇到问题的时候，一定要可以快速的解决。
5.1.	为什么Email不行？
其实我们经常认为，国外的习惯都是Email，国内都是用IM。进而产生一个引申的想法：Email速度慢一些，IM是及时性的。这是真实的吗？其实前者和后者根本没有必然的关系。在国外虽然都是用Email，但是实际上大家都一样再用Email即使联系。也就是说在国外，当你有一个问题要反应，你发出一封Email。过不了几分钟马上就会有回复。甚至会更快。譬如在日本，白领们聊天工具就是用的Outlook。
所以实际上在中国用户已经对Email产生了一种非即使的想法，所以大多数用户都回有emai但是可能很久才会看一次。而大多数企业虽然都提供企业服务邮箱，但是可能根本就没有专人去管理，至少我遇到几次，email石沉大海的情况。
所以在中国用Email为客户服务的管理方式，无论是企业还是用户，其实都没有那种即时的习惯。所以是根本行不通的
5.2.	QQ&#62;论坛&#62;电话
要为客户服务提供联系方式，最好是即时的。所以很多公司都会有留有电话。但是我不认为电话的方式是首选，首先电话要产生一定费用。其次也是最重要的就是一些问题上，IM更容易沟通。

聊天记录可以保存
更多时间去组织问题的描述语言
得到信息反馈更加快速

另外即时的反馈论坛也不错，论坛可以包含上面所描述的所有有点，同时版主可以把经常遇到的问题整理形成QA这样便于用户查找。但是论坛需要用户重新注册用户，这一点加高了用户使用的门槛。
6.	武器五：准确的链接
链接是网页组成的最重要元素之一。简单，实用。但是我们却经常忽略掉链接的重要性。
6.1.	链接不像链接
我们在浏览网站的时候经常会遇到一个问题，当我们要找一个下载链接的时候，找了满屏幕也找不到哪个可以点。
这种情况最容易出现的就是，一大段文字中夹杂一些文字链接。而当我们把这些链接处理的和文字内容样式比较接近的时候，用户就很难找出那里可以点击。
所以当处理链接和文字混排的时候，一定要把链接标记的和其它文本有明显的区别，而最保险的方式就是下划线+对比颜色。
6.2.	不是链接像链接
和上面的情况相反，就是看上去可以点的东西，但是点了没反应。这点也是很让人郁闷的。而比较常见的就是为了修饰普通文本加上了下划线。下划线在网页上有一个不成文的规定就是它是链接的样式。而用户已经养成了这种习惯，所以一定不要在普通文本用下划线做修饰。
另外一种情况下就是把图片做得太像按钮，但是实际上并不是按钮。这样也会让用户误点击。
6.3.	死链接
网站最大的忌讳之一就是点一个链接以后，弹出来一个无法访问。当你的网站连续出现这样的情况，那么用户一定会认为你这个网站一定是坏掉了。
6.3.1.	尽量避免死链接
我们的网站确认并最终上线之前，一定要检查一下是否有死链接。如果页面比较少的话，其实你自己就心中有数那些链接暂时没有页面，那么就先暂时却掉就好了。如果页面量比较大，就可以用专用的软件（譬如：Dreamwaver站点管理）来检查
6.3.2.	漂亮的404
虽然我们详细的检查了，但是对于如今的动态网页，数据量相当大。尤其是对于一些BtoC的电子商务网站，拥有成千上网的产品页面，不可避免产生临时性的错误。那么就做一个漂亮的404页面，这样当用户虽然找不到页面。也起码让用户愉快一些，另外在页面上一定要给出返回首页和反应情况两个永能。首先用户可以从这个页面找一个门逃出去。另外一些热心的用户会把这个错误反应给你，那么让用户帮助监督网站何乐而不为呢？
7.	武器六：内容一致
如果你的公司比较大的话，可能会出现几个部门维护同一个网站的情况。那么就很容易产生对同一个事物的不同描述，同时出现在一个站点上。譬如对一件产品有英文名字和中文名字，那么在产品库中和系统数据同步用的都是标准的英文名字。但是在首页新产品的新闻中是有编辑完成的，为了让用户更容易理解，就可能采用中文名字。这样就会发生用户中文名字根本在产品库中查询不到产品。
对于站点设计师来说，如果一个站点是又两个以上的设计师设计，那么就会产生对页面上同一个功能有不同的描述的情况。譬如“显示历史记录”，“详细情况”，日期是格式等
有些情况下是小问题，但是如果是找不到产品，或者因为时间格式的问题用户与略掉了一些重要的时间。那么问题可就大了。
所以对于站点一定要制定一些文字描述标准，如果是对要求比较严格的话，还需要有专门的人员来负责校验。
8.	武器七：保持更新
俗话说的好“树挪死，人挪活”。一个网站其实也是有生命的。企业经常会为了形象，出重金来设计网站。但是一但设计网站完工。就觉得万事大吉了。其实网站完工才是正式开始而已。
我们经常会遇到这种情况，网站设计的漂亮无比，但是一看网站新闻。2006年xxxxx？？我们第一疑问是什么，是不是这个公司倒闭了？
当我们看到一款新产品铺天盖地的宣传，但是我们来到了这个公司的官网，竟然找不到这款产品的详细介绍信息。
一个企业如果有了自己的商务网站，那么这个网站实际上就是和企业链接在一起的。用户无法去企业参观访问。用户只能通过企业的站点来了解企业。所以一定要保持网站的更新，让网站和企业一样有鲜活的生命力。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.d8in.com/wp-content/uploads/2010/02/3284442964_080a1ba6b9.jpg"><img src="http://blog.d8in.com/wp-content/uploads/2010/02/3284442964_080a1ba6b9.jpg" alt="" title="3284442964_080a1ba6b9" width="500" height="334" class="alignnone size-full wp-image-703" /></a></p>
<p><strong>1.	什么是体验？</strong><br />
现在搞产品或者设计的人，张嘴闭嘴都在谈用户体验。而那句“哥玩的不是游戏，玩的是寂寞”其实更准确的说玩的就是体验。那何为用户体验？下面我们就来追根溯源来看看体验是什么发展跟来的。<br />
<strong>1.1.	经济供给物的四个阶段</strong><br />
从经济角度来讲，我们的供给物分：产品、商品、服务、体验，四个阶段。而每个一阶段都是递进关系，是根据我们社会的物质丰富，技术发展和文化的进步一起同步升级。</p>
<p><strong>产品：</strong>是从自然界中开发出来的可互换的材料。<br />
<strong>商品：</strong>是公司标准化销售的有形产品。<br />
<strong>服务：</strong>是为特定顾客所演示的无形活动。<br />
<strong>体验：</strong>是使每个人以个性化的方式参与其中的事件。</p>
<p>当每一个阶段市场环境饱和以后，那么就必然要升级到另一个阶段，也就是进化。而我们现在所面临的阶段就是“体验”。<br />
<span id="more-699"></span><br />
<strong>1.2.	体验经济</strong><br />
农产品是可加工的，商品是有实体的，服务是无形的，而体验是难忘的。</p>
<blockquote><p>体验事实上是一个人达到情绪、体力、智力甚至是精神的某一特定水平时，他意识中所产生的美好感觉。结果是没有哪两个人能够得到完全相同的体验经历，因为任何一种体验其实都是某个人本身心智状态与那些筹划事件之间互动额作用的结果。</p></blockquote>
<p>虽然体验舞台提供者的工作就在表演的瞬间消失了，但这种体验的价值会在欣赏者的记忆中留下深刻印象。大多数父母带着他们的孩子到迪斯尼世界，不是为了这一件事本身，而是为了使得家庭成员共同分享这个令人难忘的经历，这种经历成为其家庭日常交流的一个组成部分。尽管这种经历不能触摸得到，但人们仍然珍视它，因为它的价值就在他们心中，并且经久不衰。</p>
<p>为了增加顾客的体验而设计他们的商品–实质上就是将商品体验化。</p>
<p>为什么Iphone一部手机可以卖到5000块，而且还供不应求。为什么Sony Vaio电脑同样的配置下竟然比其他对手价格贵一倍？但是丝毫没有影响其销量。这就是体验经济的力量。</p>
<p><strong>2.	武器一：生动传神的视频</strong><br />
我们经常会为了怎样把一款新产品，如何在网页上展示的更好而绞尽脑汁，用漂亮的图片？大幅的文字描述？Flash交互式介绍？</p>
<p>在2007年有一款全新的，非常吸引人又非常复杂的产品上市了。那就是Iphone，在apple网站除了一张很大很漂亮的图片做介绍以外，还采用了一段10几分钟的视频。这段视频只有纯白色的背景+一个解说员+iphone。虽然元素如此简单，但是经过精心安排的片段不仅把iphone的主要功能讲述非常清晰，而且有一种身临其境的参与感。这种感觉就好比你对面有一个人拿着iphone给你做现场演示一样。当年iphone大获成功，同时这种视频演示方式+youtube的兴起。一夜之间在互联网上纷纷被效仿。</p>
<p><strong>2.1.	视频胜过千言万语</strong><br />
我们经常会说，一图胜千言。而到了如今的互联网，到不如说一视频胜千言。我们都知道一般的用户在网上都是浏览，而不是阅读。这样无论是图还是文字，都很难吸引用户长时间的停留在一个地方，即使这个地方做得再好。用户也就多扫几眼而已。所以很多公司为了吸引用户更长的时间停留，就采用了flash交互式展示的方式。这样用户可以有参与感，会停留的时间更多一些。但是因为用flash交互展示的方式设计比较复杂，一旦设计不好的话。很容易造成用户使用的困扰。反而会对产品的产生负面的影响。而随着互联网技术的不断发展，用户的网速越来越快。用视频的方式来展示新展品，如今变成则更好的方式。</p>
<p><strong>2.1.1.	视频是图像的集合</strong><br />
我们说一图胜千言，那么视频是图像的集合，那么视频都是万语了。也就是说视频可以在更短的时间内让用户理解所表达更多的内容。</p>
<p><strong>2.1.2.	视频更容易吸引</strong><br />
网页上大部分是静态的内容，无论是图片还是文字。那么视频是动态的，也就是说视频的反差性可以更加吸引用户的目光进行关注。</p>
<p><strong>2.1.3.	视频+声音让用户有身临其境</strong><br />
视频其实包括两个部分，一个是动态图像还有一个就是声音。视频的这种方式实际上是和我们一般生活中的交互方式是一样的，譬如你看一个人的行动，或者和一个人谈话。也都是动态的图像+声音而已。所以视频可以更好的模拟真实的环境，这样容易让用户身临其境产生共鸣。</p>
<p><strong>2.2.	Screencast+YOUKU</strong><br />
其实我们说了这么说多，那么视频到底好做吗？在我们的印象中，视频可能是拿摄像机拍摄还有演员道具什么的。而对于互联网产品来讲，其实可以用几乎不花一分钱的方式来制作视频，那就是Screencast。也就是用软件来录制产品能的操作流程还有讲解员的声音。然后把录制的视频文件上传到youku等其它免费的视频网站上，把生成的地址挂在自己的网站上一切就ok了。但是如果要想做出特别出色的Screencast也是需要专业的人员或者不断的学习才可以的。</p>
<p><strong>3.	武器二：讲话将重点</strong><br />
我们经常会看到这样的场景，就是一个页面为了介绍新产品，密密麻麻写了一大堆，文字诗情画意，图片眼花缭乱。但是看完以后仍然不明白这个产品的特点是什么。或者有些用户比较着急，干脆就会直接忽略，要么离开、要么立即使用。上学的时候我们上语文课经常要做的功课就是，对课文分段，分析段落大意，总结中心思想。同样做互联网产品也是如此，我们不是在页面上去写文章，用户一般都很着急，他们没有心思去看你的长篇大论，所以最好就是把你文章的”段落大意”和”中心思想”直接告诉用户。请不要说些没用的，直接讲重点。</p>
<p><strong>4.	武器三：最重要的不是首页</strong><br />
无论是设计人员还是老板，总有一个概念网站首页是最重要的。而其实对于电子商务网站来说，首页固然重要。但是排在第一位的并不是首页，而是产品页面。</p>
<p><strong>4.1.	是欣赏，还是买东西？</strong><br />
一个首页设计好坏虽然可以影响到企业的形象，但是用户往往的目的不是来欣赏你主页的设计好坏。而是想通过网站找到他要买的东西或者产品的信息。我们往往把站点的中心放在首页上，把首页的设计的如何漂亮精致。而在产品页上就设计的很随意，不仅有很多布局不合理，甚至产品信息不全，还有错别字。所以我们经常发现，有很多企业花大价钱，很多的精力把首页弄的精美和漂亮。但是销量和流量并没有上升多少。</p>
<p>如果你是经常在淘宝购物的人，可能就会有下面的经历。那你要买一件东西的时候，往往价格低廉并不是最关键的因素，最关键的因素就是这个店铺是否值得信任。除了淘宝本身的信用度以外。给人信任感的一个重要因素就是产品页面设计是否精美，产品信息是否介绍详细。大家可以去看看，在淘宝上如果皇冠或者3~4颗砖石级别以上的。肯定他的产品信息页面是设计非常精美，信息想尽。内容的措辞和排版都非常讲究。</p>
<p>用户不是来欣赏首页的，而是来找信息或者买东西的。所以当我们设计电子商务站点的时候一定要把产品页设计好</p>
<p><strong>4.2.一个首页和N个产品页</strong><br />
网站只有一个首页，即使你再怎么做seo，也只会被搜索引擎收录一个页面而已。而产品页是随着产品的增加而增加的，所以你的产品页面设计好，就会更多的被搜索引擎收录，并且是靠前的位置。同时因为产品页面内容想尽，设计精美。用户就会很容易产品相关性浏览。譬如我要找的本来是一件上衣，但是我看到相关搭配里面会有鞋或裤子。那么就很有可能去浏览鞋和裤子进而最终捆绑购买。</p>
<p><strong>5.	武器四：提供即时联系方式</strong><br />
曾经有一位台湾的研究人员做了一系列可用性测试，是针对台湾赛我网的。发现当用户遇到问题的时候，如果不是比较棘手那么就看看帮助自己多试验几次。如果是比较棘手的情况，那么第一时间就是找到站方的联系方式，但是发现竟然只有emai没有电话。郁闷不已。因为她觉得email太慢或者可能时辰大概，现在最需要的就是一个电话。（台湾赛我已经于2008年12月退出台湾）</p>
<p>对于电子商务网站来说，当用户访问的时候，绝对不是因为“寂寞”。要么不是找信息，买买东西，要么就是遇到了问题。而对于用户来说，当遇到问题的时候，一定要可以快速的解决。</p>
<p><strong>5.1.	为什么Email不行？</strong><br />
其实我们经常认为，国外的习惯都是Email，国内都是用IM。进而产生一个引申的想法：Email速度慢一些，IM是及时性的。这是真实的吗？其实前者和后者根本没有必然的关系。在国外虽然都是用Email，但是实际上大家都一样再用Email即使联系。也就是说在国外，当你有一个问题要反应，你发出一封Email。过不了几分钟马上就会有回复。甚至会更快。譬如在日本，白领们聊天工具就是用的Outlook。</p>
<p>所以实际上在中国用户已经对Email产生了一种非即使的想法，所以大多数用户都回有emai但是可能很久才会看一次。而大多数企业虽然都提供企业服务邮箱，但是可能根本就没有专人去管理，至少我遇到几次，email石沉大海的情况。</p>
<p>所以在中国用Email为客户服务的管理方式，无论是企业还是用户，其实都没有那种即时的习惯。所以是根本行不通的</p>
<p><strong>5.2.	QQ&gt;论坛&gt;电话</strong><br />
要为客户服务提供联系方式，最好是即时的。所以很多公司都会有留有电话。但是我不认为电话的方式是首选，首先电话要产生一定费用。其次也是最重要的就是一些问题上，IM更容易沟通。</p>
<ul>
<li>聊天记录可以保存</li>
<li>更多时间去组织问题的描述语言</li>
<li>得到信息反馈更加快速</li>
</ul>
<p>另外即时的反馈论坛也不错，论坛可以包含上面所描述的所有有点，同时版主可以把经常遇到的问题整理形成QA这样便于用户查找。但是论坛需要用户重新注册用户，这一点加高了用户使用的门槛。</p>
<p><strong>6.	武器五：准确的链接</strong><br />
链接是网页组成的最重要元素之一。简单，实用。但是我们却经常忽略掉链接的重要性。</p>
<p><strong>6.1.	链接不像链接</strong><br />
我们在浏览网站的时候经常会遇到一个问题，当我们要找一个下载链接的时候，找了满屏幕也找不到哪个可以点。</p>
<p>这种情况最容易出现的就是，一大段文字中夹杂一些文字链接。而当我们把这些链接处理的和文字内容样式比较接近的时候，用户就很难找出那里可以点击。</p>
<p>所以当处理链接和文字混排的时候，一定要把链接标记的和其它文本有明显的区别，而最保险的方式就是下划线+对比颜色。</p>
<p><strong>6.2.	不是链接像链接</strong><br />
和上面的情况相反，就是看上去可以点的东西，但是点了没反应。这点也是很让人郁闷的。而比较常见的就是为了修饰普通文本加上了下划线。下划线在网页上有一个不成文的规定就是它是链接的样式。而用户已经养成了这种习惯，所以一定不要在普通文本用下划线做修饰。</p>
<p>另外一种情况下就是把图片做得太像按钮，但是实际上并不是按钮。这样也会让用户误点击。</p>
<p><strong>6.3.	死链接</strong><br />
网站最大的忌讳之一就是点一个链接以后，弹出来一个无法访问。当你的网站连续出现这样的情况，那么用户一定会认为你这个网站一定是坏掉了。</p>
<p><strong>6.3.1.	尽量避免死链接</strong><br />
我们的网站确认并最终上线之前，一定要检查一下是否有死链接。如果页面比较少的话，其实你自己就心中有数那些链接暂时没有页面，那么就先暂时却掉就好了。如果页面量比较大，就可以用专用的软件（譬如：Dreamwaver站点管理）来检查</p>
<p><strong>6.3.2.	漂亮的404</strong><br />
虽然我们详细的检查了，但是对于如今的动态网页，数据量相当大。尤其是对于一些BtoC的电子商务网站，拥有成千上网的产品页面，不可避免产生临时性的错误。那么就做一个漂亮的404页面，这样当用户虽然找不到页面。也起码让用户愉快一些，另外在页面上一定要给出返回首页和反应情况两个永能。首先用户可以从这个页面找一个门逃出去。另外一些热心的用户会把这个错误反应给你，那么让用户帮助监督网站何乐而不为呢？</p>
<p><strong>7.	武器六：内容一致</strong><br />
如果你的公司比较大的话，可能会出现几个部门维护同一个网站的情况。那么就很容易产生对同一个事物的不同描述，同时出现在一个站点上。譬如对一件产品有英文名字和中文名字，那么在产品库中和系统数据同步用的都是标准的英文名字。但是在首页新产品的新闻中是有编辑完成的，为了让用户更容易理解，就可能采用中文名字。这样就会发生用户中文名字根本在产品库中查询不到产品。</p>
<p>对于站点设计师来说，如果一个站点是又两个以上的设计师设计，那么就会产生对页面上同一个功能有不同的描述的情况。譬如“显示历史记录”，“详细情况”，日期是格式等</p>
<p>有些情况下是小问题，但是如果是找不到产品，或者因为时间格式的问题用户与略掉了一些重要的时间。那么问题可就大了。</p>
<p>所以对于站点一定要制定一些文字描述标准，如果是对要求比较严格的话，还需要有专门的人员来负责校验。</p>
<p><strong>8.	武器七：保持更新</strong><br />
俗话说的好“树挪死，人挪活”。一个网站其实也是有生命的。企业经常会为了形象，出重金来设计网站。但是一但设计网站完工。就觉得万事大吉了。其实网站完工才是正式开始而已。</p>
<p>我们经常会遇到这种情况，网站设计的漂亮无比，但是一看网站新闻。2006年xxxxx？？我们第一疑问是什么，是不是这个公司倒闭了？</p>
<p>当我们看到一款新产品铺天盖地的宣传，但是我们来到了这个公司的官网，竟然找不到这款产品的详细介绍信息。</p>
<p>一个企业如果有了自己的商务网站，那么这个网站实际上就是和企业链接在一起的。用户无法去企业参观访问。用户只能通过企业的站点来了解企业。所以一定要保持网站的更新，让网站和企业一样有鲜活的生命力。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.d8in.com/posts/699.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>从时与位的角度去看待产品</title>
		<link>http://blog.d8in.com/posts/694.html</link>
		<comments>http://blog.d8in.com/posts/694.html#comments</comments>
		<pubDate>Thu, 18 Feb 2010 09:01:22 +0000</pubDate>
		<dc:creator>xw</dc:creator>
				<category><![CDATA[产品设计]]></category>

		<guid isPermaLink="false">http://blog.d8in.com/?p=694</guid>
		<description><![CDATA[
中国古典哲学中，无论是做人还是做事情，都特别强调“时”与“位”，既时间与空间。很好的东西，很了不起的人才，如果不逢其时，一切都没有用。同样的道理，一件东西，很坏的也好，很好的也好，很坏的也好，很好的也好，如果适得起时，看来是一件很坏的东西，也会有很大的价值。
这个道理运用到产品上，我们可以简单的理解成：在什么样的时间，推出怎样定位的产品。而一款成功的产品，则就是：在恰当的时间，推出准确定位的产品。
下面我就举盛大的传奇（我特别钟爱这个例子）：
时：盛大的传奇是2001年推出的，从2000~2002年期间，就从我身边说起，互联网发生最大的变化就是56k猫的普及和资费的降低，我是2001年买的联想同喜电脑，连网卡都没有，但是自带56k的猫，而且还赠送半年的免费上网。而在电脑配置上，17寸已经crt已经逐渐成为主流，cpu500，内存64M，硬盘10g这都是当时最起码的配置了。还有就是电脑的价格，原来动辄高达1，2万的电脑，当时已经可以进入万元以内，我当时买的品牌机是8999，如果是兼容机的话会更加便宜。也就是说在这个时期，无论是电脑的价格还是上网的速度还是上网的资费价格，都已经达到城市一般工薪阶层可以承受的程度。同时2000~2002年也是中国网吧的黄金时期，雨后春笋搬的在城市的大街小巷。同时1小时2元钱的价格也已经比较低廉的了。

位：传奇刚开始出来的时候，貌似整个游戏界评价都不高，直到N年以后传奇已经是中国在线人数最多的网络游戏的时候，对这个游戏本身的评价也没有什么变化。也就是说在传统游戏发烧友的眼里，这是一款很烂的游戏。其实的确如此，从当时单机游戏角度来评价这款游戏的确实不怎么样，颜色只有256色，世界观简单的几乎可以忽略掉，场景、装备、技能少得可怜。但是这反而成了优势，因为游戏内容少，所以安装包文件就小，当时第一版本的时候，安装包的文件只有120M。因为游戏效果不是很好，所以要求机器配置就低，所以当时几乎任何一台可以上网的电脑都可以装上这款游戏。因为游戏设计简单，所以几乎任何人都可以很快入门，从小学生到中年人，都可以很快进入游戏。我记得当时在网吧里面有一个区的PK高手，几乎名字一直都是红色的，在这个区里面非常有名气，但是这个人连打字基本都不会，有些时候还要我们帮他打字在游戏里面聊天。
产品的概念是近代西方传入进来的，所以当我们思考产品的时候通常会按西方的那套理论去套。我觉得这是中国产品很难突破，尤其是互联网产品很难突破的一个很大原因。在中国，应该有一种中国自有的方式去思考产品，譬如今天浅显提到的“时与位”。中国古典中还有很多很好的哲学思考方式。当用这些中国传统的哲学去思考今天的的互联网产品相结合的时候，就会看到不一样的风景。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.d8in.com/wp-content/uploads/2010/02/2283676770_6b53f8b77f.jpg"><img src="http://blog.d8in.com/wp-content/uploads/2010/02/2283676770_6b53f8b77f.jpg" alt="" title="2283676770_6b53f8b77f" width="500" height="375" class="alignnone size-full wp-image-706" /></a></p>
<p>中国古典哲学中，无论是做人还是做事情，都特别强调“时”与“位”，既时间与空间。很好的东西，很了不起的人才，如果不逢其时，一切都没有用。同样的道理，一件东西，很坏的也好，很好的也好，很坏的也好，很好的也好，如果适得起时，看来是一件很坏的东西，也会有很大的价值。</p>
<p>这个道理运用到产品上，我们可以简单的理解成：在什么样的时间，推出怎样定位的产品。而一款成功的产品，则就是：在恰当的时间，推出准确定位的产品。</p>
<p>下面我就举盛大的传奇（我特别钟爱这个例子）：<br />
<strong>时：</strong>盛大的传奇是2001年推出的，从2000~2002年期间，就从我身边说起，互联网发生最大的变化就是56k猫的普及和资费的降低，我是2001年买的联想同喜电脑，连网卡都没有，但是自带56k的猫，而且还赠送半年的免费上网。而在电脑配置上，17寸已经crt已经逐渐成为主流，cpu500，内存64M，硬盘10g这都是当时最起码的配置了。还有就是电脑的价格，原来动辄高达1，2万的电脑，当时已经可以进入万元以内，我当时买的品牌机是8999，如果是兼容机的话会更加便宜。也就是说在这个时期，无论是电脑的价格还是上网的速度还是上网的资费价格，都已经达到城市一般工薪阶层可以承受的程度。同时2000~2002年也是中国网吧的黄金时期，雨后春笋搬的在城市的大街小巷。同时1小时2元钱的价格也已经比较低廉的了。</p>
<p><span id="more-694"></span><br />
<strong>位：</strong>传奇刚开始出来的时候，貌似整个游戏界评价都不高，直到N年以后传奇已经是中国在线人数最多的网络游戏的时候，对这个游戏本身的评价也没有什么变化。也就是说在传统游戏发烧友的眼里，这是一款很烂的游戏。其实的确如此，从当时单机游戏角度来评价这款游戏的确实不怎么样，颜色只有256色，世界观简单的几乎可以忽略掉，场景、装备、技能少得可怜。但是这反而成了优势，因为游戏内容少，所以安装包文件就小，当时第一版本的时候，安装包的文件只有120M。因为游戏效果不是很好，所以要求机器配置就低，所以当时几乎任何一台可以上网的电脑都可以装上这款游戏。因为游戏设计简单，所以几乎任何人都可以很快入门，从小学生到中年人，都可以很快进入游戏。我记得当时在网吧里面有一个区的PK高手，几乎名字一直都是红色的，在这个区里面非常有名气，但是这个人连打字基本都不会，有些时候还要我们帮他打字在游戏里面聊天。</p>
<p>产品的概念是近代西方传入进来的，所以当我们思考产品的时候通常会按西方的那套理论去套。我觉得这是中国产品很难突破，尤其是互联网产品很难突破的一个很大原因。在中国，应该有一种中国自有的方式去思考产品，譬如今天浅显提到的“时与位”。中国古典中还有很多很好的哲学思考方式。当用这些中国传统的哲学去思考今天的的互联网产品相结合的时候，就会看到不一样的风景。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.d8in.com/posts/694.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>为什么这么设计：iPad</title>
		<link>http://blog.d8in.com/posts/645.html</link>
		<comments>http://blog.d8in.com/posts/645.html#comments</comments>
		<pubDate>Thu, 28 Jan 2010 08:04:50 +0000</pubDate>
		<dc:creator>xw</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[iPad]]></category>

		<guid isPermaLink="false">http://blog.d8in.com/posts/645.html</guid>
		<description><![CDATA[
千呼万唤苹果的平板电脑IPad问世了。不过貌似好多人并不怎么满意，大多数第一反应就是&#8221;这不是大好touch吗&#8221;或“电子相册？”。还有一部分人再看了配置以后，“怎么没有摄像头？”“怎么没有多任务？”。
这是我第一次半夜爬起来看直播，因为觉得这款产品绝对是意义重大的，虽然刚开始看了照片觉得这东西样子也不怎么好看，不过仔细想象其实觉得iphone和ipod touch也是如此。但是随着演示的进行，就越发现这个东西靠谱。我趴在weiphne论坛上，发现好多人也是有同感的，开始不满意，等到会议结束公开报价的时候，大家明显觉得还是不错的。
下面就从我的观点来说说ipad
1.为什么要那么大的黑边框？
很多人就惊异，为什Ipad要有那么大的黑边？看上去十分难看。起初我也有这样的想法，但是仔细想想，iphone之所以边那么薄是因为使用的时候是用手掌拖住的，而ipad在使用的时候要么是用胳膊拖住，单手四指夹住固定。要么是单手大拇指和手掌+四指夹住固定。也就说无论怎样，你的手指都需要ipad的边作为固定。可见为了在使用的时候，手指不覆盖到实际的操作区域，所以把边设计的要宽一些，便于使用的时候固定。
2.为什么屏幕是4:3，1024&#215;768？
现在都已经是宽屏时代了，最起码也的是16：10，1280&#215;800吧？但是ipad却采用了传统标准的4：3，1024&#215;768的屏幕。在我看来主要有几个原因：1）因为需要虚拟键盘来输入，那么如果是宽屏的话，同样的虚拟键盘，就会缩小输入的可视面积。2）iphone的屏幕是3：2，这样iphone上的程序就很容易兼容ipad。3）1024&#215;768是标准分辨率，而如今大多数的网页都是按照这个标准设计的，不存在兼容问题。4）1024&#215;768对于一个9.7寸的屏幕来说可以说是正好了，再高的话实际上用处也不是很大，就好比iphone上也是3.5寸480×320而已。
3.重量与厚度
作为一款平板电脑，那么重量和厚度是影响便携性的重要两个物理参数。ipad的厚度是13.4毫米，重量0.68千克（无3g）。那么到底是什么一个概念呢，iphone的厚度是12.3毫米，也就是说比iphone的厚度只厚了1毫米。Kindle DX（亚马逊电纸书）的重量是0.535千克，也就是说比Kindle DX重了0.15千克。虽然重量与厚度没有达到完美，但是在同类平板产品中已经无人能敌了。

4.电池功耗与待机时间
作为一款移动产品，官方给出的数据是，连续播放10小时视频，待机30天。而且支持USB直接充电，虽然跟电纸书还没有办法比。但是如果作为MP4或平板电脑来说已经相当不错了。
5.秒杀电纸书和电子相册
当我看完全部直播以后，第一反应就是这东西直接秒杀电纸书和电子相册。我们来看看价格，同样尺寸的电纸书Kindle DX（9.7寸），价格为489美金。Sony DPF-X1000（10.2寸电子相册）， 299美金。虽然不否认 Kindle DX 的水墨技术更养眼，Sony的DPF-X1000有独得的照片优化处理技术。但是你愿为这些功能多花多少钱呢？
6.平板交互突破
iphone的出现，创新了全屏触摸的多点交互模式。同时也有很多细节处理，让小屏幕下的手机程序更加易用。那么大屏幕呢？我们看到仍然到了更加绚丽的多点触摸。同时有一种全新的apple为ipad专门设计的交互模式。就是单击一个小区域中会出现独立层或者菜单。这个和我们网页中的弹出层十分类似。也就是说用户看到的一个屏幕为主场景，而详细信息和操作功能就定位为子场景。当用户要调用子场景的时候，用弹出层的方式显示。弹出的层可能固定位置，也可能是根据用户手指的坐标。详细专利可以看去http://www.cnbeta.com/articles/103046.htm 查看。
7.UI和外观设计确实有点问题
虽然上面说了很多赞美之词，但是对于UI的设计和外观，确实我也觉得不是很满意。可能是由于时间的缘故？系统的界面竟然用的是iphone一样的，对于这么大个屏幕来说实在过于松散，不过据说机器用的是3.2os。我想这个到4.0os的话一定会有一个比较大的改进。
另外外观，虽然我上面说了一些可用性的问题。但是难看就是难看，这个没有什么好质疑的，虽然可能实物根据质感可能还好一些，所以这个实际上改进也是有很大空间的。不过这到是周边厂商发财的好时机。（设计师说实际上ipad就是一块大玻璃）
8.与其说是一款产品，到不如说是一种生活方式
看到乔布斯坐在沙发上，悠然自得的操作着ipad。让人不禁想，与其说是一款产品，倒不如说是一种生活方式。
对于现代人来说，我们每天都要用电脑来收发email，看电影，听音乐，浏览网页查阅信息等等。难道为了这些简单的事情，我们必须规规矩矩的坐在凳子上，面对着显示器，摆弄着鼠标，使用的时候还需要花一段时间等待电脑启动。每天都要如此吗？难道我不能随意躺着，趴着，在客厅中，在花园中做这些事情吗？
答案就是ipad，他可以随时随地的处理信息。而处理的过程就像打开本子开始写东西，翻开杂志阅读一样自然简单。你会发现所有的一切一切不是在你的面前，而是在你的手中。

]]></description>
			<content:encoded><![CDATA[<p><img style="max-width: 800px;" src="http://blog.d8in.com/wp-content/uploads/2010/01/hero7_20100127.png" alt="" width="500" /></p>
<p>千呼万唤苹果的平板电脑IPad问世了。不过貌似好多人并不怎么满意，大多数第一反应就是&#8221;这不是大好touch吗&#8221;或“电子相册？”。还有一部分人再看了配置以后，“怎么没有摄像头？”“怎么没有多任务？”。</p>
<p>这是我第一次半夜爬起来看直播，因为觉得这款产品绝对是意义重大的，虽然刚开始看了照片觉得这东西样子也不怎么好看，不过仔细想象其实觉得iphone和ipod touch也是如此。但是随着演示的进行，就越发现这个东西靠谱。我趴在weiphne论坛上，发现好多人也是有同感的，开始不满意，等到会议结束公开报价的时候，大家明显觉得还是不错的。</p>
<p>下面就从我的观点来说说ipad</p>
<p><strong>1.为什么要那么大的黑边框？</strong><br />
很多人就惊异，为什Ipad要有那么大的黑边？看上去十分难看。起初我也有这样的想法，但是仔细想想，iphone之所以边那么薄是因为使用的时候是用手掌拖住的，而ipad在使用的时候要么是用胳膊拖住，单手四指夹住固定。要么是单手大拇指和手掌+四指夹住固定。也就说无论怎样，你的手指都需要ipad的边作为固定。可见为了在使用的时候，手指不覆盖到实际的操作区域，所以把边设计的要宽一些，便于使用的时候固定。</p>
<p><strong>2.为什么屏幕是4:3，1024&#215;768？</strong><br />
现在都已经是宽屏时代了，最起码也的是16：10，1280&#215;800吧？但是ipad却采用了传统标准的4：3，1024&#215;768的屏幕。在我看来主要有几个原因：1）因为需要虚拟键盘来输入，那么如果是宽屏的话，同样的虚拟键盘，就会缩小输入的可视面积。2）iphone的屏幕是3：2，这样iphone上的程序就很容易兼容ipad。3）1024&#215;768是标准分辨率，而如今大多数的网页都是按照这个标准设计的，不存在兼容问题。4）1024&#215;768对于一个9.7寸的屏幕来说可以说是正好了，再高的话实际上用处也不是很大，就好比iphone上也是3.5寸480×320而已。</p>
<p><strong>3.重量与厚度</strong><br />
作为一款平板电脑，那么重量和厚度是影响便携性的重要两个物理参数。ipad的厚度是13.4毫米，重量0.68千克（无3g）。那么到底是什么一个概念呢，iphone的厚度是12.3毫米，也就是说比iphone的厚度只厚了1毫米。Kindle DX（亚马逊电纸书）的重量是0.535千克，也就是说比Kindle DX重了0.15千克。虽然重量与厚度没有达到完美，但是在同类平板产品中已经无人能敌了。<br />
<span id="more-645"></span><br />
<strong>4.电池功耗与待机时间</strong><br />
作为一款移动产品，官方给出的数据是，连续播放10小时视频，待机30天。而且支持USB直接充电，虽然跟电纸书还没有办法比。但是如果作为MP4或平板电脑来说已经相当不错了。</p>
<p><strong>5.秒杀电纸书和电子相册</strong><br />
当我看完全部直播以后，第一反应就是这东西直接秒杀电纸书和电子相册。我们来看看价格，同样尺寸的电纸书Kindle DX（9.7寸），价格为489美金。Sony DPF-X1000（10.2寸电子相册）， 299美金。虽然不否认 Kindle DX 的水墨技术更养眼，Sony的DPF-X1000有独得的照片优化处理技术。但是你愿为这些功能多花多少钱呢？</p>
<p><strong>6.平板交互突破</strong><br />
iphone的出现，创新了全屏触摸的多点交互模式。同时也有很多细节处理，让小屏幕下的手机程序更加易用。那么大屏幕呢？我们看到仍然到了更加绚丽的多点触摸。同时有一种全新的apple为ipad专门设计的交互模式。就是单击一个小区域中会出现独立层或者菜单。这个和我们网页中的弹出层十分类似。也就是说用户看到的一个屏幕为主场景，而详细信息和操作功能就定位为子场景。当用户要调用子场景的时候，用弹出层的方式显示。弹出的层可能固定位置，也可能是根据用户手指的坐标。详细专利可以看去http://www.cnbeta.com/articles/103046.htm 查看。</p>
<p><strong>7.UI和外观设计确实有点问题</strong><br />
虽然上面说了很多赞美之词，但是对于UI的设计和外观，确实我也觉得不是很满意。可能是由于时间的缘故？系统的界面竟然用的是iphone一样的，对于这么大个屏幕来说实在过于松散，不过据说机器用的是3.2os。我想这个到4.0os的话一定会有一个比较大的改进。<br />
另外外观，虽然我上面说了一些可用性的问题。但是难看就是难看，这个没有什么好质疑的，虽然可能实物根据质感可能还好一些，所以这个实际上改进也是有很大空间的。不过这到是周边厂商发财的好时机。（设计师说实际上ipad就是一块大玻璃）</p>
<p><strong>8.与其说是一款产品，到不如说是一种生活方式</strong><br />
看到乔布斯坐在沙发上，悠然自得的操作着ipad。让人不禁想，与其说是一款产品，倒不如说是一种生活方式。<br />
对于现代人来说，我们每天都要用电脑来收发email，看电影，听音乐，浏览网页查阅信息等等。难道为了这些简单的事情，我们必须规规矩矩的坐在凳子上，面对着显示器，摆弄着鼠标，使用的时候还需要花一段时间等待电脑启动。每天都要如此吗？难道我不能随意躺着，趴着，在客厅中，在花园中做这些事情吗？<br />
答案就是ipad，他可以随时随地的处理信息。而处理的过程就像打开本子开始写东西，翻开杂志阅读一样自然简单。你会发现所有的一切一切不是在你的面前，而是在你的手中。</p>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=60ddf3e7-2493-8fa8-98e2-83e5a8c05d2c" alt="" /></div>
]]></content:encoded>
			<wfw:commentRss>http://blog.d8in.com/posts/645.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>互联网的Perfume</title>
		<link>http://blog.d8in.com/posts/626.html</link>
		<comments>http://blog.d8in.com/posts/626.html#comments</comments>
		<pubDate>Mon, 23 Nov 2009 08:58:01 +0000</pubDate>
		<dc:creator>xw</dc:creator>
				<category><![CDATA[产品设计]]></category>

		<guid isPermaLink="false">http://blog.d8in.com/?p=626</guid>
		<description><![CDATA[
Perfume是香水的意思，同时也是现在在日本非常红非常火的少女电音组合的名字。这个组合是来自3个广岛的20岁女组成。这个组合成立于2000年，当年他们才13岁。而直到2005以前一直都是还是默默无闻，因为所在的事务所经济有限，所以三个人有些时候都要自己发传单来宣传自己，在一次握手会上，一共只来了五个人，还有3个人是工作人员假扮的，可见其窘境。
但是到了2006年这一切突然就开始好转，到2007年又迈上了一个新的台阶，而2008年可以说是日本流行乐坛的Perfume的元年，Perfume一下子就红便整个日本，单曲，专辑，演唱会dvd全都是公信榜冠军，并首次在武道馆开了演唱会，并于年底首次登录日本红白歌友会。2009年Perfume继续他们的传奇中。
那为什么，Perfume默默无闻了5年，2006年就突然转变开始风生水起了呢，除了中田康孝的音乐监制，2005年末的从新定位，木村カエラ在其主持的节目连续4个月的用Perfume的歌曲做配乐和NHK环保歌曲的选入。等明显的事件以外，有一个非常隐形的线索就是互联网现在视频的兴起。
Perfume虽然是偶像团体，但是其实长相来说在日本并不算很出众。三个人从小接受艺人培训，所以有着扎实的舞蹈功底和舞台表演经验+中田康孝的监制的音乐+独特的舞蹈+三个人的服装造型，可以说Live的表演绝对是Perfume的杀手锏。2006年由于youtube的兴起，越来越多的人开始上传各种视频，2006年年初Perfume发布了从新包装的新单曲《コンピューターシティ（电脑城市）》和在8月发布了第一张专辑《Perfume Complete Best》，伴随着新专辑的推出，各种小型的歌友会和PV一下子就多了起来，当时也有了一些狂热的粉丝把各种小型聚会和pv的视频上传到了youtube上和一些日本本土的在线视频网站上，一下子Perfume独特的音乐风格和舞步就成为了网络上的热点。
12月，在网上发布她们的最新PV『Twinkle Snow Powdery Snow』，视频点击率持续了几周的最高纪录。同时歌迷们也在网络视频上发布了许多Perfume过去的PV，引起人们很大的关注，同时perfume的知名度也开始提升。
摘自百度百科
2007~2009由于Perfume的红遍日本，live和pv视频越来越多，同时Perfume因为自然地气质和语言能力，开始出现在各类的音乐和搞笑综艺节目上，而这些节目的片段，也会被粉丝们上传到互联网上。全世界各地都有了自组织的歌友会，而这些歌友会会定期举办聚会，歌友会上有各种各样的舞蹈模仿秀，而这些片段也会出现在网上。同时由于摄像头的普及，很多粉丝会自己在家中录制舞蹈视频上传到网站上与朋友分享。
2007~2008，一款叫做《偶像大师》的游戏从接机移植到Xbox360和PSP上，这款是一款打造少女偶像组合的新型养成游戏，游戏有多个版本，而在一个版本中用户只能有3个主人公进行培养。而Perfume的歌曲特别适合这个而游戏，所以由于游戏的火爆，一些爱好者开始用游戏人物开始制作Perfume的音乐PV，上传到互联网上，这一下子又让更多的人知道了Perfume。
到现在为止，如果在youtube上搜索Perfume可以找到4万1千个视频，而筛选一些起码有70%~80%是关于Perfume组合的，一般的视频从几万到几十万的浏览量不等。就算差的也有几千的浏览量。我在查找的时候发现，就算一个粉丝模仿的舞蹈也可以达到一万多的浏览量。现在Perfume的视频可以分为：Live，Pv，访谈，综艺，CM，游戏，粉丝模仿，七大类。
一款产品也好，一个明星也好，要想在现在众多的噪音中脱颖而出确实越来越不容易，除了传统的一些，电视，收音机，杂志，报纸传统媒体以外，网络的的媒体性也是不容忽视的，而网络更能发挥群体的力量和智慧，只要要善用得当，也许是投入最小，但是效果确实十分的惊人的。
粉丝视频：

游戏pv：

真人PV：

真人Live：

]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/xwxw/4127713868/" title="2941802186_6eefd310bb_o by xwgemini, on Flickr"><img src="http://farm3.static.flickr.com/2702/4127713868_473b4236d0.jpg" width="500" height="354" alt="2941802186_6eefd310bb_o" /></a></p>
<p>Perfume是香水的意思，同时也是现在在日本非常红非常火的少女电音组合的名字。这个组合是来自3个广岛的20岁女组成。这个组合成立于2000年，当年他们才13岁。而直到2005以前一直都是还是默默无闻，因为所在的事务所经济有限，所以三个人有些时候都要自己发传单来宣传自己，在一次握手会上，一共只来了五个人，还有3个人是工作人员假扮的，可见其窘境。</p>
<p>但是到了2006年这一切突然就开始好转，到2007年又迈上了一个新的台阶，而2008年可以说是日本流行乐坛的Perfume的元年，Perfume一下子就红便整个日本，单曲，专辑，演唱会dvd全都是公信榜冠军，并首次在武道馆开了演唱会，并于年底首次登录日本红白歌友会。2009年Perfume继续他们的传奇中。</p>
<p>那为什么，Perfume默默无闻了5年，2006年就突然转变开始风生水起了呢，除了中田康孝的音乐监制，2005年末的从新定位，木村カエラ在其主持的节目连续4个月的用Perfume的歌曲做配乐和NHK环保歌曲的选入。等明显的事件以外，有一个非常隐形的线索就是互联网现在视频的兴起。<span id="more-626"></span></p>
<p>Perfume虽然是偶像团体，但是其实长相来说在日本并不算很出众。三个人从小接受艺人培训，所以有着扎实的舞蹈功底和舞台表演经验+中田康孝的监制的音乐+独特的舞蹈+三个人的服装造型，可以说Live的表演绝对是Perfume的杀手锏。2006年由于youtube的兴起，越来越多的人开始上传各种视频，2006年年初Perfume发布了从新包装的新单曲《コンピューターシティ（电脑城市）》和在8月发布了第一张专辑《Perfume Complete Best》，伴随着新专辑的推出，各种小型的歌友会和PV一下子就多了起来，当时也有了一些狂热的粉丝把各种小型聚会和pv的视频上传到了youtube上和一些日本本土的在线视频网站上，一下子Perfume独特的音乐风格和舞步就成为了网络上的热点。</p>
<blockquote><p>12月，在网上发布她们的最新PV『Twinkle Snow Powdery Snow』，视频点击率持续了几周的最高纪录。同时歌迷们也在网络视频上发布了许多Perfume过去的PV，引起人们很大的关注，同时perfume的知名度也开始提升。<br />
摘自百度百科</p></blockquote>
<p>2007~2009由于Perfume的红遍日本，live和pv视频越来越多，同时Perfume因为自然地气质和语言能力，开始出现在各类的音乐和搞笑综艺节目上，而这些节目的片段，也会被粉丝们上传到互联网上。全世界各地都有了自组织的歌友会，而这些歌友会会定期举办聚会，歌友会上有各种各样的舞蹈模仿秀，而这些片段也会出现在网上。同时由于摄像头的普及，很多粉丝会自己在家中录制舞蹈视频上传到网站上与朋友分享。</p>
<p>2007~2008，一款叫做《偶像大师》的游戏从接机移植到Xbox360和PSP上，这款是一款打造少女偶像组合的新型养成游戏，游戏有多个版本，而在一个版本中用户只能有3个主人公进行培养。而Perfume的歌曲特别适合这个而游戏，所以由于游戏的火爆，一些爱好者开始用游戏人物开始制作Perfume的音乐PV，上传到互联网上，这一下子又让更多的人知道了Perfume。</p>
<p>到现在为止，如果在youtube上搜索Perfume可以找到4万1千个视频，而筛选一些起码有70%~80%是关于Perfume组合的，一般的视频从几万到几十万的浏览量不等。就算差的也有几千的浏览量。我在查找的时候发现，就算一个粉丝模仿的舞蹈也可以达到一万多的浏览量。现在Perfume的视频可以分为：Live，Pv，访谈，综艺，CM，游戏，粉丝模仿，七大类。</p>
<p>一款产品也好，一个明星也好，要想在现在众多的噪音中脱颖而出确实越来越不容易，除了传统的一些，电视，收音机，杂志，报纸传统媒体以外，网络的的媒体性也是不容忽视的，而网络更能发挥群体的力量和智慧，只要要善用得当，也许是投入最小，但是效果确实十分的惊人的。</p>
<p><strong>粉丝视频：</strong><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="420" height="363" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="opaque" /><param name="src" value="http://www.tudou.com/v/h96H3qwOt8A" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="420" height="363" src="http://www.tudou.com/v/h96H3qwOt8A" allowfullscreen="true" allowscriptaccess="always" wmode="opaque"></embed></object></p>
<p><strong>游戏pv：</strong><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="align" value="middle" /><param name="src" value="http://player.youku.com/player.php/sid/XMTA4NjYzNDgw/v.swf" /><param name="quality" value="high" /><embed type="application/x-shockwave-flash" width="480" height="400" src="http://player.youku.com/player.php/sid/XMTA4NjYzNDgw/v.swf" quality="high" align="middle"></embed></object></p>
<p><strong>真人PV：</strong><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="align" value="middle" /><param name="src" value="http://player.youku.com/player.php/sid/XNzc0OTMzNDA=/v.swf" /><param name="quality" value="high" /><embed type="application/x-shockwave-flash" width="480" height="400" src="http://player.youku.com/player.php/sid/XNzc0OTMzNDA=/v.swf" quality="high" align="middle"></embed></object></p>
<p><strong>真人Live：</strong><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="align" value="middle" /><param name="src" value="http://player.youku.com/player.php/sid/XNjkwNTY0NjA=/v.swf" /><param name="quality" value="high" /><embed type="application/x-shockwave-flash" width="480" height="400" src="http://player.youku.com/player.php/sid/XNjkwNTY0NjA=/v.swf" quality="high" align="middle"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.d8in.com/posts/626.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>FRAPBOIS× 中田ヤスタカ（capsule）</title>
		<link>http://blog.d8in.com/posts/624.html</link>
		<comments>http://blog.d8in.com/posts/624.html#comments</comments>
		<pubDate>Tue, 10 Nov 2009 06:24:02 +0000</pubDate>
		<dc:creator>xw</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[Perfume]]></category>

		<guid isPermaLink="false">http://blog.d8in.com/?p=624</guid>
		<description><![CDATA[最近超喜欢听Perfume，那说起Perfume那么就肯定要提起中田ヤスタカ大神，因为Perfume的曲子都是中田ヤスタカ来担当制作，同时还有不少歌词，那么中田ヤスタカ大神也有自己的乐团就是Capsule，这则广告是田中大神来担当配乐，电子乐和卡卡的剪接画面编制在一起别有一番风味。

]]></description>
			<content:encoded><![CDATA[<p>最近超喜欢听Perfume，那说起Perfume那么就肯定要提起中田ヤスタカ大神，因为Perfume的曲子都是中田ヤスタカ来担当制作，同时还有不少歌词，那么中田ヤスタカ大神也有自己的乐团就是Capsule，这则广告是田中大神来担当配乐，电子乐和卡卡的剪接画面编制在一起别有一番风味。</p>
<p><embed src="http://player.youku.com/player.php/sid/XNzA5MDc3MTY=/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"></embed></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.d8in.com/posts/624.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>为什么这么设计：Google Wave</title>
		<link>http://blog.d8in.com/posts/603.html</link>
		<comments>http://blog.d8in.com/posts/603.html#comments</comments>
		<pubDate>Mon, 02 Nov 2009 06:56:36 +0000</pubDate>
		<dc:creator>xw</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[wave]]></category>

		<guid isPermaLink="false">http://blog.d8in.com/?p=603</guid>
		<description><![CDATA[终于弄激活了Wave邀请，在这里十分感谢moming同学。在试用了一下以后，虽然不知道这款产品以后是否能成功，但是她的交互方式以及设计思想，还有很多值得我们学习的，下面我们就来详细的看看。
一.布局
Wave界面布局和理念设计是真正的一页式体验，所有的操作都是一个页面完成。而在web产品中一页式体验最常用的就要数Email产品了。而Gmail更是将之发挥到极致。至于SNS产品譬如，Facebook首页和Twitter首页其实也是一页式体验的典型代表。
下面是几张不同应用的布局对比
 
由上面的布局对比我们可以看出，Wave是介于IM、Email、Twitter之间的一种全新的产品。不仅技术上采用了最新的HTML5，而且这种三列的布局明显是为了大屏幕，宽屏幕设计的。

二.交互细节
1.滚动条

当我最开始使用wave的时候，觉得最有意思的就是这个滚动条，虽然这种滚动条好像曾经在那个软件上看到过，但是出现的Web产品上还是第一次看到。
由于现在屏幕越来越大，那么就意味着传统滚动条的整体就越来越长，拖动还还好，但是要点击向上和向下箭头确实不是一件很容易的事情，每次一次点击，鼠标都要移动很大的距离。而Wave的滚动条，把向下、向上和拖动合并到一起，这样就能很好的解决这个问题，再加上拖动的算法，设定一个阀值，这样一般情况下用户之需要传统滚动条一半的距离就可以完成整个内容的拖动操作。
2.区块缩放

Wave中的每个区块都是可以缩小的，缩小以后会自动到顶部，当你最小化后的区块，不是直接最大化，而是显示出缩小后的操作界面，你可以直接在这里进行对区块内容的操作。这点设计十分类似于Windows7的Superbar。在这个时候你每开一个Wave就相当于一个新的窗口，这样就你可以快速的切换几个主题进行交互。初始的布局很适合新用户，当用户变成中级用户以后，就会发现初始的这种布局很有限制性，那么这种最小化的方式就很适合为中级和高级用户使用。
3.选项

在左上角的Navigation区域中，当鼠标悬浮到一个选项的时候最右侧会出现一个箭头，单击箭头会出现快捷操作，Movie Up，Movie Down，Set color。虽然这种悬浮快出现经常看到，但是一般都是在客户端或者表格操作中。在左侧导航确实很少。说到表格操作，通常的设计是把譬如编辑，删除，更新。默认不出现，当悬浮的时候直接出现，这三个操作的名字。我觉得这种设计很容易干扰用户，而wave这种把所有的操作隐藏到一个小箭头下就非常好，既可以完成操作，又不会干扰用户，而且便于以后功能扩展。
三.Wave到底带来了这么？
IM是对真实聊天的一种模拟，Email是对真实信件的模拟，这两种产品做得再好也只是模拟而已。而搜索引擎则不一样，他不存在与真实世界，他只存在于互联网，他是互联网中原生态的产品。同样，Facebook也是如此，Twitter也是如此。那么Wave呢？，其实Wave也是如此。Facebook和Twitter被誉为是Email的升级产品能，甚至有言论说Email会消失等等。那么Wave呢？属于IM的升级产品？还是Facebook和Twitter的升级产品？现在还真的很难看出，但是无论怎样Wave是一种全新的人和人之间的沟通工具或者说是沟通模式，而这种沟通模式只存在于互联网。google search是：机器-&#62;信息；而google wave是：人-&#62;信息。
ps：有网友指出，布局其实和Outlook2007一样。其实更准确的说是和Live Mail一样，都是三列信息级联筛选的模式。不过我之所以要指出特别之处，是布局中有了用户列表，而其实wave的整个信息组织方式也是用户组的方式。
]]></description>
			<content:encoded><![CDATA[<p>终于弄激活了Wave邀请，在这里十分感谢moming同学。在试用了一下以后，虽然不知道这款产品以后是否能成功，但是她的交互方式以及设计思想，还有很多值得我们学习的，下面我们就来详细的看看。</p>
<p><strong>一.布局</strong></p>
<p>Wave界面布局和理念设计是真正的一页式体验，所有的操作都是一个页面完成。而在web产品中一页式体验最常用的就要数Email产品了。而Gmail更是将之发挥到极致。至于SNS产品譬如，Facebook首页和Twitter首页其实也是一页式体验的典型代表。</p>
<p>下面是几张不同应用的布局对比</p>
<p><a title="google wave by xwgemini, on Flickr" href="http://www.flickr.com/photos/xwxw/4067086839/"><img src="http://farm3.static.flickr.com/2511/4067086839_9838943b9d_o.png" alt="google wave" width="422" height="1211" /></a> </p>
<p>由上面的布局对比我们可以看出，Wave是介于IM、Email、Twitter之间的一种全新的产品。不仅技术上采用了最新的HTML5，而且这种三列的布局明显是为了大屏幕，宽屏幕设计的。</p>
<p><span id="more-603"></span></p>
<p><strong>二.交互细节</strong></p>
<p><strong>1.滚动条</strong></p>
<p><a title="2009-11-02_144245 by xwgemini, on Flickr" href="http://www.flickr.com/photos/xwxw/4067838448/"><img src="http://farm4.static.flickr.com/3519/4067838448_5c7a54ae45_o.png" alt="2009-11-02_144245" width="186" height="265" /></a></p>
<p>当我最开始使用wave的时候，觉得最有意思的就是这个滚动条，虽然这种滚动条好像曾经在那个软件上看到过，但是出现的Web产品上还是第一次看到。</p>
<p>由于现在屏幕越来越大，那么就意味着传统滚动条的整体就越来越长，拖动还还好，但是要点击向上和向下箭头确实不是一件很容易的事情，每次一次点击，鼠标都要移动很大的距离。而Wave的滚动条，把向下、向上和拖动合并到一起，这样就能很好的解决这个问题，再加上拖动的算法，设定一个阀值，这样一般情况下用户之需要传统滚动条一半的距离就可以完成整个内容的拖动操作。</p>
<p><strong>2.区块缩放</strong></p>
<p><a title="2009-11-02_144312 by xwgemini, on Flickr" href="http://www.flickr.com/photos/xwxw/4067838536/"><img src="http://farm4.static.flickr.com/3515/4067838536_4b106eb8ce_o.png" alt="2009-11-02_144312" width="493" height="287" /></a></p>
<p>Wave中的每个区块都是可以缩小的，缩小以后会自动到顶部，当你最小化后的区块，不是直接最大化，而是显示出缩小后的操作界面，你可以直接在这里进行对区块内容的操作。这点设计十分类似于Windows7的Superbar。在这个时候你每开一个Wave就相当于一个新的窗口，这样就你可以快速的切换几个主题进行交互。初始的布局很适合新用户，当用户变成中级用户以后，就会发现初始的这种布局很有限制性，那么这种最小化的方式就很适合为中级和高级用户使用。</p>
<p><strong>3.选项</strong></p>
<p><a title="2009-11-02_144452 by xwgemini, on Flickr" href="http://www.flickr.com/photos/xwxw/4067087163/"><img src="http://farm3.static.flickr.com/2618/4067087163_501836dd2e_o.png" alt="2009-11-02_144452" width="262" height="160" /></a></p>
<p>在左上角的Navigation区域中，当鼠标悬浮到一个选项的时候最右侧会出现一个箭头，单击箭头会出现快捷操作，Movie Up，Movie Down，Set color。虽然这种悬浮快出现经常看到，但是一般都是在客户端或者表格操作中。在左侧导航确实很少。说到表格操作，通常的设计是把譬如编辑，删除，更新。默认不出现，当悬浮的时候直接出现，这三个操作的名字。我觉得这种设计很容易干扰用户，而wave这种把所有的操作隐藏到一个小箭头下就非常好，既可以完成操作，又不会干扰用户，而且便于以后功能扩展。</p>
<p><strong>三.Wave到底带来了这么？</strong></p>
<p>IM是对真实聊天的一种模拟，Email是对真实信件的模拟，这两种产品做得再好也只是模拟而已。而搜索引擎则不一样，他不存在与真实世界，他只存在于互联网，他是互联网中原生态的产品。同样，Facebook也是如此，Twitter也是如此。那么Wave呢？，其实Wave也是如此。Facebook和Twitter被誉为是Email的升级产品能，甚至有言论说Email会消失等等。那么Wave呢？属于IM的升级产品？还是Facebook和Twitter的升级产品？现在还真的很难看出，但是无论怎样Wave是一种全新的人和人之间的沟通工具或者说是沟通模式，而这种沟通模式只存在于互联网。google search是：机器-&gt;信息；而google wave是：人-&gt;信息。</p>
<p>ps：有网友指出，布局其实和Outlook2007一样。其实更准确的说是和Live Mail一样，都是三列信息级联筛选的模式。不过我之所以要指出特别之处，是布局中有了用户列表，而其实wave的整个信息组织方式也是用户组的方式。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.d8in.com/posts/603.html/feed</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>为什么这么设计：支付宝首页改版</title>
		<link>http://blog.d8in.com/posts/593.html</link>
		<comments>http://blog.d8in.com/posts/593.html#comments</comments>
		<pubDate>Wed, 21 Oct 2009 03:59:33 +0000</pubDate>
		<dc:creator>xw</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[支付宝]]></category>

		<guid isPermaLink="false">http://blog.d8in.com/?p=593</guid>
		<description><![CDATA[新

旧

前一阵子支付首页改版了，据支付宝的人说改版以后效果十分之不错。那么我们来看看这次支付宝改版有那些值得借鉴的地方。
一、头图介绍
首先顶部仍然和上一版一样，采用了很大的头图，不过不同的是采用了轮换的方式，这个细节的改动确实很不错。通常来一张顶部头图，是用来介绍和宣传产品功能的最好手段。但是往往的问题的，要表达的东西过多，虽然头图面积很大，但是还是很难充分利用好要表达的内容。有些时候甚至根本起不到表达和介绍的内容，仅仅是好看而已。但是支付宝这次采用了轮换的方式，轮换通常用来用作图片新闻，用在头图还是很少见的。这次头图不仅可以自动切换，每个切换按钮都是精工细琢。把支付宝的特色功能点进行分类，一张一张图来介绍，而且每张图都采用了类似漫画的方式。这样做不仅起到了充分介绍产品特点的作用，同时也增加了趣味性，让用户印象十分深刻。
二、数字、logo、信任
作为一个线上支付产品，最关键的一点就是赢得用户的信任。而这次改版可以发现，基本采用了两种表达方式赢得用户的信任，第一个就是数字，第二个就是合作单位。对于数字，譬如：65家机构，46万家商户，14家银行等，页面特别在数字的地方加粗，加亮，或者用注释的方式显现出来。大量的数字可以很好的赢得用户的信任感，也就是常说的“数据说服力”。合作单位：页面上也用较大的地方来摆放各种合作公司的LOGO，而且我们不难发现这些logo都是精挑细选，不仅是大公司，而且是热门很熟悉的公司，再有每一个行业的logo只有一个出现在首页上。因为这些公司都是大家熟悉信任的公司，那么他们与支付宝合作，就会把这种权威性转嫁给支付宝。也就是常说的“狐假虎威”。
三、入口
网站的登录和注册仍然是放在首页，不过细节上的变化就是，整个页面强调的是登录，而在上一版中强调的是新用户注册。新版中登录用了橘黄色，十分抢眼。虽然注册按钮很大，但是用的是灰白色，不是十分明线。这跟上一版的设计正好是相反的方式。新版的登录框规划的更好，登录，注册，问题处理很自然的用一个线性的整体方式表现出来。而在上一版就比较凌乱。
四、色彩
不知道是不是，支付宝的团队大量配置苹果电脑的原因。新版的色彩搭配方式和苹果网站十分相似，采用了无色+有色的方式。内容图片用色彩丰富的配图，而且每张图都制作精良。区块分割采用了灰色。可以很好的分割各个内容块儿，又不会突兀。
作为电子商务网站来说，支付宝这次首页改版是相当成功的，各个部分都是精雕细琢，整体又十分和谐。总体风格由原来的稳重大气，变成了时尚大气。这也非常迎合了大量80后使用人群的风格。
ps：支付宝花大把资金招人，看来是没白招。
]]></description>
			<content:encoded><![CDATA[<p>新<br />
<a title="2009-10-21_120901 by xwgemini, on Flickr" href="http://www.flickr.com/photos/xwxw/4031261762/"><img src="http://farm3.static.flickr.com/2756/4031261762_066d0bafa4.jpg" alt="2009-10-21_120901" width="500" height="312" /></a></p>
<p>旧<br />
<a title="png_4545 by xwgemini, on Flickr" href="http://www.flickr.com/photos/xwxw/4030505267/"><img src="http://farm3.static.flickr.com/2504/4030505267_52fc836166.jpg" alt="png_4545" width="500" height="360" /></a></p>
<p>前一阵子支付首页改版了，据支付宝的人说改版以后效果十分之不错。那么我们来看看这次支付宝改版有那些值得借鉴的地方。</p>
<p><strong>一、头图介绍</strong></p>
<p>首先顶部仍然和上一版一样，采用了很大的头图，不过不同的是采用了轮换的方式，这个细节的改动确实很不错。通常来一张顶部头图，是用来介绍和宣传产品功能的最好手段。但是往往的问题的，要表达的东西过多，虽然头图面积很大，但是还是很难充分利用好要表达的内容。有些时候甚至根本起不到表达和介绍的内容，仅仅是好看而已。但是支付宝这次采用了轮换的方式，轮换通常用来用作图片新闻，用在头图还是很少见的。这次头图不仅可以自动切换，每个切换按钮都是精工细琢。把支付宝的特色功能点进行分类，一张一张图来介绍，而且每张图都采用了类似漫画的方式。这样做不仅起到了充分介绍产品特点的作用，同时也增加了趣味性，让用户印象十分深刻。<span id="more-593"></span></p>
<p><strong>二、数字、logo、信任</strong></p>
<p>作为一个线上支付产品，最关键的一点就是赢得用户的信任。而这次改版可以发现，基本采用了两种表达方式赢得用户的信任，第一个就是数字，第二个就是合作单位。对于数字，譬如：65家机构，46万家商户，14家银行等，页面特别在数字的地方加粗，加亮，或者用注释的方式显现出来。大量的数字可以很好的赢得用户的信任感，也就是常说的“数据说服力”。合作单位：页面上也用较大的地方来摆放各种合作公司的LOGO，而且我们不难发现这些logo都是精挑细选，不仅是大公司，而且是热门很熟悉的公司，再有每一个行业的logo只有一个出现在首页上。因为这些公司都是大家熟悉信任的公司，那么他们与支付宝合作，就会把这种权威性转嫁给支付宝。也就是常说的“狐假虎威”。</p>
<p><strong>三、入口</strong></p>
<p>网站的登录和注册仍然是放在首页，不过细节上的变化就是，整个页面强调的是登录，而在上一版中强调的是新用户注册。新版中登录用了橘黄色，十分抢眼。虽然注册按钮很大，但是用的是灰白色，不是十分明线。这跟上一版的设计正好是相反的方式。新版的登录框规划的更好，登录，注册，问题处理很自然的用一个线性的整体方式表现出来。而在上一版就比较凌乱。</p>
<p><strong>四、色彩</strong></p>
<p>不知道是不是，支付宝的团队大量配置苹果电脑的原因。新版的色彩搭配方式和苹果网站十分相似，采用了无色+有色的方式。内容图片用色彩丰富的配图，而且每张图都制作精良。区块分割采用了灰色。可以很好的分割各个内容块儿，又不会突兀。</p>
<p>作为电子商务网站来说，支付宝这次首页改版是相当成功的，各个部分都是精雕细琢，整体又十分和谐。总体风格由原来的稳重大气，变成了时尚大气。这也非常迎合了大量80后使用人群的风格。</p>
<p>ps：支付宝花大把资金招人，看来是没白招。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.d8in.com/posts/593.html/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>UNIQLO的购物体验</title>
		<link>http://blog.d8in.com/posts/550.html</link>
		<comments>http://blog.d8in.com/posts/550.html#comments</comments>
		<pubDate>Mon, 19 Oct 2009 07:35:13 +0000</pubDate>
		<dc:creator>xw</dc:creator>
				<category><![CDATA[产品设计]]></category>

		<guid isPermaLink="false">http://blog.d8in.com/?p=550</guid>
		<description><![CDATA[
首先要说的就是我这里说的购物体验呢，不是网店而是实体店，虽然UNIQLO已经和淘宝联合运营大陆地区的网店。
UNIQLO,中文名是优衣库，是全球十大休闲服饰品牌.它主张以仓储型的店铺,随意的自助形式,销售优质平价的休闲服饰.国际上同样类型的品牌还有美国的GAP和欧洲的H&#38;M.
UNIQLO(优衣库)是日本著名的服装品牌，它向各个年龄层的消费者提供时尚、优质和价格公道的休闲服，款式新颖，质地细腻。UNIQLO在日本绝对是服装零售业的龙头老大，迄今为止在6个国家拥有760家分店，2万名雇员，2004年的营业收入就达到35亿美元。
因为进入秋天天气要凉了，所以准备买几件秋天穿的衣服。俺因为是单身，一个人买衣服是一件很麻烦的事情，所以一般很少买衣服或逛商场。这次准备去UNIQLO去看看，以前从来没有买过这个牌子的衣服，但是从他们网店上看到衣服的风格很适合自己，同时前一阵子偶然去过五道口的店，逛了一下，印象很深刻。
进入店铺以后，整体的感觉十分明亮、干净、温暖。布局是左边是女性衣服，右边是男性衣服。一般的休闲服专卖店都会按照左右进行性别的划分。所以就直接在右侧逛就可以了，从开始头走到尾，又走回来，短袖T恤，长袖T恤，运动外套，牛仔裤，休闲西服，风衣，袜子，内衣，背包，帽子、腰带。除了鞋，你可以配到所有能穿的东西。所有商品的价格和网店一致，就连打折也是一致的。UNIQLO的衣服款式并不是很多，但是同一种款式竟然会有N多的颜色进行选择，一般休闲服一种款式也就3，4中颜色。而UNIQLO的衣服有些多到有10几种颜色，可以这么说，把能想到的颜色都做出来了。虽然过道不是个很宽敞，但也不拥挤。一类衣服用单独的柜子进行划分，柜子里面一一排排的小格子，一个格子里面放的是一种颜色的衣服。整体感觉就是跟蜂窝一样。而展示模特的衣服，都是组合的。也就是说，一个柜子是一类衣服的组合，然后在柜子上面有模特的展示，你可以根据这个风格任意挑选你喜欢组合的颜色。
逛了约半个小时以后，没有一个导购过来，发现貌似男区只有两个导购。起初我还在想这么大一个店铺导购也太少了吧，而且也不热情。但是当我仔细看看其他人怎样选购和导购的工作的时候我恍然大悟，原来UNIQIO的原则就是让用户自己选择跟超市一样，导购是不会主动来打扰顾客的，顾客把觉得不错的衣服从格子里面抽出打开，觉得还可以的话就放进篮子里面，如果不满意就可以直接塞进格子，导购过一会儿会把那些乱塞的衣服从新整理放进格子。当我了2件外套放进篮子里面，来到了试穿区，试穿区也只有一个导购，用来维持秩序，安排屋子。整个试穿区有10个小屋子，当走进一个屋子吧链子拉上，里面有一个大镜子，还一双拖鞋和一张椅子（这点和杰克琼斯一样）。然后就可以把你篮子里面衣服一件一件的试穿。
把满意的衣服仍然放在篮子里，不满意的衣服挑出来，在出来以后直接给到试穿区的导购就ok了。然后就要么继续选购试穿，要么就结帐了。当选了3件衣服以后，就去结帐了。一般来说，一般专卖店只有1个收银台。而这个店竟然有3个。而我结帐的时候只有两个开放，而结帐慢慢增加到了5个人，马上一个收银员就去找人，开放了第三个收银台。结完账，就提着大大的纸袋高高兴兴的回家了。
总结一下购物体验：

自由无干扰：这点和超市完全一样，想怎么看就怎么看，想怎么试穿就怎么试穿，完全没有干扰。
衣服就是零件：虽然款式少，但是同样款式的颜色多，而且注重款式和款式之间的组合设计，这样的话就可以组合出各种各样不同的效果。
网店和实体店同步：打折信息，新品信息基本来说网上和店铺是同步的，所以完全可以网上看衣服，获取最新消息，往下试穿购买。

]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-577" title="3289944365_2467f7bd96" src="http://blog.d8in.com/wp-content/uploads/2009/10/3289944365_2467f7bd96.jpg" alt="3289944365_2467f7bd96" width="331" height="500" /></p>
<p>首先要说的就是我这里说的购物体验呢，不是网店而是实体店，虽然UNIQLO已经和淘宝联合运营大陆地区的网店。</p>
<p>UNIQLO,中文名是优衣库，是全球十大休闲服饰品牌.它主张以仓储型的店铺,随意的自助形式,销售优质平价的休闲服饰.国际上同样类型的品牌还有美国的GAP和欧洲的H&amp;M.<br />
UNIQLO(优衣库)是日本著名的服装品牌，它向各个年龄层的消费者提供时尚、优质和价格公道的休闲服，款式新颖，质地细腻。UNIQLO在日本绝对是服装零售业的龙头老大，迄今为止在6个国家拥有760家分店，2万名雇员，2004年的营业收入就达到35亿美元。</p>
<p>因为进入秋天天气要凉了，所以准备买几件秋天穿的衣服。俺因为是单身，一个人买衣服是一件很麻烦的事情，所以一般很少买衣服或逛商场。这次准备去UNIQLO去看看，以前从来没有买过这个牌子的衣服，但是从他们网店上看到衣服的风格很适合自己，同时前一阵子偶然去过五道口的店，逛了一下，印象很深刻。</p>
<p>进入店铺以后，整体的感觉十分明亮、干净、温暖。布局是左边是女性衣服，右边是男性衣服。一般的休闲服专卖店都会按照左右进行性别的划分。所以就直接在右侧逛就可以了，从开始头走到尾，又走回来，短袖T恤，长袖T恤，运动外套，牛仔裤，休闲西服，风衣，袜子，内衣，背包，帽子、腰带。除了鞋，你可以配到所有能穿的东西。所有商品的价格和网店一致，就连打折也是一致的。UNIQLO的衣服款式并不是很多，但是同一种款式竟然会有N多的颜色进行选择，一般休闲服一种款式也就3，4中颜色。而UNIQLO的衣服有些多到有10几种颜色，可以这么说，把能想到的颜色都做出来了。虽然过道不是个很宽敞，但也不拥挤。一类衣服用单独的柜子进行划分，柜子里面一一排排的小格子，一个格子里面放的是一种颜色的衣服。整体感觉就是跟蜂窝一样。而展示模特的衣服，都是组合的。也就是说，一个柜子是一类衣服的组合，然后在柜子上面有模特的展示，你可以根据这个风格任意挑选你喜欢组合的颜色。<span id="more-550"></span></p>
<p>逛了约半个小时以后，没有一个导购过来，发现貌似男区只有两个导购。起初我还在想这么大一个店铺导购也太少了吧，而且也不热情。但是当我仔细看看其他人怎样选购和导购的工作的时候我恍然大悟，原来UNIQIO的原则就是让用户自己选择跟超市一样，导购是不会主动来打扰顾客的，顾客把觉得不错的衣服从格子里面抽出打开，觉得还可以的话就放进篮子里面，如果不满意就可以直接塞进格子，导购过一会儿会把那些乱塞的衣服从新整理放进格子。当我了2件外套放进篮子里面，来到了试穿区，试穿区也只有一个导购，用来维持秩序，安排屋子。整个试穿区有10个小屋子，当走进一个屋子吧链子拉上，里面有一个大镜子，还一双拖鞋和一张椅子（这点和杰克琼斯一样）。然后就可以把你篮子里面衣服一件一件的试穿。</p>
<p>把满意的衣服仍然放在篮子里，不满意的衣服挑出来，在出来以后直接给到试穿区的导购就ok了。然后就要么继续选购试穿，要么就结帐了。当选了3件衣服以后，就去结帐了。一般来说，一般专卖店只有1个收银台。而这个店竟然有3个。而我结帐的时候只有两个开放，而结帐慢慢增加到了5个人，马上一个收银员就去找人，开放了第三个收银台。结完账，就提着大大的纸袋高高兴兴的回家了。</p>
<p><strong>总结一下购物体验：</strong></p>
<ul>
<li>自由无干扰：这点和超市完全一样，想怎么看就怎么看，想怎么试穿就怎么试穿，完全没有干扰。</li>
<li>衣服就是零件：虽然款式少，但是同样款式的颜色多，而且注重款式和款式之间的组合设计，这样的话就可以组合出各种各样不同的效果。</li>
<li>网店和实体店同步：打折信息，新品信息基本来说网上和店铺是同步的，所以完全可以网上看衣服，获取最新消息，往下试穿购买。</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.d8in.com/posts/550.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>payeasy．这样最好(自己认为好才是最好）</title>
		<link>http://blog.d8in.com/posts/552.html</link>
		<comments>http://blog.d8in.com/posts/552.html#comments</comments>
		<pubDate>Tue, 15 Sep 2009 04:46:45 +0000</pubDate>
		<dc:creator>xw</dc:creator>
				<category><![CDATA[产品设计]]></category>

		<guid isPermaLink="false">http://blog.d8in.com/?p=552</guid>
		<description><![CDATA[Payeasy是台湾的一个女性电子商务网站，最近貌似推出了一些列广告，而这是其中我最喜欢的。

]]></description>
			<content:encoded><![CDATA[<p>Payeasy是台湾的一个女性电子商务网站，最近貌似推出了一些列广告，而这是其中我最喜欢的。</p>
<p><embed src="http://player.youku.com/player.php/sid/XMTEyMjQ0MTE2/v.swf" quality="high" width="480" height="400" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"></embed></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.d8in.com/posts/552.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>内行</title>
		<link>http://blog.d8in.com/posts/544.html</link>
		<comments>http://blog.d8in.com/posts/544.html#comments</comments>
		<pubDate>Thu, 20 Aug 2009 03:44:15 +0000</pubDate>
		<dc:creator>xw</dc:creator>
				<category><![CDATA[产品设计]]></category>
		<category><![CDATA[乔布斯]]></category>
		<category><![CDATA[俞军]]></category>

		<guid isPermaLink="false">http://blog.d8in.com/?p=544</guid>
		<description><![CDATA[前两天白鸦在Twitter上说：“大老板说了，高级人才不给我数量限制，找到多少要多少。我要产品设计师，唯一的标准就是“职业网虫”、“职业网购狂”。有兴趣的兄弟聊聊啊～～”看似简单的招聘条件实则不简单。
无论是业内的产品设计人员还是IT公司的HR，一个千古不变的话题就是“什么样子才是优秀的产品人员？”或者是“优秀的的产品人员应该具备什么样的素质？”虽然我们可以罗列出N多条硬技能和软技能条件。但是当我们看看那些成功的产品人的时候，无论是国外的乔布斯、比尔盖茨，还是国内史玉柱、俞军。我们很难在用这些教条的规则去评价什么。但是我们发现这些人都有一个共同的特质，那就是“内行”。
内行：对某种事情或工作有丰富的知识和经验。

1、内行是一种天赋
一个人的行业技能是可以通过后天学习和培养的，譬如数学，语文，英语，Html，CSS，项目管理，等等。但是能不能成为某个领域的内行，我认为这个可不是靠后天培养出来的，而是天生的。而能不能成为某个领域的内行，除了天赋以外，还有就是激活这个天赋的事件和环境。
国内的互联从业者经常会谈起俞军的光荣事迹，譬如“搜索狂人”，“求职信”，“搜索引擎9238”等等。可能很多人想通过俞军的光荣事迹来激励自己，或者很多公司用来激励下面的员工，但是这些有用吗？也许两三天就不记得了。为什么？因为你不是一个真正的“搜索内行”，如果是，就算你不知道俞军这个人也会做几乎他一模一样的事情，因为内行是天赋，是与生俱来的，是由内而外的。
2、内行就是领悟力
当个一个优秀的产品诞生出来以后，往往一波人就会一小惊，然后就反思“我怎么当初没想到”。不是你没想到，因为你根本不是内行，所以不可能有这种“领悟力”。
乔布斯Apple的灵魂人物，IT传奇人物，优秀的产品设计师，无论是2001年的第一代Ipod，还是2007年的Iphone，从技术上可以说都是没有什么突破的，但是核心就在于大家“没想到”的产品设计。为什么只有乔布斯想到了呢？因为他是一个“电子产品内行”。有这么一则已经被说烂的关于乔布斯买洗衣机的经历：
乔布斯在购物时，整个过程非常费劲。为了寻找一台新的洗衣机，就选择哪个型号，乔布斯召集全家人进行了长达两个星期的讨论。乔布斯一家并不像其他大部分家 庭一样匆匆看完产品介绍和价格后就仓促决定购买；相反，他们考虑的是到底要美国的产品还是要欧洲的产品，耗水量和清洁剂的用量、洗衣速度和对衣服的损耗等 问题。最后，乔布斯决定购买德国产品，他认为德国产品虽然很贵，但洗衣过程中只需少量水和洗衣粉。“这些产品的制作真的是非常非常棒，这是过去这些年中我所购买 的，令我们全家人都感到满意的少数几件产品之一”。
你觉得乔布斯对电子产品狂热？如果你是一个外行可能会有这种看法。如果一些热爱电子产品的朋友看到这里肯定会感同身受，这就是标准内行人的表现而已。也许乔布斯设计出Ipod只是因为市面上所有的Mp3播放器让他觉得不满意，而设计出iphone则是因为市面上的所有智能手机让他觉得也不满意，仅此而已。
3、“内行”第一，“技能”第二
什么才是成为优秀产品人员的素质？答案很简单了就是要成为所在产品的内行。一些必要的“技能”是可以通过后天培养的，聪明的人也许几个月就能熟练运用技能。但是要想成为内行，除了需要天赋以外，更需要平时每日的积累，很多年的经历。而“内行+技能”的产人员正是可遇而不可求的。
回过头，如果你要招聘一个C2C产品设计人员，只要把应聘的产品人员的网购帐号查一下购物记录就ok了。而你要招聘一个社区产品设计人员，只要把他在各个社区网站的帐号看一下就ok了。如果你要招一个手机平台的产品设计人员，而他手里现在用的还是台劣质的山寨机，那么就立刻请他回去吧。
]]></description>
			<content:encoded><![CDATA[<p>前两天白鸦在Twitter上说：“大老板说了，高级人才不给我数量限制，找到多少要多少。我要产品设计师，唯一的标准就是“职业网虫”、“职业网购狂”。有兴趣的兄弟聊聊啊～～”看似简单的招聘条件实则不简单。</p>
<p>无论是业内的产品设计人员还是IT公司的HR，一个千古不变的话题就是“什么样子才是优秀的产品人员？”或者是“优秀的的产品人员应该具备什么样的素质？”虽然我们可以罗列出N多条硬技能和软技能条件。但是当我们看看那些成功的产品人的时候，无论是国外的乔布斯、比尔盖茨，还是国内史玉柱、俞军。我们很难在用这些教条的规则去评价什么。但是我们发现这些人都有一个共同的特质，那就是“内行”。</p>
<blockquote><p>内行：对某种事情或工作有丰富的知识和经验。</p></blockquote>
<p><span id="more-544"></span></p>
<p><strong>1、内行是一种天赋</strong></p>
<p>一个人的行业技能是可以通过后天学习和培养的，譬如数学，语文，英语，Html，CSS，项目管理，等等。但是能不能成为某个领域的内行，我认为这个可不是靠后天培养出来的，而是天生的。而能不能成为某个领域的内行，除了天赋以外，还有就是激活这个天赋的事件和环境。</p>
<p>国内的互联从业者经常会谈起俞军的光荣事迹，譬如“搜索狂人”，“求职信”，“搜索引擎9238”等等。可能很多人想通过俞军的光荣事迹来激励自己，或者很多公司用来激励下面的员工，但是这些有用吗？也许两三天就不记得了。为什么？因为你不是一个真正的“搜索内行”，如果是，就算你不知道俞军这个人也会做几乎他一模一样的事情，因为内行是天赋，是与生俱来的，是由内而外的。</p>
<p><strong>2、内行就是领悟力</strong></p>
<p>当个一个优秀的产品诞生出来以后，往往一波人就会一小惊，然后就反思“我怎么当初没想到”。不是你没想到，因为你根本不是内行，所以不可能有这种“领悟力”。</p>
<p>乔布斯Apple的灵魂人物，IT传奇人物，优秀的产品设计师，无论是2001年的第一代Ipod，还是2007年的Iphone，从技术上可以说都是没有什么突破的，但是核心就在于大家“没想到”的产品设计。为什么只有乔布斯想到了呢？因为他是一个“电子产品内行”。有这么一则已经被说烂的关于乔布斯买洗衣机的经历：</p>
<blockquote><p>乔布斯在购物时，整个过程非常费劲。为了寻找一台新的洗衣机，就选择哪个型号，乔布斯召集全家人进行了长达两个星期的讨论。乔布斯一家并不像其他大部分家 庭一样匆匆看完产品介绍和价格后就仓促决定购买；相反，他们考虑的是到底要美国的产品还是要欧洲的产品，耗水量和清洁剂的用量、洗衣速度和对衣服的损耗等 问题。最后，乔布斯决定购买德国产品，他认为德国产品虽然很贵，但洗衣过程中只需少量水和洗衣粉。“这些产品的制作真的是非常非常棒，这是过去这些年中我所购买 的，令我们全家人都感到满意的少数几件产品之一”。</p></blockquote>
<p>你觉得乔布斯对电子产品狂热？如果你是一个外行可能会有这种看法。如果一些热爱电子产品的朋友看到这里肯定会感同身受，这就是标准内行人的表现而已。也许乔布斯设计出Ipod只是因为市面上所有的Mp3播放器让他觉得不满意，而设计出iphone则是因为市面上的所有智能手机让他觉得也不满意，仅此而已。</p>
<p><strong>3、“内行”第一，“技能”第二</strong></p>
<p>什么才是成为优秀产品人员的素质？答案很简单了就是要成为所在产品的内行。一些必要的“技能”是可以通过后天培养的，聪明的人也许几个月就能熟练运用技能。但是要想成为内行，除了需要天赋以外，更需要平时每日的积累，很多年的经历。而“内行+技能”的产人员正是可遇而不可求的。</p>
<p>回过头，如果你要招聘一个C2C产品设计人员，只要把应聘的产品人员的网购帐号查一下购物记录就ok了。而你要招聘一个社区产品设计人员，只要把他在各个社区网站的帐号看一下就ok了。如果你要招一个手机平台的产品设计人员，而他手里现在用的还是台劣质的山寨机，那么就立刻请他回去吧。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.d8in.com/posts/544.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
