<?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>Completist</title>
	<atom:link href="http://xoxpirit.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://xoxpirit.com</link>
	<description>Xpirit 的个人博客，记录交互设计、科技及生活。</description>
	<lastBuildDate>Mon, 07 May 2012 16:56:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>用户体验设计师之路（看eico的发展）</title>
		<link>http://xoxpirit.com/2012/04/23/%e8%ae%be%e8%ae%a1%e5%b8%88%e4%b9%8b%e8%b7%af%ef%bc%88%e7%9c%8beico%e7%9a%84%e5%8f%91%e5%b1%95%ef%bc%89/</link>
		<comments>http://xoxpirit.com/2012/04/23/%e8%ae%be%e8%ae%a1%e5%b8%88%e4%b9%8b%e8%b7%af%ef%bc%88%e7%9c%8beico%e7%9a%84%e5%8f%91%e5%b1%95%ef%bc%89/#comments</comments>
		<pubDate>Sun, 22 Apr 2012 18:19:38 +0000</pubDate>
		<dc:creator>xpirit</dc:creator>
				<category><![CDATA[免费的思考]]></category>
		<category><![CDATA[eico]]></category>
		<category><![CDATA[发展]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://xoxpirit.com/?p=53364</guid>
		<description><![CDATA[<strong>eico design</strong>

<a href="http://www.eicodesign.com/" target="_blank">eico</a>是一家我很喜欢的设计公司。在前年的<a href="http://xoxpirit.com/2010/09/14/ios%E5%BC%80%E5%8F%91%E8%80%85%E5%A4%A7%E4%BC%9A/">iOS开发者大会</a>上，听过他们的创始人许士彦的演讲。
<blockquote>许士彦与张伟相识于2003年，当时他们分别工作于新加坡创新（中国）有限公司和网易。虽然两人分别身处北京和广州，但因为对用户体验设计共同的热爱，2004年他们创立了主攻用户体验设计的品牌工作室eico studio。很快，张伟也回到北京，在微软嵌入式移动设备组任资深用户体验设计师。起初，两人只是利用业余时间合作完成一些设计。时间长了，付费找他们做设计的人越来越多，工作室也逐渐积累了一些客户。

2007年，iPhone问世，让用户体验设计的重要性骤然凸显，移动设备制造商纷纷开始在用户体验设计创新上做文章。当年年底，许士彦和张伟辞去原有工作，将工作室转成公司化运作，并更名为eico design。

引用：<a href="http://tech.qq.com/a/20101206/000267.htm" target="_blank">第一财经周刊：做weico的eico design</a></blockquote>
移动设备的兴起，给了eico很好的契机，行内很多公司的产品都有eico的参与。Weico可能是大家比较熟悉的，不过这个是他们自主产品。

现在的用户体验很多都是自己公司的用户体验部门做的，这种专业的设计公司，可能让人觉得很难把握各公司的业务和自身特点，但eico给 出了一个说法——用跨界的力量，使设计更优秀。本来设计就是相通的，eico的东西也确实拿出了很多优秀的作品。

<strong>用户体验设计师发展</strong>

其实对许和张的个人经历了解不多，<strong>以下有我个人的理解和推测</strong>，主要是想从他们的发展中，看出一些线路来。他们都是设计师出身，在业余时间接一些设计，经验值成长，在客户里也有了些名气。从工作室转向公司运营，也是业务发展的必然，据说他们现在的合作，接下和拒掉的比例是1：10。送上门的人络绎不绝啊，关键是他们还目不睱接钱。他们的产品目前多数还是合作形式，自有产品不多。不过，他们为大众所知却是weico。以后会有更多自家产品还是依然以合作设计为主，可能是要考虑的两个方向，因为自己开发就需要开发人员，运营人员等，这将冲淡这家设计公司的纯度。但也有可能，一个突破的新产品诞生，让他们决定专注于之，或分出独立团队来发展。

<strong>发展路线</strong>：服务于大公司&#62;接私活&#62;建工作室&#62;创公司。

这也是我比较喜欢的路线，之前一直有些想法，但没有清晰的参考，看了eico的发展，有些明确了。但对于要走的每一步，还是需要很多积累和努力的。当然还是要说下，如果没有出来单干，还是要先完成好公司的本职工作。

目前的我，第一步都还没正式跨入，所以路还是很远的。加油吧。]]></description>
			<content:encoded><![CDATA[<p><strong>eico design</strong></p>
<p><a href="http://www.eicodesign.com/" target="_blank">eico</a>是一家我很喜欢的设计公司。在前年的<a href="http://xoxpirit.com/2010/09/14/ios%E5%BC%80%E5%8F%91%E8%80%85%E5%A4%A7%E4%BC%9A/">iOS开发者大会</a>上，听过他们的创始人许士彦的演讲。</p>
<blockquote><p>许士彦与张伟相识于2003年，当时他们分别工作于新加坡创新（中国）有限公司和网易。虽然两人分别身处北京和广州，但因为对用户体验设计共同的热爱，2004年他们创立了主攻用户体验设计的品牌工作室eico studio。很快，张伟也回到北京，在微软嵌入式移动设备组任资深用户体验设计师。起初，两人只是利用业余时间合作完成一些设计。时间长了，付费找他们做设计的人越来越多，工作室也逐渐积累了一些客户。</p>
<p>2007年，iPhone问世，让用户体验设计的重要性骤然凸显，移动设备制造商纷纷开始在用户体验设计创新上做文章。当年年底，许士彦和张伟辞去原有工作，将工作室转成公司化运作，并更名为eico design。</p>
<p>引用：<a href="http://tech.qq.com/a/20101206/000267.htm" target="_blank">第一财经周刊：做weico的eico design</a></p></blockquote>
<p>移动设备的兴起，给了eico很好的契机，行内很多公司的产品都有eico的参与。Weico可能是大家比较熟悉的，不过这个是他们自主产品。</p>
<p>现在的用户体验很多都是自己公司的用户体验部门做的，这种专业的设计公司，可能让人觉得很难把握各公司的业务和自身特点，但eico给 出了一个说法——用跨界的力量，使设计更优秀。本来设计就是相通的，eico的东西也确实拿出了很多优秀的作品。</p>
<p><strong>用户体验设计师发展</strong></p>
<p>其实对许和张的个人经历了解不多，<strong>以下有我个人的理解和推测</strong>，主要是想从他们的发展中，看出一些线路来。他们都是设计师出身，在业余时间接一些设计，经验值成长，在客户里也有了些名气。从工作室转向公司运营，也是业务发展的必然，据说他们现在的合作，接下和拒掉的比例是1：10。送上门的人络绎不绝啊，关键是他们还目不睱接钱。他们的产品目前多数还是合作形式，自有产品不多。不过，他们为大众所知却是weico。以后会有更多自家产品还是依然以合作设计为主，可能是要考虑的两个方向，因为自己开发就需要开发人员，运营人员等，这将冲淡这家设计公司的纯度。但也有可能，一个突破的新产品诞生，让他们决定专注于之，或分出独立团队来发展。</p>
<p><strong>发展路线</strong>：服务于大公司&gt;接私活&gt;建工作室&gt;创公司。</p>
<p>这也是我比较喜欢的路线，之前一直有些想法，但没有清晰的参考，看了eico的发展，有些明确了。但对于要走的每一步，还是需要很多积累和努力的。当然还是要说下，如果没有出来单干，还是要先完成好公司的本职工作。</p>
<p>目前的我，第一步都还没正式跨入，所以路还是很远的。加油吧。</p>
]]></content:encoded>
			<wfw:commentRss>http://xoxpirit.com/2012/04/23/%e8%ae%be%e8%ae%a1%e5%b8%88%e4%b9%8b%e8%b7%af%ef%bc%88%e7%9c%8beico%e7%9a%84%e5%8f%91%e5%b1%95%ef%bc%89/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>web2.0来了?!（旧文）</title>
		<link>http://xoxpirit.com/2012/03/19/web2-0%e6%9d%a5%e4%ba%86%ef%bc%88%e6%97%a7%e6%96%87%ef%bc%89/</link>
		<comments>http://xoxpirit.com/2012/03/19/web2-0%e6%9d%a5%e4%ba%86%ef%bc%88%e6%97%a7%e6%96%87%ef%bc%89/#comments</comments>
		<pubDate>Mon, 19 Mar 2012 04:52:56 +0000</pubDate>
		<dc:creator>xpirit</dc:creator>
				<category><![CDATA[免费的思考]]></category>

		<guid isPermaLink="false">http://xoxpirit.com/?p=53337</guid>
		<description><![CDATA[无意间看到07年的一门大学作业。重新一看，发现好没深度啊。
不过在日新月异的今天，重读5年前的文章，当时的时代，当时的想法，还蛮有意思的。
正文如下。

*

<strong>web2.0来了?!</strong>
不知何时起，网站结构变得简洁明了，色彩变得鲜艳活泼，服务变得个性十足，似乎一种新事物正在萌动发芽。Google之，得出结论：它名为web2.0。

web2.0的特点即为人性化，易用化，共享化。这不仅是网络的发展趋势，也是整个计算机行业，乃至世上万物的普遍趋势。事物总是经历着诞生，成长，成熟的过程，而网络虽然还诞生不久，但已进入了成熟的阶段。

web2.0带来的丰富，便捷正改善着网民们的生活，虽然这种改变有时候的潜移默化的。不知什么时候开始，p2p技术开始流行，于是大家开始用BT狂下载，开始用PPLive等软件看网络电视。P2P带来的惊喜是巨大的，在之前，服务器负载日渐增大的情况下，是很难想像的，怎么会有人越多反而速度更快的可能？ 但是p2p这时从天而降，说：不！p2p网络电视的发展还促进了网络电视台的发展。历史背景是这样的，众所周知电子竞技在中国的发展道路一波三折。数年前CCTV5曾开了一个电子竞技的栏目(《e-sprots》貌似还是健翔主持的)后来终于迫于压力停播了，之后电子竞技运动的推广在中国受到了毁灭性的打击，直至网络电视的出现。 GamesTV，NeoTV，Y-channel.TV等网络电视媒体开始在各大网络电视软件的频道里出现，点播人数成指数上升。另一种让我觉得惊讶的是BLOG这东西，记得最早在2000年的时候，就看过这种个人日志性质的网站，那时只觉得这就是个人网站，未料到数年之后，几乎人人都开始用它，各大网站开始提供这种服务，而且会有一个专门的名词，blog，来形容这个"其貌不扬"的东西。当一种事物被加上了共享，沟通等特性后，可以变得很强大！

RSS算是比较晚使用的东西，主要以前没有看新闻的习惯，偶尔上个新浪总让我眼花缭乱，后来上新浪便只看图片新闻。使用RSS不是因看新闻而开始使用的，主要是被我用来看Blog的更新，技术网站的文章更新等。像之前经常上的blueidea，csdn，blogS，现在都是google reader里。但RSS到目前为止还不能解决要专门跑某个网站的尴尬，因为很多网站，特别是非技术类型的网站，到目前为止还不提供有效的RSS输出。

所以，现在还是个尴尬的过程每个人都在web2.0，但每个人都是自己的web2.0，就是web2.0这个词，都能找出五花八门的定义来吧。再像Ajax，各种各样的架构，新手们不禁叹息，好吧，等有个公认的强大架构出现时，我再回来。

如果网络时代是个令人惊讶的时代，那么web2.0时代是个令人更惊讶的时代。网络时代让你知道你的愿望可以实现，而web2.0时代让你明白这可以是你的愿望而且它已经实现了。我在等待更多未知的愿望得以实现。]]></description>
			<content:encoded><![CDATA[<p>无意间看到07年的一门大学作业。重新一看，发现好没深度啊。<br />
不过在日新月异的今天，重读5年前的文章，当时的时代，当时的想法，还蛮有意思的。<br />
正文如下。</p>
<p>*</p>
<p><strong>web2.0来了?!</strong><br />
不知何时起，网站结构变得简洁明了，色彩变得鲜艳活泼，服务变得个性十足，似乎一种新事物正在萌动发芽。Google之，得出结论：它名为web2.0。</p>
<p>web2.0的特点即为人性化，易用化，共享化。这不仅是网络的发展趋势，也是整个计算机行业，乃至世上万物的普遍趋势。事物总是经历着诞生，成长，成熟的过程，而网络虽然还诞生不久，但已进入了成熟的阶段。</p>
<p>web2.0带来的丰富，便捷正改善着网民们的生活，虽然这种改变有时候的潜移默化的。不知什么时候开始，p2p技术开始流行，于是大家开始用BT狂下载，开始用PPLive等软件看网络电视。P2P带来的惊喜是巨大的，在之前，服务器负载日渐增大的情况下，是很难想像的，怎么会有人越多反而速度更快的可能？ 但是p2p这时从天而降，说：不！p2p网络电视的发展还促进了网络电视台的发展。历史背景是这样的，众所周知电子竞技在中国的发展道路一波三折。数年前CCTV5曾开了一个电子竞技的栏目(《e-sprots》貌似还是健翔主持的)后来终于迫于压力停播了，之后电子竞技运动的推广在中国受到了毁灭性的打击，直至网络电视的出现。 GamesTV，NeoTV，Y-channel.TV等网络电视媒体开始在各大网络电视软件的频道里出现，点播人数成指数上升。另一种让我觉得惊讶的是BLOG这东西，记得最早在2000年的时候，就看过这种个人日志性质的网站，那时只觉得这就是个人网站，未料到数年之后，几乎人人都开始用它，各大网站开始提供这种服务，而且会有一个专门的名词，blog，来形容这个”其貌不扬”的东西。当一种事物被加上了共享，沟通等特性后，可以变得很强大！</p>
<p>RSS算是比较晚使用的东西，主要以前没有看新闻的习惯，偶尔上个新浪总让我眼花缭乱，后来上新浪便只看图片新闻。使用RSS不是因看新闻而开始使用的，主要是被我用来看Blog的更新，技术网站的文章更新等。像之前经常上的blueidea，csdn，blogS，现在都是google reader里。但RSS到目前为止还不能解决要专门跑某个网站的尴尬，因为很多网站，特别是非技术类型的网站，到目前为止还不提供有效的RSS输出。</p>
<p>所以，现在还是个尴尬的过程每个人都在web2.0，但每个人都是自己的web2.0，就是web2.0这个词，都能找出五花八门的定义来吧。再像Ajax，各种各样的架构，新手们不禁叹息，好吧，等有个公认的强大架构出现时，我再回来。</p>
<p>如果网络时代是个令人惊讶的时代，那么web2.0时代是个令人更惊讶的时代。网络时代让你知道你的愿望可以实现，而web2.0时代让你明白这可以是你的愿望而且它已经实现了。我在等待更多未知的愿望得以实现。</p>
]]></content:encoded>
			<wfw:commentRss>http://xoxpirit.com/2012/03/19/web2-0%e6%9d%a5%e4%ba%86%ef%bc%88%e6%97%a7%e6%96%87%ef%bc%89/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>隐喻初识</title>
		<link>http://xoxpirit.com/2011/04/19/%e9%9a%90%e5%96%bb%e5%88%9d%e8%af%86/</link>
		<comments>http://xoxpirit.com/2011/04/19/%e9%9a%90%e5%96%bb%e5%88%9d%e8%af%86/#comments</comments>
		<pubDate>Mon, 18 Apr 2011 18:32:04 +0000</pubDate>
		<dc:creator>xpirit</dc:creator>
				<category><![CDATA[感动的设计(UED)]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[隐喻]]></category>

		<guid isPermaLink="false">http://xoxpirit.com/?p=53223</guid>
		<description><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-53237 aligncenter" title="metaphor" src="http://xoxpirit.com/wp-content/uploads/2011/04/metaphor.png" alt="" width="500" height="356" /></p>
最近开始思考，隐喻(Metaphor)这个词。之前的认识，停留在它是一个文学上的修辞手法上，相对于明喻。如莎士比亚的“世界是舞台；男人和女人都是演戏的人；他们都有各自的出场及下场。”虽然没有出现“是”“像”这类词，却也很容易找到本体与喻体的对应关系。

注意到这个词，是因为看到一个PPT（<a title="The Language of Interaction" href="http://www.slideshare.net/frogdesign/the-language-of-interaction-7454205" target="_blank">The Language of Interaction</a>）里的一句话（P51)：Metaphors are at the heart of how we model interactive systems.这句话把Metaphors放在heart的高度，突然让我有觉醒的感觉。以前在接手设计一个全新系统时，总是想要寻找一些依据，除了数据、功能等眼前实际的东西，却总觉得缺点什么。现在知道，是隐喻！计算机系统中的隐喻。

<strong>隐喻的好处</strong>

对于设计者，它被使用来驱散设计者的空白茫然的心理状态，使其在设计时，有信手拈来，滔滔不绝的快感。

对于使用者，正确的隐喻有效地帮助用户理解和使用系统。

隐喻注入系统的设计时，整个死板的系统仿佛被注入了灵魂般地鲜活起来。人们接触系统时，感觉不到它是来自陌生数字世界的东西，而更像一个新鲜的生活工具，只需要凭自己的直觉去使用它即可。

<strong>隐喻的弊端</strong>

隐喻的喻体来自客观世界，被应用到计算机系统时会有局限性。《<a title="&#60;About Face 3&#62;" href="http://book.douban.com/subject/3279105/" target="_blank">About face 3</a>》一书，在界面设计时提到三种设计惯例，隐喻是其中一种，其他两种是实现为中心及习惯用法。作者的观点倾向于使用“习惯用法”，因为它克服了隐喻的局限性。

<strong>对隐喻的态度</strong>

我同意，隐喻是设计交互系统时一个很核心的手段，不能因为害怕它可能产生的局限性而放弃使用它。

在目前新兴的手机应用中，隐喻很常见。因为手机应用复杂度有限，不会大到触碰上局限性这条线。现有大型系统的隐喻使用，是非常谨慎与周全的。如windows操作系统中，文件夹的隐喻，它符合大部分现实文件夹的属性与逻辑，但也不同之处，如它没有容量上的限制、多级任意嵌套等。

*

<strong>不重要的一段</strong>

接触计算机不算早，在win95那个年代，当初看到，鼠标点击按钮，按钮变成沉陷状态的效果，这一现在再常见不过，地球上每天要发生上亿的场景，深深打动了我，那时起，我开始去了解关于这个机器的一切。现在明白，触动我的是<strong>隐喻</strong>。在数字世界里，原来再自然不过的按开关，也可以变得如此有趣，可能这就是隐喻的力量。

读完此文的你，是否也准备开始感受它的力量呢？]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-full wp-image-53237 aligncenter" title="metaphor" src="http://xoxpirit.com/wp-content/uploads/2011/04/metaphor.png" alt="" width="500" height="356" /></p>
<p>最近开始思考，隐喻(Metaphor)这个词。之前的认识，停留在它是一个文学上的修辞手法上，相对于明喻。如莎士比亚的“世界是舞台；男人和女人都是演戏的人；他们都有各自的出场及下场。”虽然没有出现“是”“像”这类词，却也很容易找到本体与喻体的对应关系。</p>
<p>注意到这个词，是因为看到一个PPT（<a title="The Language of Interaction" href="http://www.slideshare.net/frogdesign/the-language-of-interaction-7454205" target="_blank">The Language of Interaction</a>）里的一句话（P51)：Metaphors are at the heart of how we model interactive systems.这句话把Metaphors放在heart的高度，突然让我有觉醒的感觉。以前在接手设计一个全新系统时，总是想要寻找一些依据，除了数据、功能等眼前实际的东西，却总觉得缺点什么。现在知道，是隐喻！计算机系统中的隐喻。</p>
<p><strong>隐喻的好处</strong></p>
<p>对于设计者，它被使用来驱散设计者的空白茫然的心理状态，使其在设计时，有信手拈来，滔滔不绝的快感。</p>
<p>对于使用者，正确的隐喻有效地帮助用户理解和使用系统。</p>
<p>隐喻注入系统的设计时，整个死板的系统仿佛被注入了灵魂般地鲜活起来。人们接触系统时，感觉不到它是来自陌生数字世界的东西，而更像一个新鲜的生活工具，只需要凭自己的直觉去使用它即可。</p>
<p><strong>隐喻的弊端</strong></p>
<p>隐喻的喻体来自客观世界，被应用到计算机系统时会有局限性。《<a title="&lt;About Face 3&gt;" href="http://book.douban.com/subject/3279105/" target="_blank">About face 3</a>》一书，在界面设计时提到三种设计惯例，隐喻是其中一种，其他两种是实现为中心及习惯用法。作者的观点倾向于使用“习惯用法”，因为它克服了隐喻的局限性。</p>
<p><strong>对隐喻的态度</strong></p>
<p>我同意，隐喻是设计交互系统时一个很核心的手段，不能因为害怕它可能产生的局限性而放弃使用它。</p>
<p>在目前新兴的手机应用中，隐喻很常见。因为手机应用复杂度有限，不会大到触碰上局限性这条线。现有大型系统的隐喻使用，是非常谨慎与周全的。如windows操作系统中，文件夹的隐喻，它符合大部分现实文件夹的属性与逻辑，但也不同之处，如它没有容量上的限制、多级任意嵌套等。</p>
<p>*</p>
<p><strong>不重要的一段</strong></p>
<p>接触计算机不算早，在win95那个年代，当初看到，鼠标点击按钮，按钮变成沉陷状态的效果，这一现在再常见不过，地球上每天要发生上亿的场景，深深打动了我，那时起，我开始去了解关于这个机器的一切。现在明白，触动我的是<strong>隐喻</strong>。在数字世界里，原来再自然不过的按开关，也可以变得如此有趣，可能这就是隐喻的力量。</p>
<p>读完此文的你，是否也准备开始感受它的力量呢？</p>
]]></content:encoded>
			<wfw:commentRss>http://xoxpirit.com/2011/04/19/%e9%9a%90%e5%96%bb%e5%88%9d%e8%af%86/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>谈判的客观标准──读《谈判力》</title>
		<link>http://xoxpirit.com/2010/11/19/using-objective-criteria/</link>
		<comments>http://xoxpirit.com/2010/11/19/using-objective-criteria/#comments</comments>
		<pubDate>Thu, 18 Nov 2010 17:46:18 +0000</pubDate>
		<dc:creator>xpirit</dc:creator>
				<category><![CDATA[免费的思考]]></category>
		<category><![CDATA[谈判力]]></category>

		<guid isPermaLink="false">http://xoxpirit.com/?p=52995</guid>
		<description><![CDATA[谈判很难达成一致时，可以尝试先寻找客观标准。如果双方没有客观标准，或持有各自的标准，即使谈判达成也可能是不公平的。《<a href="http://book.douban.com/subject/3682751/">谈判力</a>》这本书，清晰地说明了这个问题。

曾经跟接活狂人G讨论过项目定价的问题，怎样才能让报价合理呢？他的回答是，在出示总额前，先给客户说明定价的标准。比如一个网站，按页面数或人工投入的市场价来计算，再友好地来个折扣，客户就乖乖交钱了。碰到门外汉，可以在标准上适当加水（这只是我的想法，不是G的做法）。

使用客观标准
<blockquote>
<ul>
	<li>可以尽量减少谈判双方的主观倾向</li>
	<li>可以使结果更合理与公平</li>
	<li>可以减少在双方势力不均时，弱势者的压力</li>
</ul>
</blockquote>
另外书中关于“替代方案"的说法也很有趣，值得一读。]]></description>
			<content:encoded><![CDATA[<p>谈判很难达成一致时，可以尝试先寻找客观标准。如果双方没有客观标准，或持有各自的标准，即使谈判达成也可能是不公平的。《<a href="http://book.douban.com/subject/3682751/">谈判力</a>》这本书，清晰地说明了这个问题。</p>
<p>曾经跟接活狂人G讨论过项目定价的问题，怎样才能让报价合理呢？他的回答是，在出示总额前，先给客户说明定价的标准。比如一个网站，按页面数或人工投入的市场价来计算，再友好地来个折扣，客户就乖乖交钱了。碰到门外汉，可以在标准上适当加水（这只是我的想法，不是G的做法）。</p>
<p>使用客观标准</p>
<blockquote>
<ul>
<li>可以尽量减少谈判双方的主观倾向</li>
<li>可以使结果更合理与公平</li>
<li>可以减少在双方势力不均时，弱势者的压力</li>
</ul>
</blockquote>
<p>另外书中关于“替代方案”的说法也很有趣，值得一读。</p>
]]></content:encoded>
			<wfw:commentRss>http://xoxpirit.com/2010/11/19/using-objective-criteria/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>如何进行数据可视化设计</title>
		<link>http://xoxpirit.com/2010/11/10/data-visualization-guide/</link>
		<comments>http://xoxpirit.com/2010/11/10/data-visualization-guide/#comments</comments>
		<pubDate>Wed, 10 Nov 2010 07:04:58 +0000</pubDate>
		<dc:creator>xpirit</dc:creator>
				<category><![CDATA[感动的设计(UED)]]></category>
		<category><![CDATA[Simile]]></category>
		<category><![CDATA[数据可视化]]></category>

		<guid isPermaLink="false">http://xoxpirit.com/?p=52923</guid>
		<description><![CDATA[之前进行过一个数据可视化的设计，初步有些成果，借此总结下自己设计时的步骤与方法。文中每步穿插当时设计的例子，希望可以更易理解，例子的原型图如下。
<div class="full-image"><a href="http://xoxpirit.com/wp-content/uploads/2010/11/flowchart-timeline-e1289358480176.png"><img class="alignnone size-large wp-image-52924" title="flowchart-timeline" src="http://xoxpirit.com/wp-content/uploads/2010/11/flowchart-timeline-1024x277.png" alt="flowchart-timeline" width="682" height="180" /></a></div>
设计中经过多次反复，但总体可以归为以下3步。
<h3>1.分析数据</h3>
想要清楚地展现数据，就要先了解所要绘制的数据，包括元数据维度、元数据间关系、数据规模。元数据在这里指图形要表达的不可再细分的实体。

元数据的维度即数据的各属性度量，比如二维平面上的点的属性是&#60;x,y&#62;,它的维度就是x坐标轴与y坐标轴。一般需要可视化的数据会有很多维度，分析清楚各维度及其关注度是最终把数据清晰表达的前提。过多的维度会加大可视化的难度，因为“想聊的故事太长了，反而就都沉默的笑着”。当然一直沉默就可能丢工作了，所以可以尝试从二维到 三维、加入颜色、形状等表现维度，如果真的觉得极限了，就应该考虑信息过载问题了，回头试着删减非必要的信息维度。
<blockquote>本例中的元数据是案件，维度有时间、类别、所在部门、前后案件。</blockquote>
元数据间关系，多数关系都与元数据本身的属性有关，也就是说，可以在一个维度上判断出数据间的关系。
<blockquote>案件的开始结束时间，可以知道各案件的前后关系。根据案件的前后案件，可以把案件连接在一条流转线上。</blockquote>
数据规模，往往需要采集真实数据，以便确定图形的容量、坐标刻度等。
<blockquote>幸好例子中的数据量不大，上图是最复杂的流程了。本例的可视化任务主要难点在关系上的表达。</blockquote>
<h3>2.匹配图形</h3>
分析清楚数据后，就要找个合适的箱子把这些“苹果”装进去。上一步，或许还可以靠自身的逻辑能力，采集到的现成数据分析得到，而这一步更多地需要自己的经验、阅历，数据可视化本来就是个很综合的学问啊！
<blockquote><a href="http://blog.xiqiao.info/2009/09/27/513">西乔</a>如是说：它涉足制图学、图形绘制设计、计算机视觉、数据采集、统计学、图解技术、数型结合以及动画、立体渲染、用户交互等。相关领域有影像学、视知觉。空间分析、科学建模等。</blockquote>
不过，幸运的是，现在已经有很多成熟的图形可以借鉴了。比如以下两个（本文的例子是它们两个的综合）。

<img class="alignnone" title="Interactive History Timeline" src="http://media.smashingmagazine.com/cdn_smash/images/data-visualization/british.jpg" alt="" width="500" height="321" />

<a href="http://www.bbc.co.uk/history/interactive/timelines/british/index.shtml">Interactive History Timeline</a>

<img class="alignnone" title="Flowing Data" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2009/09/flowingdataseinfeld1.jpg" alt="" width="480" height="306" />

<a href="http://flowingdata.com/category/visualization/">Flowing Data</a>

如何确定采用哪种图形模式呢？这要从数据出发。确定哪个维度最重要，是应该首要表现的，这个维度往往决定最后采用的图形模式。当你在脑中对图形有个预期后，如果觉得从空白开始太难，可以上网看看，或回想自己使用过的软件有无类似这种概念的表达。
<blockquote>在时间、类别、所在部门、前后案件4个维度中，根据业务分析得，前后案件是最重要的，但在这个业务中凑巧的是，时间与前后案件有很大关联——前后案件是无缝相接的，前一案件的结束时间是后一案件的开始时间。最后决定将时间与前后案件联合作为第一维度考虑。确定这个基调后，我参考了一些图形，如下图。
<div class="full-image"><a href="http://xoxpirit.com/wp-content/uploads/2010/11/chrome-dev-timeline1.png"><img class="alignnone size-full wp-image-52930" title="chrome-dev-timeline" src="http://xoxpirit.com/wp-content/uploads/2010/11/chrome-dev-timeline1.png" alt="chrome-dev-timeline" width="598" height="138" /></a>
<small class="tooltip"><em>Chrome Developer Tools Resources</em></small></div>
<div class="full-image"><a href="http://xoxpirit.com/wp-content/uploads/2010/11/AE-Render.png"><img class="alignnone size-full wp-image-52931" title="AE-Render" src="http://xoxpirit.com/wp-content/uploads/2010/11/AE-Render.png" alt="AE-Render" width="600" height="341" /></a>
<small class="tooltip"><em>After Effect Render</em></small></div>
最终我做了个艰难的决定，选用timelines图形，<strong>同时兼容</strong>了flowing图形！细心点还会发现，我山寨了chrome的样式。</blockquote>
<h3>3.优化图形</h3>
有了图形后，尝试把数据按属性，绘制到各维度上，不断调整直到合理。虽然这里说的很简单，但这是最耗时耗力的阶段。维度过多时，在信息架构上广而浅或窄而深都是需要琢磨的，而后再加上交互导航，使图形更“可视”。
<blockquote>
<p>在这个任务中，图形经过我的很多次修改。下图是一次修改前后的对比。
<div class="full-image"><img class="alignnone size-full wp-image-52936" title="flowchart-timeline-3" src="http://xoxpirit.com/wp-content/uploads/2010/11/flowchart-timeline-3.png" alt="" width="625" height="469" /></div>
所做的修改主要有：
<ul>
	<li>纵轴去掉一行一个部门（公诉、侦监、反贪等称为部门）的标识，改用同一颜色隐式表达。如此的考虑是，了解检察院业务的用户看到案件类别就能知道它属于哪个部门，而且少了部门后，单位区域更清楚——上下级单位的案件流转是很受关注的。</li>
	<li>之前的时间轴是非等比显示的，它的标识由下方的图形决定，始终觉得这样不够严谨，后来看到一个开源组件：<a href="http://www.simile-widgets.org/timeline/">Simile Timeline</a>。它对一个时间轴上不同时间段上信息量相差悬殊的情况，定义了一个<a href="http://code.google.com/p/simile-widgets/wiki/Timeline_CreatingHotzones">Hotzone</a>的概念，觉得与我的图形很契合，于是采用了。这个Hotzone概念，简单说就是放大一个指定的时间段，这个时间段里的刻度可以更细，表现更多信息。</li>
</ul>
</p>
</blockquote>
对数据可视化，只能说接触了点皮毛，希望以此抛砖引玉。]]></description>
			<content:encoded><![CDATA[<p>之前进行过一个数据可视化的设计，初步有些成果，借此总结下自己设计时的步骤与方法。文中每步穿插当时设计的例子，希望可以更易理解，例子的原型图如下。</p>
<div class="full-image"><a href="http://xoxpirit.com/wp-content/uploads/2010/11/flowchart-timeline-e1289358480176.png"><img class="alignnone size-large wp-image-52924" title="flowchart-timeline" src="http://xoxpirit.com/wp-content/uploads/2010/11/flowchart-timeline-1024x277.png" alt="flowchart-timeline" width="682" height="180" /></a></div>
<p>设计中经过多次反复，但总体可以归为以下3步。</p>
<h3>1.分析数据</h3>
<p>想要清楚地展现数据，就要先了解所要绘制的数据，包括元数据维度、元数据间关系、数据规模。元数据在这里指图形要表达的不可再细分的实体。</p>
<p>元数据的维度即数据的各属性度量，比如二维平面上的点的属性是&lt;x,y&gt;,它的维度就是x坐标轴与y坐标轴。一般需要可视化的数据会有很多维度，分析清楚各维度及其关注度是最终把数据清晰表达的前提。过多的维度会加大可视化的难度，因为“想聊的故事太长了，反而就都沉默的笑着”。当然一直沉默就可能丢工作了，所以可以尝试从二维到 三维、加入颜色、形状等表现维度，如果真的觉得极限了，就应该考虑信息过载问题了，回头试着删减非必要的信息维度。</p>
<blockquote><p>本例中的元数据是案件，维度有时间、类别、所在部门、前后案件。</p></blockquote>
<p>元数据间关系，多数关系都与元数据本身的属性有关，也就是说，可以在一个维度上判断出数据间的关系。</p>
<blockquote><p>案件的开始结束时间，可以知道各案件的前后关系。根据案件的前后案件，可以把案件连接在一条流转线上。</p></blockquote>
<p>数据规模，往往需要采集真实数据，以便确定图形的容量、坐标刻度等。</p>
<blockquote><p>幸好例子中的数据量不大，上图是最复杂的流程了。本例的可视化任务主要难点在关系上的表达。</p></blockquote>
<h3>2.匹配图形</h3>
<p>分析清楚数据后，就要找个合适的箱子把这些“苹果”装进去。上一步，或许还可以靠自身的逻辑能力，采集到的现成数据分析得到，而这一步更多地需要自己的经验、阅历，数据可视化本来就是个很综合的学问啊！</p>
<blockquote><p><a href="http://blog.xiqiao.info/2009/09/27/513">西乔</a>如是说：它涉足制图学、图形绘制设计、计算机视觉、数据采集、统计学、图解技术、数型结合以及动画、立体渲染、用户交互等。相关领域有影像学、视知觉。空间分析、科学建模等。</p></blockquote>
<p>不过，幸运的是，现在已经有很多成熟的图形可以借鉴了。比如以下两个（本文的例子是它们两个的综合）。</p>
<p><img class="alignnone" title="Interactive History Timeline" src="http://media.smashingmagazine.com/cdn_smash/images/data-visualization/british.jpg" alt="" width="500" height="321" /></p>
<p><a href="http://www.bbc.co.uk/history/interactive/timelines/british/index.shtml">Interactive History Timeline</a></p>
<p><img class="alignnone" title="Flowing Data" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2009/09/flowingdataseinfeld1.jpg" alt="" width="480" height="306" /></p>
<p><a href="http://flowingdata.com/category/visualization/">Flowing Data</a></p>
<p>如何确定采用哪种图形模式呢？这要从数据出发。确定哪个维度最重要，是应该首要表现的，这个维度往往决定最后采用的图形模式。当你在脑中对图形有个预期后，如果觉得从空白开始太难，可以上网看看，或回想自己使用过的软件有无类似这种概念的表达。</p>
<blockquote><p>在时间、类别、所在部门、前后案件4个维度中，根据业务分析得，前后案件是最重要的，但在这个业务中凑巧的是，时间与前后案件有很大关联——前后案件是无缝相接的，前一案件的结束时间是后一案件的开始时间。最后决定将时间与前后案件联合作为第一维度考虑。确定这个基调后，我参考了一些图形，如下图。</p>
<div class="full-image"><a href="http://xoxpirit.com/wp-content/uploads/2010/11/chrome-dev-timeline1.png"><img class="alignnone size-full wp-image-52930" title="chrome-dev-timeline" src="http://xoxpirit.com/wp-content/uploads/2010/11/chrome-dev-timeline1.png" alt="chrome-dev-timeline" width="598" height="138" /></a><br />
<small class="tooltip"><em>Chrome Developer Tools Resources</em></small></div>
<div class="full-image"><a href="http://xoxpirit.com/wp-content/uploads/2010/11/AE-Render.png"><img class="alignnone size-full wp-image-52931" title="AE-Render" src="http://xoxpirit.com/wp-content/uploads/2010/11/AE-Render.png" alt="AE-Render" width="600" height="341" /></a><br />
<small class="tooltip"><em>After Effect Render</em></small></div>
<p>最终我做了个艰难的决定，选用timelines图形，<strong>同时兼容</strong>了flowing图形！细心点还会发现，我山寨了chrome的样式。</p></blockquote>
<h3>3.优化图形</h3>
<p>有了图形后，尝试把数据按属性，绘制到各维度上，不断调整直到合理。虽然这里说的很简单，但这是最耗时耗力的阶段。维度过多时，在信息架构上广而浅或窄而深都是需要琢磨的，而后再加上交互导航，使图形更“可视”。</p>
<blockquote>
<p>在这个任务中，图形经过我的很多次修改。下图是一次修改前后的对比。</p>
<div class="full-image"><img class="alignnone size-full wp-image-52936" title="flowchart-timeline-3" src="http://xoxpirit.com/wp-content/uploads/2010/11/flowchart-timeline-3.png" alt="" width="625" height="469" /></div>
<p>所做的修改主要有：</p>
<ul>
<li>纵轴去掉一行一个部门（公诉、侦监、反贪等称为部门）的标识，改用同一颜色隐式表达。如此的考虑是，了解检察院业务的用户看到案件类别就能知道它属于哪个部门，而且少了部门后，单位区域更清楚——上下级单位的案件流转是很受关注的。</li>
<li>之前的时间轴是非等比显示的，它的标识由下方的图形决定，始终觉得这样不够严谨，后来看到一个开源组件：<a href="http://www.simile-widgets.org/timeline/">Simile Timeline</a>。它对一个时间轴上不同时间段上信息量相差悬殊的情况，定义了一个<a href="http://code.google.com/p/simile-widgets/wiki/Timeline_CreatingHotzones">Hotzone</a>的概念，觉得与我的图形很契合，于是采用了。这个Hotzone概念，简单说就是放大一个指定的时间段，这个时间段里的刻度可以更细，表现更多信息。</li>
</ul>
</blockquote>
<p>对数据可视化，只能说接触了点皮毛，希望以此抛砖引玉。</p>
]]></content:encoded>
			<wfw:commentRss>http://xoxpirit.com/2010/11/10/data-visualization-guide/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>纠结的交互设计</title>
		<link>http://xoxpirit.com/2010/10/11/%e7%ba%a0%e7%bb%93%e7%9a%84%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1/</link>
		<comments>http://xoxpirit.com/2010/10/11/%e7%ba%a0%e7%bb%93%e7%9a%84%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1/#comments</comments>
		<pubDate>Mon, 11 Oct 2010 10:42:56 +0000</pubDate>
		<dc:creator>xpirit</dc:creator>
				<category><![CDATA[感动的设计(UED)]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[工作随想]]></category>

		<guid isPermaLink="false">http://xoxpirit.com/?p=52866</guid>
		<description><![CDATA[<img class="size-full wp-image-52867  alignnone" title="2010-10-11_153924" src="http://xoxpirit.com/wp-content/uploads/2010/10/2010-10-11_153924.jpg" alt="" width="501" height="274" />

前段时间，设计了一个Excel导出的交互，但最终的方案被打了折扣。为了说明清楚这个纠结的故事，我先介绍下这个功能为何。
<h3>背景</h3>
这个功能在一个MIS产品中使用，承担将系统中的数据导出到Excel文件以让用户保存到本地的任务。它是项目已经实现一半的时候，由需求随口提出加的，所以我也要在此时补上这个交互设计。

与一般的Excel导出不同的是，这里要导出数据量可能很大，所以设计时，关键要考虑导出数据量巨大时的体验。
<h3>最初设计</h3>
“x，给我们出这个功能的交互原型吧”，是的，这句话就是全部需求，也是实现人员对我的唯一要求。虽然过于简洁，但我还是满怀热情地开始了。

这是我初次完成的流程：
<div class="full-image"><a href="http://xoxpirit.com/wp-content/uploads/2010/10/%E5%AF%BC%E5%87%BAExcel%E4%BA%A4%E4%BA%92%E6%B5%81%E7%A8%8B_2.png"><img class="alignnone" title="点击查看大图" src="http://xoxpirit.com/wp-content/uploads/2010/10/%E5%AF%BC%E5%87%BAExcel%E4%BA%A4%E4%BA%92%E6%B5%81%E7%A8%8B_2.png" alt="" width="625" height="194" /></a>
<small class="tooltip"><em>流程图</em></small>
</div>

流程与原型各人员确认后，实现人员表示鸭梨很大，系统设计向我反映“增加进度反馈的设计，至少增加了 7人天的工作量”。他的比较基准是他想象中的交互：用户选择导出一个5万条记录的结果，在屏幕沉默几分钟后，喝茶回来的用户欣喜地看到系统提示他可以把文件存到本地了！于是，团队人员开始各抒已见，最终由开发经理与产品经理沟通，暗暗地确定不做进度提示，因为“投入和产出比不高”。
<h3>折衷</h3>
结果，我据理力争，以卵击石，愚公移山，舌战群儒，说服大家接受了这个设计，系统设计大哥哑口无言，产品经理笑而不语，开发经理默默追加投入去了。

可惜，以上只是我的YY，现实是——我去掉了进度显示。上面的YY并不是因为我很郁闷，实际上我的内心深处接受了这样的结局。原因有四：
<ul>
	<li>没有它，对产品体验影响不大。这里的影响不是单纯从这个功能，而是从整个产品的规模上——前文提到，这是个小功能，没几个用户会用。</li>
	<li>追加它，工作量确实增大不少。系统设计向我提出不好实现时，我装无知，又弱弱地深究了下，其实我知道当年花一周时间摸索写的php文件上传进度显示的难度，而这个进度显示显然更复杂。</li>
	<li>去掉它，设计的中心思想没变。没有准确的百分比提示，等待的体验依然是可以被照顾的。比如我在1秒后，会显示“数据量大，请等待”字样，增加动态图标，提供取消导出的操作。用户仍然能感觉到导出任务是在有条不紊地进行着，因为随时可以取消，所以也不会变得手足无措。</li>
	<li>现在去掉它，不代表永远就没有了。如果后期可用性测试中发现，导出性能实在太差，耗时太长，进度提示还是改良的一种选择。</li>
</ul>
<h3>思考</h3>
一个想法不被人接受，肯定是有挫败感的，但我认同曾经不知何处看到的一名话——交互设计是个妥协的过程。导致你改变设计的不只是设计本身，可能还有<a href="http://xoxpirit.com/2010/04/18/%E4%BF%A1%E6%81%AF%E6%9E%B6%E6%9E%84%E4%B8%AD%E7%9A%84%E6%94%BF%E6%B2%BB%E6%96%87%E5%8C%96/">政治文化</a>（见之前的文章）、项目进度压力等等。设计方案一字不差地被接受自然值得庆幸，可如果它能综合各种方案的长处，最终符合了所有的要求不是更完美吗？交互设计师不只做设计，吸收统筹也很重要。

另外，出现这种情况也是关乎开发实力的问题，如果这个团队没有这么多新人，交给一个牛人来，他可能三下五除二就把它搞定了，谁跟你磨叽这种小菜。不过，只有自己牛了，也才有牛人意愿跟你打交道。]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-52867  alignnone" title="2010-10-11_153924" src="http://xoxpirit.com/wp-content/uploads/2010/10/2010-10-11_153924.jpg" alt="" width="501" height="274" /></p>
<p>前段时间，设计了一个Excel导出的交互，但最终的方案被打了折扣。为了说明清楚这个纠结的故事，我先介绍下这个功能为何。</p>
<h3>背景</h3>
<p>这个功能在一个MIS产品中使用，承担将系统中的数据导出到Excel文件以让用户保存到本地的任务。它是项目已经实现一半的时候，由需求随口提出加的，所以我也要在此时补上这个交互设计。</p>
<p>与一般的Excel导出不同的是，这里要导出数据量可能很大，所以设计时，关键要考虑导出数据量巨大时的体验。</p>
<h3>最初设计</h3>
<p>“x，给我们出这个功能的交互原型吧”，是的，这句话就是全部需求，也是实现人员对我的唯一要求。虽然过于简洁，但我还是满怀热情地开始了。</p>
<p>这是我初次完成的流程：</p>
<div class="full-image"><a href="http://xoxpirit.com/wp-content/uploads/2010/10/%E5%AF%BC%E5%87%BAExcel%E4%BA%A4%E4%BA%92%E6%B5%81%E7%A8%8B_2.png"><img class="alignnone" title="点击查看大图" src="http://xoxpirit.com/wp-content/uploads/2010/10/%E5%AF%BC%E5%87%BAExcel%E4%BA%A4%E4%BA%92%E6%B5%81%E7%A8%8B_2.png" alt="" width="625" height="194" /></a><br />
<small class="tooltip"><em>流程图</em></small>
</div>
<p>流程与原型各人员确认后，实现人员表示鸭梨很大，系统设计向我反映“增加进度反馈的设计，至少增加了 7人天的工作量”。他的比较基准是他想象中的交互：用户选择导出一个5万条记录的结果，在屏幕沉默几分钟后，喝茶回来的用户欣喜地看到系统提示他可以把文件存到本地了！于是，团队人员开始各抒已见，最终由开发经理与产品经理沟通，暗暗地确定不做进度提示，因为“投入和产出比不高”。</p>
<h3>折衷</h3>
<p>结果，我据理力争，以卵击石，愚公移山，舌战群儒，说服大家接受了这个设计，系统设计大哥哑口无言，产品经理笑而不语，开发经理默默追加投入去了。</p>
<p>可惜，以上只是我的YY，现实是——我去掉了进度显示。上面的YY并不是因为我很郁闷，实际上我的内心深处接受了这样的结局。原因有四：</p>
<ul>
<li>没有它，对产品体验影响不大。这里的影响不是单纯从这个功能，而是从整个产品的规模上——前文提到，这是个小功能，没几个用户会用。</li>
<li>追加它，工作量确实增大不少。系统设计向我提出不好实现时，我装无知，又弱弱地深究了下，其实我知道当年花一周时间摸索写的php文件上传进度显示的难度，而这个进度显示显然更复杂。</li>
<li>去掉它，设计的中心思想没变。没有准确的百分比提示，等待的体验依然是可以被照顾的。比如我在1秒后，会显示“数据量大，请等待”字样，增加动态图标，提供取消导出的操作。用户仍然能感觉到导出任务是在有条不紊地进行着，因为随时可以取消，所以也不会变得手足无措。</li>
<li>现在去掉它，不代表永远就没有了。如果后期可用性测试中发现，导出性能实在太差，耗时太长，进度提示还是改良的一种选择。</li>
</ul>
<h3>思考</h3>
<p>一个想法不被人接受，肯定是有挫败感的，但我认同曾经不知何处看到的一名话——交互设计是个妥协的过程。导致你改变设计的不只是设计本身，可能还有<a href="http://xoxpirit.com/2010/04/18/%E4%BF%A1%E6%81%AF%E6%9E%B6%E6%9E%84%E4%B8%AD%E7%9A%84%E6%94%BF%E6%B2%BB%E6%96%87%E5%8C%96/">政治文化</a>（见之前的文章）、项目进度压力等等。设计方案一字不差地被接受自然值得庆幸，可如果它能综合各种方案的长处，最终符合了所有的要求不是更完美吗？交互设计师不只做设计，吸收统筹也很重要。</p>
<p>另外，出现这种情况也是关乎开发实力的问题，如果这个团队没有这么多新人，交给一个牛人来，他可能三下五除二就把它搞定了，谁跟你磨叽这种小菜。不过，只有自己牛了，也才有牛人意愿跟你打交道。</p>
]]></content:encoded>
			<wfw:commentRss>http://xoxpirit.com/2010/10/11/%e7%ba%a0%e7%bb%93%e7%9a%84%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Mac OSX 10.6.3安装手记</title>
		<link>http://xoxpirit.com/2010/09/24/mac-osx-10-6-3%e5%ae%89%e8%a3%85%e6%89%8b%e8%ae%b0/</link>
		<comments>http://xoxpirit.com/2010/09/24/mac-osx-10-6-3%e5%ae%89%e8%a3%85%e6%89%8b%e8%ae%b0/#comments</comments>
		<pubDate>Fri, 24 Sep 2010 13:39:00 +0000</pubDate>
		<dc:creator>xpirit</dc:creator>
				<category><![CDATA[值钱的技术]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[安装]]></category>

		<guid isPermaLink="false">http://xoxpirit.com/?p=52852</guid>
		<description><![CDATA[<blockquote>你很忙？请直接从<a href="#try3">第三次尝试</a>开始阅读吧!</blockquote>
<img class="alignnone size-full wp-image-52854" title="about_mac" src="http://xoxpirit.com/wp-content/uploads/2010/09/about_mac-e1285335379170.jpg" alt="" width="512" height="288" />
<h3><a href="http://xoxpirit.com/wp-content/uploads/2010/09/about_mac-e1285335379170.jpg"></a>第一次尝试</h3>
一两年前（约数），当时还在学校，看到L在Thinkpad上安了个，动心下了个Leopard-AMD-10.5.1，刻盘安装了几次都失败了。在不小心把整个硬盘数据清了之后，只能作罢。
<h3>第二次尝试</h3>
最近着迷于apple的风格，iphone之风也吹得正盛。但苦于没有银子，只能又打黑苹果的主意。去pcbeta等论坛储备了些知识，下了个iAtkos v7 10.5.7，采用硬盘安装，引导安装分区都没能进去。问题在AHCI不支持，我的老主板没AHCI，即使变色龙引导里放了AHCI补丁，但不起作用。

不服气自己就黑不了苹果，另外去买了个1T硬盘。分析可能iAtkos对AMD平台支持也一般，不执着决定换其他安装版本。想起当年的Leopard-AMD-10.5.1光盘，决定再拿出来在新硬盘上安装试试。把1T硬盘在安装程序里，用磁盘工具分成GPT格式分区（即一般windows采用的MBR）。安装最后居然成功了，但变色龙的引导一直有问题，只能靠光盘引导。显卡驱动把kext的设备ID修正后，也成功开启了CI/QE。可不能硬盘引导，10.5.1版本又过低，感觉不是很满意，10.5升级到10.6，不如现在直接抹了安装10.6来得简单。所以下定主意，下10.6的安装程序。
<h3 id="try3">第三次尝试</h3>
一番研究，iAntares东皇在AMD上成功率挺高，下了<a href="http://bbs.pcbeta.com/thread-719474-1-1.html" target="_blank">iAntares 10.6.3 v2.2</a>。按此文章（<a href="http://bbs.pcbeta.com/thread-785821-1-2.html" target="_blank">AMD5000 + BootThink + iAntares2.2 新手成功安装手记</a>）进行。当然我直接刻盘了，跳过安装程序硬盘引导部分。过程很成功，结果也近乎完美。

黑苹果最艰难的步骤即在自定义选项上，各内核、驱动的选择对之后系统的稳定、完整性影响很大。
<blockquote>
简述下我的配置：
<ul>
	<li>CPU：AMD Athlon X2 5200+</li>
	<li>显卡：NV7300LE</li>
	<li>内存：DDR2 800 2G</li>
	<li>网上：RTL8139</li>
	<li>声卡：ALC665</li>
	<li><span style="color: #888888;">其他与驱动影响不大，不赘述...</span></li>
</ul>
<span style="color: #888888;"><span style="color: #000000;">勾选的选项：</span></span>
<ul>
	<li><span><strong>iAntares 10.6.3 v2.0 系统程序</strong></span></li>
	<li><span style="color: #000000;">引导程序</span>
<ul>
	<li><span style="color: #000000;">用的Bootthink，所以全不选</span></li>
</ul>
</li>
	<li><span style="color: #000000;">破解内核</span>
<ul>
	<li><span style="color: #000000;">Pcj 10.3.0：pcj制作的10.6.3破解内核（v1.1版）。适合于无法使用原版内核的CPU。默认启动内核被更名为Pcj1030，支持32/64位。如果CPU只支持SSE2，必须在“启动选项”里选择Only 32bit。AMD用户在进入系统后，请自行到“应用程序-实用工具”里执行CPUID.pkg（来自qoopz）安装包。
</span></li>
</ul>
</li>
	<li><span style="color: #000000;">硬件驱动</span>
<ul>
	<li>显卡
<ul>
	<li>NVEnabler 64：以kext形式驱动大分Nvidia显卡，口碑不错。</li>
</ul>
</li>
	<li>声卡
<ul>
	<li>ALC665</li>
</ul>
</li>
	<li>以太网卡
<ul>
	<li>RTL 8139</li>
</ul>
</li>
	<li>无线网卡
<ul>
	<li>没有不选</li>
</ul>
</li>
	<li>PS/2键盘鼠标
<ul>
	<li>皆USB接口，不选。</li>
</ul>
</li>
	<li>芯片组
<ul>
	<li>AppleNForceATA：NForce芯片组驱动。</li>
	<li>AppleIntelPIISATA：由Dune制作。修复所有SATA接口，支持没有AHCI选项的主板。</li>
	<li>IOPCIFamily：修复USB检测错误等问题。</li>
	<li>TotallyFixStillWaiting：比较全面的修复still waiting for root device问题。</li>
</ul>
</li>
	<li>电源管理
<ul>
	<li>不选</li>
</ul>
</li>
	<li>其他
<ul>
	<li>不选</li>
</ul>
</li>
</ul>
</li>
	<li>系统补丁
<ul>
	<li>AppleSMBIOS：解决“关于本机”崩溃。</li>
	<li>fakesmc v2.5：netkas制作的核心破解程序，必选。</li>
	<li>IOAHCIBlockStorageInjector：解决本地硬盘图标为橙色的补丁。</li>
	<li>NullCPUPowerManagement：禁用苹果原版电源管理的补丁。</li>
	<li>OpenHaltRestart：解决重启或关机问题的补丁，适用面最广。</li>
	<li>PlatformUUID：解决UUID错误的补丁。</li>
</ul>
</li>
	<li>实用程序
<ul>
	<li>全选</li>
</ul>
</li>
</ul>
</blockquote>
装完后，会不时死机（Panic Kernel)。果然按上文章，打上fakesmc2.5_release.zip和VoodooTSCSync.kext.zip两个补丁，问题解决。

*

2010-10-31更新

开机时，总有ptmd进程会占50%CPU，目前没有彻底的解决办法。很多10.6.3的macbook也有这问题，据说升10.6.4解决了。

不想升级的就开机时，强制退出，或者直接删了ptmd（这个未尝试，可能有风险）。]]></description>
			<content:encoded><![CDATA[<blockquote><p>你很忙？请直接从<a href="#try3">第三次尝试</a>开始阅读吧!</p></blockquote>
<p><img class="alignnone size-full wp-image-52854" title="about_mac" src="http://xoxpirit.com/wp-content/uploads/2010/09/about_mac-e1285335379170.jpg" alt="" width="512" height="288" /></p>
<h3><a href="http://xoxpirit.com/wp-content/uploads/2010/09/about_mac-e1285335379170.jpg"></a>第一次尝试</h3>
<p>一两年前（约数），当时还在学校，看到L在Thinkpad上安了个，动心下了个Leopard-AMD-10.5.1，刻盘安装了几次都失败了。在不小心把整个硬盘数据清了之后，只能作罢。</p>
<h3>第二次尝试</h3>
<p>最近着迷于apple的风格，iphone之风也吹得正盛。但苦于没有银子，只能又打黑苹果的主意。去pcbeta等论坛储备了些知识，下了个iAtkos v7 10.5.7，采用硬盘安装，引导安装分区都没能进去。问题在AHCI不支持，我的老主板没AHCI，即使变色龙引导里放了AHCI补丁，但不起作用。</p>
<p>不服气自己就黑不了苹果，另外去买了个1T硬盘。分析可能iAtkos对AMD平台支持也一般，不执着决定换其他安装版本。想起当年的Leopard-AMD-10.5.1光盘，决定再拿出来在新硬盘上安装试试。把1T硬盘在安装程序里，用磁盘工具分成GPT格式分区（即一般windows采用的MBR）。安装最后居然成功了，但变色龙的引导一直有问题，只能靠光盘引导。显卡驱动把kext的设备ID修正后，也成功开启了CI/QE。可不能硬盘引导，10.5.1版本又过低，感觉不是很满意，10.5升级到10.6，不如现在直接抹了安装10.6来得简单。所以下定主意，下10.6的安装程序。</p>
<h3 id="try3">第三次尝试</h3>
<p>一番研究，iAntares东皇在AMD上成功率挺高，下了<a href="http://bbs.pcbeta.com/thread-719474-1-1.html" target="_blank">iAntares 10.6.3 v2.2</a>。按此文章（<a href="http://bbs.pcbeta.com/thread-785821-1-2.html" target="_blank">AMD5000 + BootThink + iAntares2.2 新手成功安装手记</a>）进行。当然我直接刻盘了，跳过安装程序硬盘引导部分。过程很成功，结果也近乎完美。</p>
<p>黑苹果最艰难的步骤即在自定义选项上，各内核、驱动的选择对之后系统的稳定、完整性影响很大。</p>
<blockquote><p>
简述下我的配置：</p>
<ul>
<li>CPU：AMD Athlon X2 5200+</li>
<li>显卡：NV7300LE</li>
<li>内存：DDR2 800 2G</li>
<li>网上：RTL8139</li>
<li>声卡：ALC665</li>
<li><span style="color: #888888;">其他与驱动影响不大，不赘述&#8230;</span></li>
</ul>
<p><span style="color: #888888;"><span style="color: #000000;">勾选的选项：</span></span></p>
<ul>
<li><span><strong>iAntares 10.6.3 v2.0 系统程序</strong></span></li>
<li><span style="color: #000000;">引导程序</span>
<ul>
<li><span style="color: #000000;">用的Bootthink，所以全不选</span></li>
</ul>
</li>
<li><span style="color: #000000;">破解内核</span>
<ul>
<li><span style="color: #000000;">Pcj 10.3.0：pcj制作的10.6.3破解内核（v1.1版）。适合于无法使用原版内核的CPU。默认启动内核被更名为Pcj1030，支持32/64位。如果CPU只支持SSE2，必须在“启动选项”里选择Only 32bit。AMD用户在进入系统后，请自行到“应用程序-实用工具”里执行CPUID.pkg（来自qoopz）安装包。<br />
</span></li>
</ul>
</li>
<li><span style="color: #000000;">硬件驱动</span>
<ul>
<li>显卡
<ul>
<li>NVEnabler 64：以kext形式驱动大分Nvidia显卡，口碑不错。</li>
</ul>
</li>
<li>声卡
<ul>
<li>ALC665</li>
</ul>
</li>
<li>以太网卡
<ul>
<li>RTL 8139</li>
</ul>
</li>
<li>无线网卡
<ul>
<li>没有不选</li>
</ul>
</li>
<li>PS/2键盘鼠标
<ul>
<li>皆USB接口，不选。</li>
</ul>
</li>
<li>芯片组
<ul>
<li>AppleNForceATA：NForce芯片组驱动。</li>
<li>AppleIntelPIISATA：由Dune制作。修复所有SATA接口，支持没有AHCI选项的主板。</li>
<li>IOPCIFamily：修复USB检测错误等问题。</li>
<li>TotallyFixStillWaiting：比较全面的修复still waiting for root device问题。</li>
</ul>
</li>
<li>电源管理
<ul>
<li>不选</li>
</ul>
</li>
<li>其他
<ul>
<li>不选</li>
</ul>
</li>
</ul>
</li>
<li>系统补丁
<ul>
<li>AppleSMBIOS：解决“关于本机”崩溃。</li>
<li>fakesmc v2.5：netkas制作的核心破解程序，必选。</li>
<li>IOAHCIBlockStorageInjector：解决本地硬盘图标为橙色的补丁。</li>
<li>NullCPUPowerManagement：禁用苹果原版电源管理的补丁。</li>
<li>OpenHaltRestart：解决重启或关机问题的补丁，适用面最广。</li>
<li>PlatformUUID：解决UUID错误的补丁。</li>
</ul>
</li>
<li>实用程序
<ul>
<li>全选</li>
</ul>
</li>
</ul>
</blockquote>
<p>装完后，会不时死机（Panic Kernel)。果然按上文章，打上fakesmc2.5_release.zip和VoodooTSCSync.kext.zip两个补丁，问题解决。</p>
<p>*</p>
<p>2010-10-31更新</p>
<p>开机时，总有ptmd进程会占50%CPU，目前没有彻底的解决办法。很多10.6.3的macbook也有这问题，据说升10.6.4解决了。</p>
<p>不想升级的就开机时，强制退出，或者直接删了ptmd（这个未尝试，可能有风险）。</p>
]]></content:encoded>
			<wfw:commentRss>http://xoxpirit.com/2010/09/24/mac-osx-10-6-3%e5%ae%89%e8%a3%85%e6%89%8b%e8%ae%b0/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>iOS开发者大会</title>
		<link>http://xoxpirit.com/2010/09/14/ios%e5%bc%80%e5%8f%91%e8%80%85%e5%a4%a7%e4%bc%9a/</link>
		<comments>http://xoxpirit.com/2010/09/14/ios%e5%bc%80%e5%8f%91%e8%80%85%e5%a4%a7%e4%bc%9a/#comments</comments>
		<pubDate>Mon, 13 Sep 2010 17:52:18 +0000</pubDate>
		<dc:creator>xpirit</dc:creator>
				<category><![CDATA[免费的思考]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[iphone]]></category>

		<guid isPermaLink="false">http://xoxpirit.com/?p=52844</guid>
		<description><![CDATA[上周六去了<a href="http://devcon.cocoachina.com/" target="_blank">iOS开发者大会</a>，798里的会议大厅很别致。

<img class="alignnone size-full wp-image-52849" title="p_large_BxPL_3557000340ba2d0b" src="http://xoxpirit.com/wp-content/uploads/2010/09/p_large_BxPL_3557000340ba2d0b-e1284428140999.jpg" alt="" width="540" height="405" />

移动平台发展迅猛，仅从去年与今年的参会人数差距便可见端倪。<a href="http://devcon.cocoachina.com/meeting.php">会议流程</a>为，邀请9位嘉宾演讲，每位30分钟。对我这个入门者来说，每个 30分钟都是新见识，当然有些可能过耳即忘，而有些切中要害，让人印象深刻。

《从PrincessFury看AppStore游戏设计》-李靖。介绍一个游戏完整开发流程，提到很多iphone游戏开发中的实际问题及经验总结，算是个很实用的分享。

《设计与众不同的UI/UE》-许士彦。讲的与我目前的专业相关，所以也听得认真了。主线还是讲移动开发的前期设计，其实与桌面项目开发流程差别不大，只是设计的对象，方法略有不同。Keynote之专业，也是一亮点。

《如何做好App Store的游戏推广》-洪亮。游戏上线推广，从几种典型销售曲线，各种主要推广手段，点点都是经验之谈。

《如何在App Store的环境中生存》-施炜亮。开篇就说，“我是来务虚的”，从最后观众反映来看，确实有点虚了，但我觉得这30分钟信息量是最多的。总结的十个关键字，都算精准，把Triniti在经营整个Gamebox过程中的想法、方略、实施等填入这十个关键字中。有一点很有意思的认识——中国开发者有战略成本优势，意思就是我们劳动力廉价，几十个游戏加起来卖0.99刀，老美们行吗？另外关于产品死亡论也算相当独到的角度。从这个演讲中，Triniti给人的总体感觉是沉稳，战术上激进，战略上保守。

来时，带着个疑问，iphone开发到底有没有前途？答案是，产品本身才是王道，其他都是辅助。无论应用还是游戏，精心设计，贴合用户，就能成功。

大会演讲稿下载

视频据说之后放上，具体关注http://www.cocoachina.com吧。

*

10.4更新

大会专题页面，有文档与视频。 <a href="http://devcon.cocoachina.com/" target="_blank">http://devcon.cocoachina.com/</a>]]></description>
			<content:encoded><![CDATA[<p>上周六去了<a href="http://devcon.cocoachina.com/" target="_blank">iOS开发者大会</a>，798里的会议大厅很别致。</p>
<p><img class="alignnone size-full wp-image-52849" title="p_large_BxPL_3557000340ba2d0b" src="http://xoxpirit.com/wp-content/uploads/2010/09/p_large_BxPL_3557000340ba2d0b-e1284428140999.jpg" alt="" width="540" height="405" /></p>
<p>移动平台发展迅猛，仅从去年与今年的参会人数差距便可见端倪。<a href="http://devcon.cocoachina.com/meeting.php">会议流程</a>为，邀请9位嘉宾演讲，每位30分钟。对我这个入门者来说，每个 30分钟都是新见识，当然有些可能过耳即忘，而有些切中要害，让人印象深刻。</p>
<p>《从PrincessFury看AppStore游戏设计》-李靖。介绍一个游戏完整开发流程，提到很多iphone游戏开发中的实际问题及经验总结，算是个很实用的分享。</p>
<p>《设计与众不同的UI/UE》-许士彦。讲的与我目前的专业相关，所以也听得认真了。主线还是讲移动开发的前期设计，其实与桌面项目开发流程差别不大，只是设计的对象，方法略有不同。Keynote之专业，也是一亮点。</p>
<p>《如何做好App Store的游戏推广》-洪亮。游戏上线推广，从几种典型销售曲线，各种主要推广手段，点点都是经验之谈。</p>
<p>《如何在App Store的环境中生存》-施炜亮。开篇就说，“我是来务虚的”，从最后观众反映来看，确实有点虚了，但我觉得这30分钟信息量是最多的。总结的十个关键字，都算精准，把Triniti在经营整个Gamebox过程中的想法、方略、实施等填入这十个关键字中。有一点很有意思的认识——中国开发者有战略成本优势，意思就是我们劳动力廉价，几十个游戏加起来卖0.99刀，老美们行吗？另外关于产品死亡论也算相当独到的角度。从这个演讲中，Triniti给人的总体感觉是沉稳，战术上激进，战略上保守。</p>
<p>来时，带着个疑问，iphone开发到底有没有前途？答案是，产品本身才是王道，其他都是辅助。无论应用还是游戏，精心设计，贴合用户，就能成功。</p>
<p>大会演讲稿下载</p>
<p>视频据说之后放上，具体关注http://www.cocoachina.com吧。</p>
<p>*</p>
<p>10.4更新</p>
<p>大会专题页面，有文档与视频。 <a href="http://devcon.cocoachina.com/" target="_blank">http://devcon.cocoachina.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://xoxpirit.com/2010/09/14/ios%e5%bc%80%e5%8f%91%e8%80%85%e5%a4%a7%e4%bc%9a/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>web通用设计</title>
		<link>http://xoxpirit.com/2010/09/08/web%e9%80%9a%e7%94%a8%e8%ae%be%e8%ae%a1/</link>
		<comments>http://xoxpirit.com/2010/09/08/web%e9%80%9a%e7%94%a8%e8%ae%be%e8%ae%a1/#comments</comments>
		<pubDate>Wed, 08 Sep 2010 08:43:07 +0000</pubDate>
		<dc:creator>xpirit</dc:creator>
				<category><![CDATA[感动的设计(UED)]]></category>
		<category><![CDATA[收藏]]></category>
		<category><![CDATA[认知]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://xoxpirit.com/?p=52827</guid>
		<description><![CDATA[<strong><a href="http://xoxpirit.com/wp-content/uploads/2010/09/213140_0538.jpg"><img class="alignnone size-full wp-image-52836" title="通用设计" src="http://xoxpirit.com/wp-content/uploads/2010/09/213140_0538.jpg" alt="" width="450" height="129" /></a></strong>

<strong><a href="http://zh.wikipedia.org/zh-sg/%E9%80%9A%E7%94%A8%E8%A8%AD%E8%A8%88" target="_blank">通用设计</a></strong>又名<strong>全民设计</strong>、<strong>全方位设计</strong>或是<strong>通用化设计</strong>，系指无须改良或特别<a title="设计" href="http://zh.wikipedia.org/zh-sg/%E8%A8%AD%E8%A8%88">设计</a>就能为所有人使用的产品、环境及通讯。它所传达的意思是：如何能被<a title="失能者（尚未撰写）" href="http://zh.wikipedia.org/w/index.php?title=%E5%A4%B1%E8%83%BD%E8%80%85&#38;action=edit&#38;redlink=1">失能者</a>所使用，就更能被所有的人使用。

<strong>与无障碍设计的关系</strong>

通用设计与无障碍设计有相似之处。无障碍设计多是关注残疾人、老年人的特殊需求。但是这些弱势群体，在面对这些无障碍设备时，会有负面的心理作用。比如厕所里的残疾人马桶，与其他正常的并排在一起，让使用者有被区别对待的感觉。为了消除这种消极的心理影响，便有了通用设计。采用通用设计的厕所，可能就没有专门的残疾人马桶，而是同样规格的设备，既能满足正常人的使用，又符合特殊需求。

<strong>web中的通用设计</strong>

目前web应用中的通用设计主要侧重于<a href="http://zh.wikipedia.org/zh-cn/%E7%B6%B2%E9%A0%81%E8%A6%AA%E5%92%8C%E5%8A%9B">网页亲和力</a>，即网页上的信息是否可能无障碍地被接收。

如，老年人或视力缺陷者需要大字体。在各浏览器中都有字体控制的功能，但这需要网页本身的字体是相对字体大小。

另外，还有个方法是页面放大，但这难免会造成页面错位或元素丢失，即使是最新的浏览器，如Chrome6，IE8等。

<img class="alignnone" title="视力缺陷者眼中的页面" src="http://dia.z6i.org/images/abs_sizing_thumb.gif" alt="视力缺陷者眼中的页面" width="300" height="300" />

<em>视力缺陷者眼中的页面</em>

<em><img class="alignnone" title="视力缺陷者眼中大字体页面" src="http://dia.z6i.org/images/rel_sizing_thumb.gif" alt="视力缺陷者眼中大字体页面" width="300" height="300" /></em>

<em>放大字体后的样子（如果你还觉得头晕，那就对了！）</em>

除了网页亲和力外，更难对付的是用户认知能力不足，导致无法顺利使用web应用。

个人电脑进入寻常百姓家，也只是近半个世纪的事。虽然人机交互上，很多地方都采用隐喻，来切合现实生活中的事物，但对于较少接触电脑的人来说，完全理解这个模式并非容易。手写输入法的发明，解决了一些无法掌握拼音、五笔等输入法的中文用户汉字输入难题。他不用根据一定规则把汉字转化成代码，输入电脑，再等电脑将其转化成汉字。

当然在web应用中，还有更多超越汉字输入这种难度的操作。我想以一个切身的例子说明这个问题。一个炎热夏天的午后，我爸在用我哥的笔记本上网。我经过他身边时，他叫住我，说给我看一个楼盘的介绍网页。他打开IE浏览器，默认载入了一个分类网站，接着在大量分类目录中找到“房地产”，点TOP排行中的第二个网站，在网站中找到“新房”，填各种条件（我爸成功复现出昨天他填的搜索条件），在搜索结果第二页，找到那个楼盘！此时我发现，我应该再仔细地跟他讲讲IE的收藏夹。

收藏这个功能，为什么我老爸没用起来呢？因为他不理解。你在书店看上一本书，非常喜爱，花一个下午在书店的角落读完了它，但还是放不下它，所以你决定花钱买了它，直到它安稳地躺在家里的书柜上，你才感觉了了桩心愿，这才是现实世界中的收藏——你在书店读的，你花钱买的，你书柜上躺着的是同一个东西。

但网页收藏不一样，它既然在那个网站里，怎么又能在我电脑的收藏夹里呢？当然计算机专业的人知道这是一种映射。用户没能顺利使用这个功能，因为这与他脑中的认知不符，所以无法记住并执行这个过程。当他脑中形成了这个概念后，可能就运用自如了。

我们不能苛求用户能一次性地掌握一些抽象概念，所以这时就应该有其他的弥补措施。为了找一个之前访问过但没有收藏的网页，可以在历史记录里试试<em>（当然有人会说，历史记录也是一种映射，但起码这是不需要用户主动操作，而是系统自己记录的）</em>。收藏与历史记录这两种设计的结合方案，即是满足寻找以往信息这个需求的一种通用设计。

最后，要提醒的是，通用设计要考虑实现成本。劳师动众的设计，会把通用设计的灵活与巧妙掩杀。

<span style="color: #888888;">参考：</span>

<span style="color: #888888;">Dive Into Accessibility - 在 30 天內打造更具親和力的網站 </span><a href="http://dia.z6i.org/"><span style="color: #888888;">http://dia.z6i.org/</span></a>

<span style="color: #888888;">无障碍设计 </span><a href="http://baike.baidu.com/view/540035.htm"><span style="color: #888888;">http://baike.baidu.com/view/540035.htm</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://xoxpirit.com/wp-content/uploads/2010/09/213140_0538.jpg"><img class="alignnone size-full wp-image-52836" title="通用设计" src="http://xoxpirit.com/wp-content/uploads/2010/09/213140_0538.jpg" alt="" width="450" height="129" /></a></strong></p>
<p><strong><a href="http://zh.wikipedia.org/zh-sg/%E9%80%9A%E7%94%A8%E8%A8%AD%E8%A8%88" target="_blank">通用设计</a></strong>又名<strong>全民设计</strong>、<strong>全方位设计</strong>或是<strong>通用化设计</strong>，系指无须改良或特别<a title="设计" href="http://zh.wikipedia.org/zh-sg/%E8%A8%AD%E8%A8%88">设计</a>就能为所有人使用的产品、环境及通讯。它所传达的意思是：如何能被<a title="失能者（尚未撰写）" href="http://zh.wikipedia.org/w/index.php?title=%E5%A4%B1%E8%83%BD%E8%80%85&amp;action=edit&amp;redlink=1">失能者</a>所使用，就更能被所有的人使用。</p>
<p><strong>与无障碍设计的关系</strong></p>
<p>通用设计与无障碍设计有相似之处。无障碍设计多是关注残疾人、老年人的特殊需求。但是这些弱势群体，在面对这些无障碍设备时，会有负面的心理作用。比如厕所里的残疾人马桶，与其他正常的并排在一起，让使用者有被区别对待的感觉。为了消除这种消极的心理影响，便有了通用设计。采用通用设计的厕所，可能就没有专门的残疾人马桶，而是同样规格的设备，既能满足正常人的使用，又符合特殊需求。</p>
<p><strong>web中的通用设计</strong></p>
<p>目前web应用中的通用设计主要侧重于<a href="http://zh.wikipedia.org/zh-cn/%E7%B6%B2%E9%A0%81%E8%A6%AA%E5%92%8C%E5%8A%9B">网页亲和力</a>，即网页上的信息是否可能无障碍地被接收。</p>
<p>如，老年人或视力缺陷者需要大字体。在各浏览器中都有字体控制的功能，但这需要网页本身的字体是相对字体大小。</p>
<p>另外，还有个方法是页面放大，但这难免会造成页面错位或元素丢失，即使是最新的浏览器，如Chrome6，IE8等。</p>
<p><img class="alignnone" title="视力缺陷者眼中的页面" src="http://dia.z6i.org/images/abs_sizing_thumb.gif" alt="视力缺陷者眼中的页面" width="300" height="300" /></p>
<p><em>视力缺陷者眼中的页面</em></p>
<p><em><img class="alignnone" title="视力缺陷者眼中大字体页面" src="http://dia.z6i.org/images/rel_sizing_thumb.gif" alt="视力缺陷者眼中大字体页面" width="300" height="300" /></em></p>
<p><em>放大字体后的样子（如果你还觉得头晕，那就对了！）</em></p>
<p>除了网页亲和力外，更难对付的是用户认知能力不足，导致无法顺利使用web应用。</p>
<p>个人电脑进入寻常百姓家，也只是近半个世纪的事。虽然人机交互上，很多地方都采用隐喻，来切合现实生活中的事物，但对于较少接触电脑的人来说，完全理解这个模式并非容易。手写输入法的发明，解决了一些无法掌握拼音、五笔等输入法的中文用户汉字输入难题。他不用根据一定规则把汉字转化成代码，输入电脑，再等电脑将其转化成汉字。</p>
<p>当然在web应用中，还有更多超越汉字输入这种难度的操作。我想以一个切身的例子说明这个问题。一个炎热夏天的午后，我爸在用我哥的笔记本上网。我经过他身边时，他叫住我，说给我看一个楼盘的介绍网页。他打开IE浏览器，默认载入了一个分类网站，接着在大量分类目录中找到“房地产”，点TOP排行中的第二个网站，在网站中找到“新房”，填各种条件（我爸成功复现出昨天他填的搜索条件），在搜索结果第二页，找到那个楼盘！此时我发现，我应该再仔细地跟他讲讲IE的收藏夹。</p>
<p>收藏这个功能，为什么我老爸没用起来呢？因为他不理解。你在书店看上一本书，非常喜爱，花一个下午在书店的角落读完了它，但还是放不下它，所以你决定花钱买了它，直到它安稳地躺在家里的书柜上，你才感觉了了桩心愿，这才是现实世界中的收藏——你在书店读的，你花钱买的，你书柜上躺着的是同一个东西。</p>
<p>但网页收藏不一样，它既然在那个网站里，怎么又能在我电脑的收藏夹里呢？当然计算机专业的人知道这是一种映射。用户没能顺利使用这个功能，因为这与他脑中的认知不符，所以无法记住并执行这个过程。当他脑中形成了这个概念后，可能就运用自如了。</p>
<p>我们不能苛求用户能一次性地掌握一些抽象概念，所以这时就应该有其他的弥补措施。为了找一个之前访问过但没有收藏的网页，可以在历史记录里试试<em>（当然有人会说，历史记录也是一种映射，但起码这是不需要用户主动操作，而是系统自己记录的）</em>。收藏与历史记录这两种设计的结合方案，即是满足寻找以往信息这个需求的一种通用设计。</p>
<p>最后，要提醒的是，通用设计要考虑实现成本。劳师动众的设计，会把通用设计的灵活与巧妙掩杀。</p>
<p><span style="color: #888888;">参考：</span></p>
<p><span style="color: #888888;">Dive Into Accessibility - 在 30 天內打造更具親和力的網站 </span><a href="http://dia.z6i.org/"><span style="color: #888888;">http://dia.z6i.org/</span></a></p>
<p><span style="color: #888888;">无障碍设计 </span><a href="http://baike.baidu.com/view/540035.htm"><span style="color: #888888;">http://baike.baidu.com/view/540035.htm</span></a></p>
]]></content:encoded>
			<wfw:commentRss>http://xoxpirit.com/2010/09/08/web%e9%80%9a%e7%94%a8%e8%ae%be%e8%ae%a1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>无题10/9/6</title>
		<link>http://xoxpirit.com/2010/09/06/52823/</link>
		<comments>http://xoxpirit.com/2010/09/06/52823/#comments</comments>
		<pubDate>Sun, 05 Sep 2010 17:17:38 +0000</pubDate>
		<dc:creator>xpirit</dc:creator>
				<category><![CDATA[漫长的日子]]></category>
		<category><![CDATA[周末]]></category>
		<category><![CDATA[啤酒]]></category>
		<category><![CDATA[电影]]></category>

		<guid isPermaLink="false">http://xoxpirit.com/?p=52823</guid>
		<description><![CDATA[凉爽的周末，告别宅在家里的夏天。

见了VP小组的学弟们，听听他们的留学生活，创业起步，每个人都努力着，我这个老人不免有前浪触滩的感觉。当年一起做项目，我这个大他们一届的领头人，自觉是不称职的，最后大家辛苦做的网站，在校内上线，扑腾了几天，就由于各种原因悲剧了。虽然没有和他们聊起此事，但知道他们现在做的东西用php，我也稍感欣慰。一直觉得自己分享给他们的东西很少，但他们或周围的一些人，总在此事上以感恩的心情，向我道谢。面对这种来“没来由”的情况，我受宠若惊。双鱼男变得开朗了，跟我大聊星座，见过些世面，人就是不一样了。

拖着两瓶啤酒下肚的身体，胃隐隐有点难受，还是给F打了电话。南门出来，在民大街上继续烧烤啤酒。时间有点早，F没吃而我刚吃完一顿，胃容量相当悬殊。不过，小菜小酒，路过的mm，邻桌时不时传来的几句“どうして”，顿时觉得生活真切了。很早就说约喝酒，这次也差点因见学弟错过，不过还是应约了。其实也是感觉F有些话要说，有个敞开心扉聊天的朋友，不错。

看了期待的<a href="http://movie.douban.com/subject/3541415/" target="_blank">Inception</a>，果然不负吾望，相当精彩。相比avatar的Navi星球，更喜欢这种梦境世界的设计，Navi星球缤纷多彩，让人眼前一亮，但梦境却更有严谨的逻辑规则，让人发想与剖析。卡梅隆与诺兰的作品，仅从这一点上看，就都是富有科学与艺术性的设计。有机会真想再重温150分钟。]]></description>
			<content:encoded><![CDATA[<p>凉爽的周末，告别宅在家里的夏天。</p>
<p>见了VP小组的学弟们，听听他们的留学生活，创业起步，每个人都努力着，我这个老人不免有前浪触滩的感觉。当年一起做项目，我这个大他们一届的领头人，自觉是不称职的，最后大家辛苦做的网站，在校内上线，扑腾了几天，就由于各种原因悲剧了。虽然没有和他们聊起此事，但知道他们现在做的东西用php，我也稍感欣慰。一直觉得自己分享给他们的东西很少，但他们或周围的一些人，总在此事上以感恩的心情，向我道谢。面对这种来“没来由”的情况，我受宠若惊。双鱼男变得开朗了，跟我大聊星座，见过些世面，人就是不一样了。</p>
<p>拖着两瓶啤酒下肚的身体，胃隐隐有点难受，还是给F打了电话。南门出来，在民大街上继续烧烤啤酒。时间有点早，F没吃而我刚吃完一顿，胃容量相当悬殊。不过，小菜小酒，路过的mm，邻桌时不时传来的几句“どうして”，顿时觉得生活真切了。很早就说约喝酒，这次也差点因见学弟错过，不过还是应约了。其实也是感觉F有些话要说，有个敞开心扉聊天的朋友，不错。</p>
<p>看了期待的<a href="http://movie.douban.com/subject/3541415/" target="_blank">Inception</a>，果然不负吾望，相当精彩。相比avatar的Navi星球，更喜欢这种梦境世界的设计，Navi星球缤纷多彩，让人眼前一亮，但梦境却更有严谨的逻辑规则，让人发想与剖析。卡梅隆与诺兰的作品，仅从这一点上看，就都是富有科学与艺术性的设计。有机会真想再重温150分钟。</p>
]]></content:encoded>
			<wfw:commentRss>http://xoxpirit.com/2010/09/06/52823/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

