<?xml version="1.0" encoding="gb2312"?>
<rss version="2.0">
<channel>
<title><![CDATA[莲   子]]></title>
        <image>
        <title>http://hi.baidu.com</title>
        <link>http://hi.baidu.com</link>
        <url>http://img.baidu.com/img/logo-hi.gif</url>
        </image>
<description><![CDATA[]]></description>
<link>http://hi.baidu.com/lanx1983</link>
<language>zh-cn</language>
<generator>www.baidu.com</generator>
<ttl>5</ttl>


<item>
        <title><![CDATA[最好的奉献爱心的方式是捐款和献血]]></title>
        <link><![CDATA[http://hi.baidu.com/lanx1983/blog/item/c95af4fec8b8e6345d600836.html]]></link>
        <description><![CDATA[
		
		<font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   前天下午李大大打电话我说北京地震，反应迟钝的我说：米感觉啊。当天晚上才得知四川地区的震灾如此严重，心理难受，一直关注着，特别是看到那几个出事的学校，家长绝望地在操场上苦等孩子的消息。<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    灾区急需血浆供应，尤其是<strong>AB型血很缺</strong>，当然A，B，O型人家也不嫌弃。</font><font size="2">昨天开始清华C楼就排满鲜血的长队，很多学生等了好几个小时都没能献上血，大家都太希望为灾区做点事情了。</font><br>
<p><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;  <strong>捐款比捐物更解燃眉之急</strong>，因为，交通不畅通，捐赠品难以迅速到达；因为，捐赠品需要消毒、整理后才能运送，但是灾区的需要是迫在眉睫。所以，现金的力量更大！</font></p>
<font size="2">  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   李大大打算以我俩的名义向红十字捐款，不过中国红十字协会的网站已经瘫痪了，可见全国亿万民众都我们有着同样的想法。好在还有很多线下的方式可以捐款：<br>
<br>
中国红十字会总会救灾专用账号和热线：<br>
<br>
1、通过银行捐款<br>
<br>
开户单位：中国红十字会总会<br>
<br>
人民币开户行：中国工商银行北京分行东四南支行<br>
<br>
人民币账号：0200001009014413252<br>
<br>
外币开户行：中信银行酒仙桥支行<br>
<br>
外币账号：7112111482600000209<br>
<br>
2、通过邮局捐款<br>
<br>
收款人：中国红十字会总会<br>
<br>
地址：北京市东城区北新桥三条8号<br>
<br>
邮政编码：100007<br>
<br>
3、通过网上捐款<br>
<br>
登陆中国红十字会总会网站：redcross.org.cn点击进入&ldquo;网上捐赠&rdquo;栏目，按照提示操作即可。<br>
<br>
4、通过短信捐款<br>
<br>
中国移动、中国联通手机用户以及中国电信、中国网通小灵通用户均可编辑短信1或2，发送至1069999301，即向&ldquo;红十字救援行动&rdquo;捐款1元钱或2元钱。<br>
<br>
(通过银行、邮局和网上捐款在捐款时请注明捐款人姓名、通信地址、捐款意向如：四川地震捐款等信息，以便邮寄捐赠收据和感谢信)<br>
<br>
</font> 
		
		<br/><b>类别：</b><a href="http://hi.baidu.com/lanx1983/blog/category/%C4%AC%C8%CF%B7%D6%C0%E0">默认分类</a>&nbsp;<a href="http://hi.baidu.com/lanx1983/blog/item/c95af4fec8b8e6345d600836.html#comment">查看评论</a>]]></description>
        <pubDate>Wed, 14 May 2008 12:25:05 +0800</pubDate>
        <category><![CDATA[默认分类]]></category>
        <author><![CDATA[lanx1983]]></author>
		<guid>http://hi.baidu.com/lanx1983/blog/item/c95af4fec8b8e6345d600836.html</guid>
</item>

<item>
        <title><![CDATA[转贴：西方国家这次为什么会如此团结？]]></title>
        <link><![CDATA[http://hi.baidu.com/lanx1983/blog/item/54d1de803c822dd29023d90b.html]]></link>
        <description><![CDATA[
		
		<div><font style="font-size: 16px;"><font size="2">=_=! 汗！我又热血了一把。<br>
<br>
<font size="2">原文：</font><br>
<font size="2"><br>
&nbsp;&nbsp;&nbsp;  西方国家这次为什么会如次的团结？欧洲的德国、法国，一般是不会冒着这样的风险得罪中国这个经济大国的。伊拉克战争时德国和法国都和中国站在一边，不支持美国对伊动武。为伊拉克而得罪美国，不符合他们的国家利益啊。法国10年前为了不得罪中国，终止了对台军售，损失了几十亿的收入。而为什么今天会冒着这么大的风险公然与中国为敌？难到就是为了和自己根本不相干的西藏和奥运？<br>
<br>
&nbsp;&nbsp;&nbsp;  而另一个值得让人思考的问题是，一向是西方老大的美国，为什么这一次这么低调？让英、法、德在前台唱主角？对于西藏，西方国家很清楚，再怎么闹，中国也不可能做出让步。对于奥运，他们也很清楚，就算西方国家没有一个领导人出席北京奥运会，中国也就是面子上过不去罢了，对中国有实质影响吗？没有。<br>
&nbsp;&nbsp;&nbsp;  所以，西藏只是一个幌子，奥运也只是一个幌子。那么他们到底想从中国得到什么？<br>
<br>
&nbsp;&nbsp;&nbsp;  西方国家正面临着10年来经济陷入衰退的危险，他们需要有一个有实力的国家为这次西方经济的衰退买单。不言而喻，他们不约而同的想到了中国。做为一个普通老百姓，我对国际经济没有什么研究，但2008年一开始我还是隐约到中国经济面临的危险，现在也就想起了温总理说过的一句话：2008年也许是中国经济最困难的一年。现在想起正在进行的这场闹剧，真的有点让人毛骨耸然了。美国不是低调，是很冷静，他们早已经不露声色的出招了：<br>
1、美元贬值。因为美元贬值，人民币升值，中国16000亿美元的外汇储备已经人间蒸发了3000亿美元，而且还在继续蒸发中。更要命的是，由于人民币升值，中国出口产品成本增加，沉重的打击中国的出口，许多企业面临倒闭的危险。因为中国企业的倒闭，西方国家生产企业就可以开始生产复苏。<br>
<br>
2、通过高油价以拖跨中国经济。中国经济的高速发展需要大量的进品原油，而西方国家则不断的提高石油储备，造成高油价一直持续，以增加中国经济建设的成本。这就是美国为什么要打伊拉克、打伊朗的原因：控制石油就是控制了经济命脉。<br>
<br>
3、足涨中国金融泡沫。人民币升值，大量热钱自然要涌入中国，造成中国高成本、高币值的经济泡沫。或许这就是为什么政府就算是背着千夫所指都绝不救市的原因，就是为了打击国际投机资本在中国的恶意圈钱行为，而另一方面却不得不面对成千上万痛不欲生的股民的唾骂而有可能造成  谏缁岫 吹奈Ｏ铡Ｏ衷诳戳耍 裁次鞑厥录&#8482;、抵制奥运都是不足为道的事。<br>
<br>
&nbsp;&nbsp;&nbsp;  所以，&ldquo;西藏&rdquo;和&ldquo;奥运&rdquo;只是西方国家绑架的两个&ldquo;人质&rdquo;，他们真正的目的不是西藏，也不是奥运，而是以此为要挟，要中国为他们的经济衰退买单。不买单：搞乱你，要死大家一起死。买单：坐下来谈，你答应我我就息事宁人！<br>
&nbsp;&nbsp;&nbsp;  中国政府的冷静是对的，死死抓住经济建设这个中心不动摇才是关键。经济如果一垮，那就什么都垮了。国民要冷静，要相互理解，不要给政府出难题。还是那句话：发展才是硬道理，压倒一切的是稳定。一个普通的中国人都能预料到，我相信政府能从容应对。我们要支持政府打赢这场表面上看起来是舆论战，而事实上是经济的战争。<br>
<br>
&nbsp;&nbsp;  我们需要更团结 希望大家奔走相告：<br>
1、多省油！多乘坐公共交通出行能坐车就不要开车，能开窗户就不要开空调。<br>
2、多省电！路灯不用就关掉，能用耳机就不要开音箱，家电不用就要把整个开关拔下来。又省电又安全希望政府把夜景工程的灯光就关掉。<br>
3、支持国货！能买到国货就不要买外国货，促进内需钱要给自己人赚。<br>
4、努力工作！多开发和制造更好的产品实业才是救国之本！<br>
5、尊重自己！尊重国人不要崇洋媚外！<br>
6、告诉台湾、西藏包括其他民族的青年为什么我们现在还这么痛苦&mdash;&mdash;别的国家看不起，因为我们的祖辈太喜欢窝里斗。<br>
7、告诉身边的每一个人，中国只有强大才会有更好的家，落后就要挨打挨骂！<br>
8、政府在进步，督促政府更快的进步，而不是推倒他，那样高兴的是美日，痛苦的是自己！<br>
<br>
</font></font></font></div> 
		
		<br/><b>类别：</b><a href="http://hi.baidu.com/lanx1983/blog/category/%D7%AA%D4%D8%CC%FB%D7%D3">转载帖子</a>&nbsp;<a href="http://hi.baidu.com/lanx1983/blog/item/54d1de803c822dd29023d90b.html#comment">查看评论</a>]]></description>
        <pubDate>Mon, 21 Apr 2008 17:03:23 +0800</pubDate>
        <category><![CDATA[转载帖子]]></category>
        <author><![CDATA[lanx1983]]></author>
		<guid>http://hi.baidu.com/lanx1983/blog/item/54d1de803c822dd29023d90b.html</guid>
</item>

<item>
        <title><![CDATA[（翻译）魔术墨水——信息化软件和图形界面 part4]]></title>
        <link><![CDATA[http://hi.baidu.com/lanx1983/blog/item/2e2f7138c08d3e2796ddd86b.html]]></link>
        <description><![CDATA[
		
		<p class="MsoNormal">原文：<a href="http://worrydream.com/MagicInk/" target="_blank">Magic Ink - Information Software and the Graphical Interface</a> <br>
作者：<span style="font-size: 9pt; color: black;"><span> Bret Victor</span></span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;"><span><br>
</span></span></p>
<p class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">交互性被认为是不利的</span></strong></p>
<p style="text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>Chris Crawford为交互定义了一个三个阶段的进程：</span><span style="font-size: 9pt; color: red;">获悉指令，判断含义，作出回应。</span><span style="font-size: 9pt; color: black;">对于操作型软件来说，交互是十分有必要的：用户通过查看所呈现的内容，判断并执行下一步的操作。软件进而执行用户的操作要求，显示更新的内容。能循环反馈并有效执行的交互就像是在同软件<span>&quot;说话&quot;，过程顺畅且迅速。它的操作体验无异于使用通常的物理工具。</span></span></p>
<p style="text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>而信息化软件则恰恰相反，它类似于我们平常生活中的&ldquo;阅读&rdquo;，而不是操作。它的目标是&ldquo;认知&rdquo;──构建一个意识上的模型。因此，用户需要聆听软件，思考它说了些什么…而手动操作则很少出现。手动操作存在的唯一理由就是它能够明确提供一些情境，使得软件能够在缺乏关联数据的初期积累更多信息。</span><span style="font-size: 9pt; color: red;">对信息化软件而言，所有的交互基本上都是围绕数据空间进行的。</span></p>
<p style="text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>例如，Amazon的数据空间是由其分类目录组成的。黄页中包含了所有企业名单;电影指南中包含所有上映时间和电影资料;机票预订中包含了所有机场的行线信息。在所有这些情境中，每一次的交互，包括点击鼠标，敲击键盘，搜索关键词和选择菜单，都是为了将用户的视线吸引到数据空间。简单来说，这就是导航。</span></p>
<p style="text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>Alan Cooper把在认知过程中的附加工作比作是使用工具时的额外负担──它无法直接到达目标。举例来说，给机车加油只是让它作为了汽车运行的动力，而并没有让车到达目的地──这才是最终目标。Coopper断言，软件导航只是个完成目标的中介。</span></p>
<p style="text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt;"><span> </span>关于导航，最重要的是要知道，几乎在所有情况下，他代表着纯粹地附加工作。或者至少很接近附加工作。除了在游戏里，用户目标就是成功的穿越障碍或迷宫来成功导航之外，在软件里，导航不能满足用户的目标&lsquo;需要或者期望，不必要的或困难的导航会成为用户沮丧的主要原因，实际上，在作者看来，糟糕的导航是任何应用软件或者系统──桌面的，基于Web的或者其他系统设计中的头号问题。 </span></p>
<p style="text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>如果所有的交互都只是导航，那导航就应该算做是头号软件问题，它另交互看起来糟透了。不过，与其他两种情境关联的来源相比，互动性还存在更为严重的问题，而不仅仅只是令人沮丧地浪费时间：<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      </span></span></p>
<p style="margin-left: 57pt; text-indent: -18pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>·<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      </span></span></span><span style="font-size: 9pt; color: black;">用户必须明确知道她想要什么才能要求获得什么。而那些提供历史数据和环境关联的软件可以主动为用户推导出潜在的相关信息，否则，用户自己不会有明确的概念去要求获得这些信息。纯粹的交互软件迫使用户提出明确需求。</span></p>
<p style="margin-left: 57pt; text-indent: -18pt;" class="MsoNormal"><span style="font-size: 9pt; color: black; text-transform: uppercase;"><span>·<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      </span></span></span><span style="font-size: 9pt; color: black; text-transform: uppercase;">用户不得不清楚如何发问。也就是说，她必须学会操作一台机器。</span><span style="font-size: 9pt; color: black; text-transform: uppercase;"> Donald Norman提出</span><span style="font-size: 9pt; color: black; text-transform: uppercase;">的关于确定用户&ldquo;心理模型&rdquo;的观点在软件可用性领域已经得到普遍认可，而且被认为是一个核心的设计挑战。但是，</span><span style="font-size: 9pt; color: black; text-transform: uppercase;">Norman在当初提出这个概念主要针对的是</span><span style="font-size: 9pt; color: black; text-transform: uppercase;">机械设备领域。因此，它只适用于那些包含机械隐喻的软件，它们才需要确定用户的&ldquo;心理模型&rdquo;。而一个低交互性，非机械隐喻模式的信息图形能让用户和设计师从&ldquo;心理模型&rdquo;的束缚中解脱出来。</span></p>
<p style="margin-left: 57pt; text-indent: -18pt;" class="MsoNormal"><span style="font-size: 9pt; text-transform: uppercase;"><span>·<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      </span></span></span><span style="font-size: 9pt; text-transform: uppercase;">导航意味着规则。导航只所以在软件中存在，是因为用户很容易迷失方向。导航越多，说明迷失的可能性越大。操作的规则越多，说明人们越容易操作出错。操作规则是人们害怕使用电脑的主要原因──条条框框越多的东西越容易出错。</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>此外，互动暴露了身体的劣势。手动比眼动要慢得多。 Licklider这个词形容花费数小时绘制图形而只需花几秒就能看完它们。这同样可以用来形容用户必须手动索取资料的状态──不能合理分配鼠标点击和眼睛查看的时间，她大部分时间都被用于操作航行而不是获取信息。此外，用户可能更愿意在用眼睛获取信息的同时用手干点别的，例如写字，吃东西或抚摸猫咪。每当软件占用用户的双手，都意味着其他本可以并行的事被打断。</span><span style="font-size: 9pt;">最后，越来越多的与电脑有关的由于重复性操作导致受伤的案例表明，不加选择的互动行为对身心都会产生伤害。</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>不幸的是，那些致力于电子产品人因工程的团体都将术语锁定为&ldquo;交互&rdquo;。对于信息化软件来说，真正的重点是情境关联，交互只不过是实现它的一个手段。</span><span style="font-size: 9pt;">特别是在只能通过鼠标笨拙地点击进行 &ldquo;输入&rdquo;时，交互应该只能被当作是最不得已才使用的手段。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">可能会有设计者提出抗议，认为交互在实践中是不可避免的，甚至认为我的理想──无交互软件，只是无稽之谈。这只是因为该想法一直未得到重视和发展。我相信，随着发现更新的情境关联图表模式，探索更好的获取和利用信息环境及历史数据的手段，&ldquo;点击&rdquo;和&ldquo;拖拽&rdquo;这两个当前用于信息检索的典型手段将被认为是可笑的老一套。但是，由于学术界的倡导和商业公司的附和，&ldquo;交互&rdquo;仍会在未来持续存在一点时间。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"> </span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">减少交互</span></strong></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>当某个软件迫使用户进行交互，它就把自己判定为操作型软件。</span><span style="font-size: 9pt;">软件的外部模型通过对导航进行操作形成情境模型。但是，不同于真正的操作型软件，用户不关心这个外部模型──它只是为了最终看到相关信息的一种手段。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>设计者的目标是让用户以尽可能少的操作塑造出情境模型。假设将图形设计，历史数据和环境关联等手段被抛在一边，他们就没有什么技术手段可以减少交互带来的负面影响了：</span></p>
<p align="left" style="margin-left: 21pt; text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">*</span><span style="font-size: 9pt; color: red;">形象化操作</span><span style="font-size: 9pt; color: black;">能将情境模型应用于适当的信息集合中。</span></p>
<p align="left" style="margin-left: 21pt; text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">*</span><span style="font-size: 9pt; color: red;">相关性引导</span><span style="font-size: 9pt; color: black;">能让用户确认模型，而无需建构模型。</span></p>
<p align="left" style="margin-left: 21pt; text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">*</span><span style="font-size: 9pt; color: red;">紧凑的反馈循环</span><span style="font-size: 9pt; color: black;">能让用户无需太多操作便能接近结果。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>形象化操作。命令行系统被批评为强迫用户来学习电脑的语言。现代</span><span style="font-size: 9pt; color: black;">的图形界面</span><span style="font-size: 9pt; color: black;">可能会更容易使用，但它相对前者在这方面没有太大的改进。</span><span style="font-size: 9pt; color: black;">图形界面</span><span style="font-size: 9pt; color: black;">语言是由菜单，按钮，以及确认框组成的，每一个控制元素都是非情境化的。用户要通过一个特定的的指令输入需求──它完全不同于任何人类语言，缺乏形象化的含义且很不自然。<span> </span></span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>打个比方，看这个男孩如何向别人&ldquo;演示和描述&rdquo;他的玩具：</span></p>
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/mccloud.png" small="0" class="blogimg"></div>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;">话由于这个孩子的描述能力不强，他只能通过演示来传达复杂的概念。同样地，图形界面的发展并不完善，使得文字提示繁琐且晦涩，但软件的动态传递是理想的演示方式。用户可以点击某处的信息图形，说：&ldquo;就是这儿！&rdquo;，来获取该处的关联情境。 </span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>两个最根本的描述情境的条件便是&ldquo;时间&rdquo;与&ldquo;地点&rdquo;。几千年来，人们都以这两个条件为基础来绘制专门的信息图表。但仍有许多现代软件放弃了这一传统做法，看这家网上热门的搬家公司： </span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/uhaul_original.png" small="0" class="blogimg"></div>
</span></p>
<p style="text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>这些下拉菜单既突兀又没能显示充足的信息。地理位置应该从地图上找，而日期应该从日历上选。这是重新设计后的效果：</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/uhaul_redesign.png" small="0" class="blogimg"></div>
<br>
</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>这个设计也并非最理想。地点和日期信息应该能从用户既有的地图和日历上提供。但在满足这样需求的平台普及之前，软件至少应该提供类似的临时服务。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>作为进一步应用特定情境的一个例子，看一个主流的网上花店设计是如何让用户局限在下拉菜单里的： 对比另一个简单的可视化导向设计：</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><br>
</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/flowers.png" small="0" class="blogimg"></div>
</span></strong></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">我们是怎么发展到今天的？</span></strong></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>当前的很多软件都存在交互多，信息少的问题。我能想到的几个原因是。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>首先，我们目前的用户界面范式，是在另一个技术时代发明的。举例来说，最初的Macintosh时代，没有网络，没有大规模的存储，而且很少有跨程序的沟通。因此，它无从获取它自身环境之外的数据，记忆空间太少以致于无法保留重大历史记录。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>交互是设计者可利用的唯一手段。因为在当时，计算机无需提供太多的信息，所以，大部分软件还都是操作型软件──打字机，绘图板，分类账簿。经过二十年的发展以及互联网爆炸时代的到来，软件可以提供更多的服务。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>现代软件模拟机械运行机制的第二个原因是，对于那些创建软件的人来说，计算机就是一台机器。程序员生活在操作模式中，她操作一台计算机就如同驾驶一辆车。因此，她下意识的认为软件也必须像一台机器那样被操作，即使它的功能只类似于报纸或书籍。更糟的是，那些设计平台和图形界面工具箱的人更容易从这个角度看问题，因为他们工作于更低的层面。然后，应用软件设计师在设计大环境的影响下，几乎被迫投入到对机械模型的研究中去了。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">即便有些软件认识到了应该&ldquo;丰富信息，简化交互&rdquo;，却还是依旧把时间浪费在改良操作方式上，一次又一次的更新版本。对于设计师和程序员来说增加菜单项目和对话框都比重新设计一个动态图形更容易，有时，他们的理由是应该尽可能少改变用户的使用习惯。经过十次改版后，这个软件很可能改得像个怪物，用户花费在向下拉动菜单的时间比了解和获取信息的时间还要长。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      </span><span> </span>软件不应该这样发展，但解决这个问题需要对设计流程和技术平台作大量地重新思考。经过最近设计的一个案例进行详细研究，我将谈谈面对信息软件革命我们需要做些什么。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"> </span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">演示：行程规划</span></strong></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>BART是</span><span style="font-size: 9pt; color: black;">美国海湾地区快速运输系统</span><span style="font-size: 9pt; color: black;">，的官方网站就像是个稻草人那样有名无实，因为<span>BART几乎已经不存在竞争压力了，因此也没什么动力去提供一个高质量的网站。但另一方面，航空业则抓住每一个机会向客户提供优质的服务。不过，规划一次航空旅行和一次地下运输其实是差不多的。但我查了其他10个航空公司网站，发现他们十分（几乎完全）相似。</span></span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>首先，机械化的，毫无信息的配置屏幕：</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/flight_original_1.png" small="0" class="blogimg"></div>
<br>
</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>然后是文本化的结果列表：</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/flight_original_2.png" small="0" class="blogimg"></div>
<br>
</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">有实质意义的信息被压缩成几栏，排列在左侧，而屏幕右侧的大部份空间被分层定价列表占用。（截图中只显示了右侧列表的一部分）。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">用户有可能提出哪些问题？</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*这条航线会在哪些城市中转？他们位于何处？</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*航班白天会停经哪些地方，我想顺道逛一逛？</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*他们起飞和抵达的时间分别是何时？</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*要飞多久？（跨时区有可能造成这种迷惑）。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*中间停靠几次？要转签几次？<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      </span></span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>看看这个设计：</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/flight_redesign.png" small="0" class="blogimg"></div>
<br>
</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;">航班的飞行时间和飞行距离，以及到达中转站的时间和距离及中转停留的时间，这些都能通过视觉呈现直观的进行对比。那些无需中转的航线格外突出，因为他们完全是蓝色的，而中转航线则是双色的。<span>6：50从</span></span><span style="font-size: 9pt; color: black;">Hartford起飞的航班与</span><span style="font-size: 9pt; color: black;">7：20起飞的航班在排列的位置上有明显不同。通过查看顶端的灰条可以方便的将时间转换成任何时区。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>交互尽可能被简化了，每个点击都会有明确的语句提示。充其量就是双击地图，拖动日历，双击票价，可能还需要一些网页滚动。根据既有数据进行的预测（自动选择最近的购买路线，并展示最近的旅程名列表）可以为许多旅行者消除或减少对地图的浏览时间。一个不断更新的预测机制，还能发现用户总是每月第一周的周一到周五呆在</span><span style="font-size: 9pt; color: black;">Baltimore这一规律，然后</span><span style="font-size: 9pt; color: black;">自动将这一规律记录到日历，这样就可以免去相关的交互。当然，因为所有信息都是在同一页上展示，并且反馈非常及时，用户也可以考虑其他出发日期和中转城市，并且可以即时查看航班是否有空位。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">航空业近几年一直处于低迷状态，航空公司一直拼命争取乘客。其中，不成功的甚至面临破产。面对这么大的赌注，为什么没有任何航空公司试图通过更好的软件设计改善购票者的购物体验？</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>问题主要还是在于观念。试问：&ldquo;为什么西南航空不设计个更好的软件？&rdquo;，这个问题只看到了表象，没有抓住本质。本质上的问题是，&ldquo;</span><span style="font-size: 9pt; color: red;">真正意义上的软件设计诞生了吗？</span><span style="font-size: 9pt; color: black;">&rdquo;，在我们期待获得更好的航空网站之前，我们可能需要改变一下观念。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal">(未完待续）</p> 
		
		<br/><b>类别：</b><a href="http://hi.baidu.com/lanx1983/blog/category/%D3%C3%BB%A7%CC%E5%D1%E9">用户体验</a>&nbsp;<a href="http://hi.baidu.com/lanx1983/blog/item/2e2f7138c08d3e2796ddd86b.html#comment">查看评论</a>]]></description>
        <pubDate>Tue, 04 Mar 2008 12:12:50 +0800</pubDate>
        <category><![CDATA[用户体验]]></category>
        <author><![CDATA[lanx1983]]></author>
		<guid>http://hi.baidu.com/lanx1983/blog/item/2e2f7138c08d3e2796ddd86b.html</guid>
</item>

<item>
        <title><![CDATA[（翻译）魔术墨水——信息化软件和图形界面 part3]]></title>
        <link><![CDATA[http://hi.baidu.com/lanx1983/blog/item/4329dd176066c80dc83d6d68.html]]></link>
        <description><![CDATA[
		
		<p align="left" style="text-align: left;" class="MsoNormal">原文：<a href="http://worrydream.com/MagicInk/" target="_blank">Magic Ink - Information Software and the Graphical Interface</a> <br>
作者：<span style="font-size: 9pt; color: black;"><span> Bret Victor</span></span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span><br>
</span></span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">情境关联信息图形</span></strong></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>印刷品的最大缺陷是：油墨附着在纸面后是不可更改的。墨水加纸张的设计成果是静态的──它不得不同时展示所有的数据。不过，好在用户在某一时刻通常只关心某一个环节的信息。设计师面临的挑战是组织数据，使某一类关联信息能聚合在一起，而读者面临的挑战是必须手眼齐动才能在整个数据空间中找到对她有用的一组信息。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>举例来说，候车的人在查看巴士时刻表时，不得不在复杂的矩阵图中找出某路巴士在某站的停靠时间，以获悉下一辆巴士什么时候到达。当驾驶者在一个陌生的城市迷路时就得翻遍行车地图，对照邻近的标志性建筑来确定当前位置。这就好像要你从一大堆书中查找出某一条信息，肯定不会出现那么走运的事──书架上刚好有这么一本书，而这本书里刚好有这么一页，这页里又刚好有你想要的条目！因为这些结果都是以静态图像呈现的，读者不得不大费周折才能找到答案。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>现代计算机系统克服了这一限制。软件能做到：</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*通过情境找出有用数据。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*过滤数据并将无关数据排除。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*生成图表来展示当前所需的信息。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>计算机的动态显示屏将我们从原先的静态出版物中解放出来。像素点就像是神奇的墨水──能够根据不同情况为每个用户展示出不同的信息。CPU，存储介质，网络，输入设备──都是它用作推断情境的辅助工具。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>信息化软件的设计实际上就是将情境关联信息图形化。与传统的图形设计不同，我们无需在一张纸上展示出所有信息以供任何用户在任何情况下查找，而只需在图形上展示当前这位用户最需要的信息。软件能够让数据以各种方式拆分组合，每次只提供给用户他关注的部分。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;">不管设计师是否意识到这一点──其实</span><span style="font-size: 9pt; color: black;">所有的信息化软件都是由情境关联图形构成的。例如，搜索引擎的结果列表就是一个情境关联图表。该软件的数据空间是由世界上的所有网站构成的。用户只要使用相应的关键词，就能把搜索结果缩小到十几个。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>事实上，软件可以通过三个线索来推断情境：</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*</span><span style="font-size: 9pt; color: red;">环境</span><span style="font-size: 9pt; color: black;">──感知周围动态。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;      </span><span>&nbsp;&nbsp;</span>*</span><span style="font-size: 9pt; color: red;">历史</span><span style="font-size: 9pt; color: black;">──存储以往的数据。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*</span><span style="font-size: 9pt; color: red;">交互</span><span style="font-size: 9pt; color: black;">──收集用户输入的信息。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"> </span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt;">从环境中推断情境</span></strong></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>一个人通过她身体的五大感官了解周围。用样，软件不存在于真空，它可以通过连接硬件和其它软件来获悉用户的很多情况。那些存在于软件周边环境中的情境线索有：</span></p>
<p align="left" style="margin-left: 21pt; text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">日期和时间。</span></strong><span style="font-size: 9pt; color: black;"> 时间是我们规划生活的一个基本尺度。 无论是在数据空间和现实环境中，&ldquo;当前&rdquo;总是很重要的。因为用户在寻找信息时，那些&ldquo;当前&rdquo;或&ldquo;最近&rdquo;的信息往往是最有用得。幸运的是，再普通的计算机也都有时间概念。比如：一个人使用巴士时刻表软件就可以不必为寻找下一趟巴士的到站时间而煞费功夫了。</span></p>
<p align="left" style="margin-left: 42pt; text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">地理位置。</span></strong><span style="font-size: 9pt; color: black;">同样，在地理位置上最常出现的词是<span>&quot;这里&quot;。不幸的是，这个概念目前很难界定，但发展潜力巨大。显然，一个地图软件有必要知道用户的当前位置，巴士时刻表软件，商业订购软件，运输规划软件，旅游指南软件，以及大量其它信息软件也一样。</span></span></p>
<p align="left" style="margin-left: 42pt; text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">物理环境。</span></strong><span style="font-size: 9pt; color: black;">通过提供时间和地点，就能轻易通过网络的到有关物理环境的信息，如天气。例如，旅游指南软件可以建议用户晴天去公园，雨天去博物馆。</span><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      </span></span></p>
<p align="left" style="margin-left: 42pt; text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">其他信息化软件</span></strong><span style="font-size: 9pt; color: black;">，如开放式的网站。通过读取一些信息，就能发现用户的关注点。所有其它信息软件也应加以留意。假设一个人正在网站上寻找即将推出的舞台剧信息。那么，当她打开她日历软件，上面就应该自动显示哪些演出可以列入她的日程表。当她打开地图软件，她就应该能看到去往剧场的路线图。当她打开餐馆指南软件，她就应该能看到剧院附近的餐馆列表，此外，除非剧院有日场演出，否则这些信息就不应该在午餐前显示出来。</span></p>
<p align="left" style="margin-left: 42pt; text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">通过操作型软件创建的文档。</span></strong><span style="font-size: 9pt; color: black;">通过产生信息来强化关注点。假设，某人在撰写论文时需要关于&ldquo;<span>cats&rdquo;的资料，而该论文的的标题是&ldquo;动物癌症的种类和治疗方法&rdquo;，那她所需要的信息显然更侧重于医学。如果题目是&ldquo;埃及历史&rdquo;，那应该是侧重于古埃及对猫的崇拜。如果该论文是与建筑结构有关的，那&ldquo;cats&rdquo;则一定指的是</span></span><span style="font-size: 9pt; color: black;"> </span><span style="font-size: 9pt; color: black;">CATERPILLAR公司</span><span style="font-size: 9pt; color: black;">生产的重型机械</span><span style="font-size: 9pt; color: black;">而不是什么猫咪。</span></p>
<p align="left" style="margin-left: 42pt; text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">电子邮件。</span></strong><span style="font-size: 9pt; color: black;">在最近的电子邮件中出现的姓名，地址和电话号码显然能构成十分宝贵的线索。收件人打开日历软件时应该能同时看到自己和发件人的时间表。当她打开地图，邮件中出现的地址应该自动被标注出来。此外，最近的邮件应该能显示当前状态，某个发件人的所有存档邮件应该作为一个整体用来描述用户的特点和兴趣。假设某人想找与&ldquo;</span><span style="font-size: 9pt; color: black;">racing</span><span style="font-size: 9pt; color: black;">&rdquo;的有关信息。这个词可以解释为赛跑，赛自行车，赛跑车等多种竞赛项目的术语，如何确定他想找得到底是什么，查找他与别人的通信中最常出现的项目，这将是个不错的参考。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>所有软件都应该联系周围环境，从中获取信息。使用那些从不考虑环境因素的软件就像是同一个盲人说话一样──你需要不断向他描述信息。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>另一方面，当信息环境与历史数据相联系将产生十分巨大的资源──我们应该让历史为软件所用。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"> </span></p>
<p class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">从历史数据中推断情境</span></strong></p>
<p style="text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>一个人并不只是运用自己的感官来认知事物，她还会参考过去的经验。同样，软件也可以利用它的记忆体来判断当前的情况。我们往往可以从历史数据中找到与当前事物有关联的信息。</span></p>
<p style="text-indent: 21pt;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;"><span> </span>利用既有数据推测</span></strong><span style="font-size: 9pt; color: black;">解决当前问题的方式，这是最简单的手段。它将当前问题简单地等同于之前出现过的问题。这是相对合理的，因为在许多情况下，用户的操作前提是相对固定的，不太会在短期内发生变化。举例来说，假设用户昨天想在<span> North Berkeley找间一居室的公寓，她今天很可能仍关心这方面的信息。因此，软件应该自动提供相关信息。</span></span></p>
<p style="text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>既有数据经常被作为参考并直接影响操作结果。也就是说，关联是持续性的，除非用户对此做出修改。因此，这类软件总是越用越符合用户的个人习惯。 如果用户真的很在意软件要与自己的使用意图保持同步，那这种设计将是十分受欢迎的。然而，很多信息软件并没有做到这一点。（如果你放下报纸，几个小时后回来时，你会不会在意这不是你刚才在看的那个版面，我想，你压根都记不得你刚才看的是哪个版面。另一方面，如果当你回来时，我把报纸翻到你最喜欢读的那个版面，你也许会因此感到高兴）由此看出，我们应该利用既有数据推测用户需求而不只是简单地提供操作结果。</span></p>
<p style="text-indent: 21pt;" class="MsoNormal"><strong><span style="font-size: 9pt; color: black;"><span> </span>智能预测用户需求</span></strong><span style="font-size: 9pt; color: black;">必须更深入的了解用户。建造一个模型来解释过去的情境，并以此通过关联来推测当前情境。</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;">一个简单的解决办法是发现两个情境中的共同的属性，由此缩小预测当前情境的依据范围。例如，在一个音乐库，当用户选中列表中的几个蓝调歌曲，软件应该自动显示更多该流派的歌曲。随着对用户这一结果的进一步肯定，软件可以考虑进一步删减其他流派的歌曲。另一个例子，假设一个用户需要有关<span> &quot; Lightwave &quot;，&quot; Bryce &quot;和&quot; Blender&quot;的资料，这些三个词都有很多解释，但把它们作为整体联系起来看，他显然是在描述一个三维渲染软件包。以后，当他搜查&quot;Maya&quot;这个词时，显然不应该理解为他想查找有关古代文明的资料，而是一个名为&ldquo;Maya&rdquo;的三维渲染软件，应该自动将关于该软件的信息提供给他。</span></span></p>
<p style="text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>另一种简单的解决办法是，通过既有数据加速用户做出决策。如果一个人查找一个旅游指南：第一天前往大峡谷，第二天去拉斯维加斯，软件应该自动建议第三天去洛杉矶周围游玩。</span></p>
<p style="text-indent: 21pt;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span> </span>Amazon, iTunes ，以及越来越多的其它在线零售商正在实施类似计划。不过，除了微不足道的的垃圾邮件过滤器，非零售的信息软件中，利用既有数据提供关联信息的例子仍然少之又少。它们中的大多数在新一天的开始又会将用户前一天留下的信息忘得一干二净。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">不幸的是，面对用户一次又一次的重申其需求，反反复复的点击鼠标，没完没了的敲击键盘，浪费一个又一个小时，有些软件却把这称为&ldquo;交互性&rdquo;。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal">(未完待续）</p> 
		
		<br/><b>类别：</b><a href="http://hi.baidu.com/lanx1983/blog/category/%D3%C3%BB%A7%CC%E5%D1%E9">用户体验</a>&nbsp;<a href="http://hi.baidu.com/lanx1983/blog/item/4329dd176066c80dc83d6d68.html#comment">查看评论</a>]]></description>
        <pubDate>Tue, 04 Mar 2008 12:05:48 +0800</pubDate>
        <category><![CDATA[用户体验]]></category>
        <author><![CDATA[lanx1983]]></author>
		<guid>http://hi.baidu.com/lanx1983/blog/item/4329dd176066c80dc83d6d68.html</guid>
</item>

<item>
        <title><![CDATA[（翻译）魔术墨水——信息化软件和图形界面 part2]]></title>
        <link><![CDATA[http://hi.baidu.com/lanx1983/blog/item/975f960209fa0b0b4afb516d.html]]></link>
        <description><![CDATA[
		
		<p align="left" class="MsoNormal" style="text-align: left;">原文：<a href="http://worrydream.com/MagicInk/" target="_blank">Magic Ink - Information Software and the Graphical Interface</a> <br>
作者：<span style="font-size: 9pt; color: black;"><span> Bret Victor</span></span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span><br>
</span></span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><strong><span style="font-size: 9pt; color: black;">信息化软件设计就是图形设计</span></strong></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: rgb(153, 51, 0);"><span>&nbsp;&nbsp;&nbsp;       </span></span><span style="font-size: 9pt; color: black;">这就像我要求软件做很多事情。但它没有什么高深的奥妙──没有对复杂现象的模拟，没有对外部世界的映射，当然也不会具备注入&ldquo;生命火花&rdquo;的超能力。我要求软件提供一套良好的方式展示复杂的数据，使我能理解并思考。这是一个很好的既定目标；</span><span style="font-size: 9pt; color: black;">它是信息图形化设计存在的理由。我的挑战是──做完美的图形设计案例。</span><span style="font-size: 9pt; color: black;"> </span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt;"><span>&nbsp;&nbsp;&nbsp;       </span>一个优秀的信息图形能够激励人们提出或回答问题，比较结果并得出结论。<span style="color: black;">它通过激发人眼的各种潜能──瞬时不费力的运动，高速、高频的并行处理，对内在模式认知与关联，通览全页或聚焦细节的微观/宏观二元性──来做到这些。</span>与此同时，图形能规避人的弱点：单一维度且不可控的听觉系统，相对迟缓的运动系统，有限的理解隐性机制的能力。一个图形在呈现时无需任何用于理解或操作的机制──它能直接进入到心理空间的推理中心。</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;">例如这个列车时刻表：</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"> </p>
<div align="left" forimg="1"><img border="0" class="blogimg" small="0" src="http://worrydream.com/MagicInk/p/train_table.png"></div>
<br>
<p> </p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;       </span>这样的设计可能对乘客十分有用，他们关心的问题大多是列车何时到达车站。但铁路系统的运营商关心的则是：在某时列车正开至何处？列车的时速是多少？两列车的轨道交叉点在何处？（因为他们必须在此处错开列车经过的时间！ ），列车当日的始发点和终点在何处？如果火车晚点，如何告知乘客？上述问题都很难通过该软件得到解答。如果将设计作如下修改结果可能就很不一样了：</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;">
<div align="left" forimg="1"><img border="0" class="blogimg" small="0" src="http://worrydream.com/MagicInk/p/train_graph.png"></div>
<br>
</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;       </span>每辆列车都用一条明显的色线代表，纵轴代表轨道线路，横轴代表时间。坡度线代表着火车的方向和速度;线段平行于横轴时代表在某一站点停留。这个图表相比上一个没有包含更多数据只是将信息重新整合了，但所有经营商关注的问题，此时一目了然。而且，诸如两列车的轨道交叉点这些信息看上去十分明了，无需任何注解。如果一辆列车延误，它的所有数据会被重新计算，绘制出一条新路线。</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;       </span>与大量现有的以纸张为载体的设计相比，大多数的软件设计都很欠佳。这只是表相的问题，深究其原因，我相信最主要的问题在于，很多软件设计师认为他们正在设计的是一台机器。他们关注的是──软件如何被操作。他们首先会问：哪些功能是软件必须具备的？软件必须接收哪些指令？哪些参数可以进行调整？（换言之网站：哪些页面必须存在？他们之间如何链接？哪些是动态功能？）设计师一开始就指定<em>功能</em>，但却忽略了信息化软件的本质是<em>展示信息</em>。</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;       </span>我认为信息化软件设计应该以图形设计为出发点。首要关注的应该是信息如何&ldquo;呈现&rdquo;的问题。设计师要自问：哪些是相关信息？用户想知道些什么？哪些情况下她需要对结果进行对比？她可能会做出怎样的决定？怎样才能让数据有效呈现？怎样才能将视觉语汇和图形设计技巧用于指导用户做出决策？设计者首先要考虑的就是软件的视觉呈现，因为用户使用软件是为了认知──而认知的主要手段就是&ldquo;看&rdquo;。</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;       </span>我们不应将以纸为介质的设计作为上世纪的遗留下的老古董而舍弃在一边，我们要意识到它是软件设计的基础。如果在信息化软件中呈现数据无法做到像在纸面上呈现的那么好，那我们的进步何在？</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;"> </span></p>
<p class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">演示：展示数据</span></strong></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;       </span>Edward Tufte关于设计统计图表的第一条原则便是：&quot;展示数据&quot;。所有的信息图形都应该让用户在查看数据时一目了然。然而很多的软件设计者在设计时一味的关注于软件的功能设计却很少花时间考虑如何展示数据。</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;       </span>看看在线书籍的搜索结果：</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;">
<div align="left" forimg="1"><img border="0" class="blogimg" small="0" src="http://worrydream.com/MagicInk/p/books_original.png"></div>
<br>
</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;       </span>针对以上的图形设计能够提出大量批评──字号不一，粗细各异的文字拥挤地排列在一起，各种色彩交织，简直像个嘉年华盛会。文字充斥整个页面，让人眼花缭乱。最糟糕的是，<em>没有足够的信息让人作任何决定。</em></span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;       </span>用户的目标是从某些特定话题中找到最中意的书。因此，书籍的展示应该与这个问题相关──用户可能会存在什么样的疑问？</span></p>
<p align="left" class="MsoNormal" style="margin-left: 21pt; text-align: left;"><span style="font-size: 9pt; color: black;">*这本书怎么样？是关于什么的？我会喜欢么？</span></p>
<p class="MsoNormal" style="margin-left: 21pt;"><span style="font-size: 9pt; color: black;">*这本书好吗？别人对它的评价如何，这些评论可信么？</span></p>
<p class="MsoNormal" style="text-indent: 21pt;"><span style="font-size: 9pt; color: black;">这些问题的答案可以作为选择相关书籍时的参考。帮助用户做出决定，引导他们购买。</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;">不幸的是，这些问题根本无法在所提供的信息中找到答案。用户必须逐个点击商品才能看到相关信息。也就是说她不得不通过手的操作而不能光靠眼睛浏览找到答案，还得运用自己的记忆对各个跨页面的信息进行比较。</span></p>
<p class="MsoNormal" style="text-indent: 21pt;"><span style="font-size: 9pt; color: black;">问题在于，</span><span style="font-size: 9pt; color: black;">这个图表只罗列出了一系列书籍作为它们之间进行比较的索引页面。但</span><span style="font-size: 9pt; color: black;">它的用途不应该只</span><span style="font-size: 9pt; color: black;">是</span><span style="font-size: 9pt;">作为一<span style="color: black;">个可供查询和比较的清单，而应该是帮助用户获得她感兴趣的图书的信息。</span></span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;">这是重新设计后的效果：</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;">
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/books_redesign.png" small="0" class="blogimg"></div>
<br>
</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;       </span>这本书怎么样？表格中提供了概述的简介。它是本好书么？评级和评论显示了读者对它的看法。所有信息在同一页呈现，用户只需用眼睛比较，无需费神记住它们。</span></p>
<p class="MsoNormal" style="text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span> </span>1─5星的评级体系，提供的信息并不充足，因为它取的是众人评价的平均值。用户还可以根据星级下的小红点获悉不同人对书的评价差异。有些书众人对它的评价大致相同，比如
<div forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/books_stars_1.png" small="0" class="blogimg"></div>
──大家都觉得它是本还不错的书（小红点都集中在中间三颗星上）。而有些书，有人爱它至极有人恨它入骨，比如
<div forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/books_stars_2.png" small="0" class="blogimg"></div>
──人们对它的评价差异很大。虽然它俩的评级都是三星，但显然意义不同。观众还可以看到那些评价很高的书有什么负面评论，相比大量的赞美之词，批评往往更有启发性。从整体上来看，小红点并没有喧宾夺主，过分吸引人的视线，反映平均值的星级还是更为显眼的，不关心评价差异的用户完全可以忽略它。</span></p>
<p class="MsoNormal" style="text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span> </span>文字加粗和颜色改变只用在个别需要强调的信息上。那些次要的信息设成灰色文字，与背景色相近，暗示用户只需浏览。所有重要的信息和图片都一律限制宽度，靠左侧对齐──处在最佳可视范围内，而右侧栏只用来显示补充信息。观众只需垂直查看左侧栏就可获取所有重要信息，如果她发现其中有感兴趣的内容还可以花点时间看看右侧栏中的相关信息。</span></p>
<p class="MsoNormal" style="text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span> </span>用户有时候会有个模糊的概念──想看某一类的书籍，可他又无法将它具体到某个关键词进行搜索。基于这个原因，可以给每本书提供一个迷你的相关书籍列表──以供用户找到与此书类似的书籍，或者并不相似但十分有意思的书籍。</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;">通常，软件设计人员总是会操心功能问题，以及用户如何进行交互？显然，上一个例子中，除了<span>&quot;相关书籍&quot;列表，点击有关这本书的任何一个链接，都只能看到关于该书的某个细节或购买选项。点击它们对用户来说有什么意义？这就像把一本书撕的支离破碎。</span></span></p>
<p align="left" class="MsoNormal" style="text-align: left; text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span> </span>与原来的设计相比，这个设计有很大的改观。不过，我认为这仍只是个保守的设计。应该会有更好的设计──能显示更多的数据，让用户浏览更多内容，有更充分的空间与相关书籍进行比较。改变一下观念就能创造极大的可能性。它不是搜索结果的列表──它是信息的图形化呈现。它用于认知。</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;">演示：组织数据</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span> </span><span>&nbsp;&nbsp;&nbsp;       </span><span> </span>展示哪些数据，这一点十分重要，同样重要的是，如何展示它们。图形中的元素应该以引导用户获取信息为目的进行组织。然而，大多数软件的中图形只求最大化的满足审美需求，而不考虑挖掘数据中的关联信息。 </span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"> </span></p>
<p align="left" class="MsoNormal" style="text-align: left; text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span> </span>看看这个关于近期上映影片的图形案例：</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;">
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/movies_original.png" small="0" class="blogimg"></div>
<br>
</span></p>
<p align="left" class="MsoNormal" style="text-align: left; text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span> </span>如果一个人想看电影，她会问些什么问题？</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;       </span>*今天上映什么电影，分别在什么时间？</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;       </span>*在某一时间段上映的电影是哪些？</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;       </span>*它们在哪里上映？</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;       </span>*它们是什么主题的？</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;       </span>*它们是否好看？</span></p>
<p align="left" class="MsoNormal" style="text-align: left; text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span> </span>用户会通过比较这些问题的答案找到自己最值得一看的电影。</span></p>
<p align="left" class="MsoNormal" style="text-align: left; text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span> </span>很显然，上面的图表没有这些问题的答案（这些电影是什么主题的？它们是否好看？），但最糟糕的一点是，这些数据根本没有被组织成任何有价值的信息。想了解哪些电影在哪个时间播放，需要浏览满屏的影院上映信息，从中找出几部感兴趣的电影然后再比较它们的上映时间。观众的眼睛必须在屏幕上来回扫视，以找出某部电影在六个影院中分别上映的时间，试图寻找一个最适合在晚饭后观看的。</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;">首要的问题是，&ldquo;今天上映什么电影，分别在什么时间？&rdquo;</span><span style="font-size: 9pt; color: black;"> 鉴于此问题涉及的两大重点，我们可以将图表设计成这样──电影名称和上映时间分别作为纵轴和横轴。</span></p>
<p align="left" class="MsoNormal" style="text-align: left; text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span> </span>重新设计的效果：</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;">
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/movies_redesign.png" small="0" class="blogimg"></div>
<br>
</span></p>
<p align="left" class="MsoNormal" style="text-align: left; text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span>  </span>就像对售书网站进行重新设计一样，这个设计展示了充分的信息以确定每部电影的内容和品质，但电影相比图书有更多的外部营销方式，所以，这个设计的更多意图在于提示观影时间而非介绍影片内容。同样的，只在关键信息处将文字加粗，弱化补充信息的视觉冲击效果。</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;">最大的亮点是右侧栏的图表，列出了所有电影的放映时间。用户可以很轻松的垂直查看某一特定时间段，找到该时间段内放映的所有影片。如果她只关注某一部电影，那她只要沿着该电影所在的横轴查看，阴影遮盖的部分是已经过去的时间，用户可以直接跳过，只考虑后面的有效时间。如当前这个例子，<span>4:45以后的才是有效时间。</span></span></p>
<p align="left" class="MsoNormal" style="text-align: left; text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span> </span>原先的设计是以影院为单位来组织影片的，而重新设计之后则是直接以电影为单位进行显示。原因是，观众更关心在某个特定的时间看某部电影，而并不介意它在哪个影院上映。不过，免不了还是有观众会执著于某家固定的影院，因此，我给每个影院设定了一个彩色背景条。如果某位观众只喜欢在Gulliver影院看电影，那位于黄色背景条中的内容就是他想找的信息。</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;">设计中没有出现影院的详细地址。我认为观众很可能熟悉她附近的剧院，如果不是，那一个简单的地址其实也用处不大，除非提供一张线路地图，通过鼠标点击或悬停在某个剧院的名称上出现一个新页面向用户展示这些信息。</span><span style="font-size: 9pt; color: black;"> </span></p>
<p align="left" class="MsoNormal" style="text-align: left; text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span> </span>以上两个重新设计的案例是为了</span><span style="font-size: 9pt; color: black;">说明图形设计对于信息化软件的重要性，它绝对不只是对数据列表做一下美化。设计卓越的软件，这种观念是必须的，但光有它还不够。别忘了最重要的问题。</span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;       </span><span> </span>上述设计中很少元素是软件设计所特有的。大部分是和在纸面上进行设计相同的。但现代的设计方法不应该只是承袭原有的──而是应该超越它们。我们已经看到了图形设计如何推进软件设计，但反过来，我们如何利用软件提高图形设计水平呢？</span></p>
<p align="left" class="MsoNormal" style="text-align: left; text-indent: 21pt;"><span style="font-size: 9pt; color: black;"><span> </span>答案在于情境。</span></p>
<p align="left" class="MsoNormal" style="text-align: left; text-indent: 21pt;"><span style="font-size: 9pt; color: black;"> </span></p>
<p align="left" class="MsoNormal" style="text-align: left;"><span style="font-size: 9pt; color: black;"> </span></p> 
		
		<br/><b>类别：</b><a href="http://hi.baidu.com/lanx1983/blog/category/%D3%C3%BB%A7%CC%E5%D1%E9">用户体验</a>&nbsp;<a href="http://hi.baidu.com/lanx1983/blog/item/975f960209fa0b0b4afb516d.html#comment">查看评论</a>]]></description>
        <pubDate>Tue, 04 Mar 2008 11:58:48 +0800</pubDate>
        <category><![CDATA[用户体验]]></category>
        <author><![CDATA[lanx1983]]></author>
		<guid>http://hi.baidu.com/lanx1983/blog/item/975f960209fa0b0b4afb516d.html</guid>
</item>

<item>
        <title><![CDATA[（翻译）魔术墨水——信息化软件和图形界面 part1]]></title>
        <link><![CDATA[http://hi.baidu.com/lanx1983/blog/item/ec55453db3c6f6ea3c6d9762.html]]></link>
        <description><![CDATA[
		
		<div align="left">暴长的文章，一根筋的就给翻译了，还是没翻完，有人看得话就找时间翻完，翻译水平很业余，见谅。<br>
原文：<a href="http://worrydream.com/MagicInk/" target="_blank">Magic Ink - Information Software and the Graphical Interface</a> <br>
作者：<span style="font-size: 9pt; color: black;"><span> Bret Victor<br>
<br>
</span></span></div>
<p><strong>摘要：</strong></p>
<p style="text-indent: 21pt;"><span style="font-size: 9pt;">糟糕的用户体验和缺乏帮助信息的软件界面，激励着我们数十年来致力于研究&ldquo;人机交互&rdquo;。本文，我的观点是：长期以来我们过于注重&ldquo;交互&rdquo;，这可能是一种误导。我认为，对于大多数软件&mdash;&mdash;也就是我们所说的&ldquo;信息化软件&rdquo;来说，交互无论对于用户还是设计师实际上都是一种负担，用户的目标可以通过其他手段更好地被满足。</span></p>
<p style="text-indent: 21pt;"><span style="font-size: 9pt;">所谓&ldquo;信息化软件&rdquo;设计其实可以被看作是<em>情境关联信息图形设计</em>。我论证了信息图形化设计的住要任务和三种目前常用的<span style="color: black;">获悉</span>情境关联的途径，而交互是其中最次要的一种。<span style="color: black;">当论证完这些设计理念在文化上变迁的必然性之后，我会开始进行设计。我概述了这样一种工具</span>&mdash;&mdash;<span style="color: black;">它可以让设计师在没有技术支持的条件下根据数据生成图形，以及这样一个平台──它可以在独立程序之间进行空前级别的隐形情境共享。在结论中我断言</span>：随着技术水平的不断提高，信息化软件的设计原则将会变得越来越重要。</span></p>
<p style="text-indent: 21pt;"><span style="font-size: 9pt;"><span>  </span>尽管这篇论文提出了许多具体的设计和工程理念，但文章的最大意图是&mdash;&mdash;介绍信息化软件设计中的&ldquo;统一理论&rdquo;，向那些质疑软件世界是否如他们所知的那么&ldquo;平&rdquo;的设计师提供设计的灵感和方向。</span></p>
<p><span style="font-size: 9pt;">范围和术语<span><br>
<span>  </span>&quot;<span style="color: red;">软件</span>&quot; 在这里是指面向用户的本地或网络平台上的个人桌面软件。&quot;<span style="color: red;">软件设计</span>&quot;指的是软件呈现给用户的包括外观和操作行为的设计，是将软件定义为一种<em>产品</em>。<span style="color: maroon;"> </span>&quot;<span style="color: red;">软件工程</span>&quot; 是只在计算机中实现设计，是将软件定义为一种<em>技术</em>。这都是些有争议的定义，别指望文章的作者将摆平这些争议，实际上这篇论文本身将引来更多的争议。</span></span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span style="font-size: 12pt;">目录</span></strong></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span>什么是软件？</span></strong></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt;">&#8226;<strong>软件和巫术。</strong>是&quot;交互设计&quot;治愈了令用户沮丧的软件，还是用户最终自我疗伤了？ <br>
&#8226;<strong>什么是软件设计？</strong>软件不是一个新的神秘媒介，只是两个旧媒介融合的产物。 <br>
&#8226;<strong>软件为谁服务？</strong>人们利用软件进行学习、创造和沟通。 <br>
&#8226;<strong><span style="color: black;">设计操作型软件很难</span><span style="color: rgb(153, 51, 0);">。</span></strong>设计用于创造的软件是个狡猾的生意。 <br>
&#8226;<strong>最佳的软件是信息化软件。</strong>人们花更多的时间来学习，而不是创造。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span>图形设计</span></strong><span style="font-size: 9pt;"><br>
&#8226;<strong>信息化软件设计就是图形设计。</strong>人们通过看来<span style="color: black;">认知，&ldquo;</span>看&rdquo;是根本。 <br>
&#8226;<strong>演示：显示数据。</strong>将Amazon重新设计为一个信息图形化网站。 <br>
&#8226;<strong>演示：按期数据。</strong>重新设计Yahoo! Movies，将它变为一个信息图形化网站。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span>情境关联</span></strong></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt;">&#8226;<strong>情境关联信息图形。</strong>软件胜过印刷品是因为显示了相关性。 <br>
&#8226;<strong>从环境中推断情境。</strong>外界信息可提示相关性。 <br>
&#8226;<strong>从历史数据中推断情境。</strong>过去的记忆可提示相关性。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span>交互</span></strong><span style="font-size: 9pt;"><br>
&#8226;<strong>交互性被认为是有害的。</strong>用户可通过交互获取相关性，但只能作为不得已的手段。 <br>
&#8226;<strong>减少交互。</strong>以此减少痛苦。 <br>
&#8226;<strong>我们是怎么发展到今天的？</strong><span style="color: black;">对交互的普遍聚焦是另一个时代遗留下来的。</span></span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span>间歇</span></strong><span style="font-size: 9pt;"><br>
&#8226;<strong>案例分析：列车时刻表。</strong>将一个计划旅程的工具设计成信息图形化效果。 <br>
&#8226;<strong>演示：<span style="color: black;">行程规划</span>。</strong>将西南航线重新设计为信息图形化效果。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span>改变世界</span></strong><span style="font-size: 9pt;"><br>
&#8226;<strong>策划信息化软件革命。</strong>五个步骤，从技巧到艺术形式。 <br>
<strong>&#8226;设计一个&ldquo;设计工具&rdquo;。</strong>无需编程生成动态图形。 <br>
&#8226;<strong>通过历史推论工程学。</strong>软件如何从历史数据中获取信息。<br>
&#8226;<strong>通过环境推论工程学。</strong>软件之间的隐性沟通平台。 <br>
&#8226;<strong>信息和未来世界。</strong>为什么这一切很重要。</span></p>
<p><strong><span style="font-size: 9pt;">软件和巫术</span></strong></p>
<p style="margin: 5pt 19.2pt 5pt 27pt; text-indent: 20.25pt;"><span style="font-size: 9pt;">一台计算机的进程确实像一个魔法师的思想精神&mdash;&mdash;看不见，摸不着，根本不是由物质组成的。然而，他又是现实的存在&mdash;&mdash;它可以执行智力工作；它可以<strong>回答问题</strong>；它可以通过分配一家银行的货币或控制一间工厂的机器手臂来<strong>影响世界</strong>。我们使用的计算机程序就像魔法师的符咒。<span> <br>
&mdash;Abelson and Sussman, <a href="http://mitpress.mit.edu/sicp/">Structure and Interpretation of Computer Programs</a> （计算机程序的结构和解释）(1984)</span></span></p>
<p><span style="font-size: 9pt;"><span>&nbsp;&nbsp;&nbsp;      </span>Merlin（译者注：是欧洲家喻户晓的欧洲中古世纪之经典故事中的魔法师，传说他创造了巨石阵。）的任务其实很轻松──创造巨石阵只不过是个单纯的工程挑战，吊挂一些有份量的石头罢了，目的无非是慰藉地下的亡灵。</span></p>
<p class="MsoNormal"><span style="font-size: 9pt;"><span>&nbsp;&nbsp;&nbsp;      </span>而如今，软件魔术师的责任重大到如同背负着13英尺的巨石&mdash;&mdash;要让软件与人类沟通。他们总愿意接受挑战，</span><span style="font-size: 9pt;">希望自己像</span><span style="font-size: 9pt;">木偶奇遇记中的精灵一样，</span><span style="font-size: 9pt;">将生命的火种吹进小木偶体内，让它成为一个真正的男孩。可事实却不尽人意，他们总是制造出类似于科学怪人那样的家伙&mdash;&mdash;毫无用处、愚蠢至极，还容易产生意外破坏。</span></p>
<p><span style="font-size: 9pt;"><span>&nbsp;&nbsp;&nbsp;      </span>这是一个软件危机，而且已经不是什么新闻了。十几年来，可用性学者投入了大量精力，不断口诛笔伐各种糟糕的用户界面。按理说，这应该能使那些糟糕的界面变得友好一些，他们决心打着&ldquo;交互设计&rdquo;的旗号积极地向所有虔诚的信徒传播&ldquo;可用性交互&rdquo;的福音。</span></p>
<p><span style="font-size: 9pt;"><span>&nbsp;&nbsp;&nbsp;      </span>然而，软件的表现仍然令人沮丧，并随着软件越来越广泛的应用于社会而产生更多问题。讨伐的呼声高涨，而信徒们依然笃信神圣的教条&mdash;&mdash;软件必须将交互摆在首位。<span style="color: black;">软件是为了&quot;用&quot; 。</span></span></p>
<p><span style="font-size: 9pt;"><span>&nbsp;&nbsp;&nbsp;      </span>我认为根本的软件危机是一种认同危机&mdash;&mdash;人们不明确软件到底该定义成什么媒介，它到底该用来做什么。也许&ldquo;生命的火花&ldquo;是种不该存在的魔法。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt;">什么是软件设计？</span></strong><span style="font-size: 9pt;"> <br>
<span>&nbsp;&nbsp;      </span>一个人体验现代软件几乎只是通过两个渠道： <br>
<span>&nbsp;&nbsp;      </span>&#8226;她读取和解析屏幕上的画面。 <br>
<span>&nbsp;&nbsp;      </span>&#8226;聚焦屏幕上的事物，并用鼠标替代手指点击它们。 <br>
<span>&nbsp;&nbsp;      </span>因此，软件设计包括对以下两种事物的设计： <br>
<span>&nbsp;&nbsp;      </span>&#8226;图像<br>
<span>&nbsp;&nbsp;      </span>&#8226;可</span><span style="font-size: 9pt;">用于点击的对象</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt;"><span>&nbsp;&nbsp;&nbsp;      </span>这两项都不是什么新发明。我们的祖先──穴居人类利用长矛击中猛犸象，并在他们居住的洞穴将这些过程绘成图像。如今，这两项活动已演变成了两个成熟的设计学科：平面设计和工业设计。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt;"><span>&nbsp;&nbsp;&nbsp;      </span></span><span style="font-size: 9pt;">图形设计是一门通过二维平面传达信息的艺术学科。它拥有广阔的应用领域，因为人们有各种各样的信息想要传达&mdash;&mdash;身份，社会地位，情感，说服力等等。最为相关的一个子学科就是</span><span style="font-size: 9pt;">Edward Tufte提出的</span><span style="font-size: 9pt;">信息设计&mdash;&mdash;利用图像向读者传达信息。一些常见得产品中也包含不少信息图形设计，包括巴士时间表，电话黄页，报刊，地图，购物目录等。一个好的图形设计师懂得如何对页面进行排版，让读者可以提出或解答问题，进行比较，得出结论。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt;"><span>&nbsp;&nbsp;&nbsp;      </span>当软件设计师在确定程序中的视觉表达形式时，当她以用户可理解的方式绘制图像时，不管她是否意识了，她实际上正在进行图形设计。</span><u><span style="font-size: 9pt; color: white;"># </span></u></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;">工业设计同样是一门艺术，它塑造物理性的产品，因而它可以由人操纵。它也拥有一个广阔的应用领域，因为人们的生活种离不开它们──从餐具到椅子，从手机到汽车。一个好的工业设计师清楚人体在操纵物理对象时的能力和局限，了解人的思想和人预想的力学模型。例如要设计一部摄影机，设计师要使她产品的造型能够与人手相称。她要合理排列按钮，使食指在操控的同时大拇指能将相机固定，不至于意外滑落。同样重要的是，她需要根据人体特征设计一种可理解的功能映射──&ldquo;按&rdquo;一个按钮拍一张相片，&ldquo;拉动&rdquo;滑条快进电影，&ldquo;打开&rdquo;一扇门取出影片，&ldquo;打开&rdquo;另一扇门取出电池。<span> <span>&nbsp;&nbsp;      </span></span></span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">虽然软件是典型的非物理产品，但现代软件界面中已然充斥着大量机械化隐喻──点击按钮，滑动滑块，拖动窗口，关闭图标，伸展或收缩面板。人们被怂恿将软件看作是机器──当按下一个按钮时，机器内部会有齿轮运作，导致内部或外部状态的改变。操纵机器，该属于工业设计范畴。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">当软件设计师定义程序的交互形式， 当她开发这些伪机器并描述它们的功效，不管她是否意识到了，她实际上正在进行虚拟形式的工业设计。</span></p>
<p><span style="font-size: 9pt; color: black;"><span> </span><span>&nbsp;&nbsp;      </span>软件设计师何不就此将她的作品作为一个图形设计和工业设计的融合产物。现在，让我们思考用户是如何</span><span style="font-size: 9pt;">接近<span style="color: black;">软件的，更重要的是，为什么要这样。</span></span></p>
<p class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">软件为谁服务？</span></strong></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>软件为人服务。 我们必须从人们在做什么出发推论软件应该做什么。看看以下对人类活动的分类：</span></p>
<p class="MsoNormal"> </p>
<div align="center" forimg="1"><img border="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/4329dd175759c119c83d6d43.jpg" small="0" class="blogimg"></div>
<br>
<p> </p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">目前，软件还未能替人们完成物理行为──比如它无法替您吃下三明治，让您觉得饱。但是，人们把越来越多的智力活动转移到了计算机的虚拟世界中。这说明了人们需要软件的三个普遍理由：</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*用于认知。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*用于创造。</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;&nbsp;      </span>*用于沟通。</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;">我提议将软件根据这些需求分类为：信息化软件，操作型软件和通信软件。</span></p>
<p class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">信息化软件</span></strong><span style="font-size: 9pt; color: black;">用于推进人们认知。</span><span style="font-size: 9pt;">一个人使用信息化软件<span style="color: red;">构建并操控一个内部模型</span>──用于信息的心理呈现<span style="color: black;">。良好的信息化软件鼓励用户提出并解答问题，进行对比，得出结论。 例如，一个人在煮晚餐前可能需要利用烹调软件学习各种菜肴做法（这里的&ldquo;学习&rdquo;可以指快速而粗略的了解某些事物）</span><span style="color: maroon;">，</span><span style="color: black;">实际上，她已对烹调的可能性构建了一个心理模型，然后通过这个模型寻找最佳方案。实际上， 这和她查阅一本烹调书籍所得到的结果是相同的。</span></span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;">
<div align="center" forimg="1">
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/information_model.png" small="0" class="blogimg"></div>
</div>
<br>
</span></p>
<p class="MsoNormal"><strong><span style="font-size: 9pt; color: black;">操作型软件</span></strong><span style="font-size: 9pt; color: black;">是用于实现人类创造的。一个人使用操作型软件为自己在计算机或远程设备中</span><span style="font-size: 9pt; color: red;">构建并操控一个外部模型</span><span style="font-size: 9pt; color: black;">──用于表达虚拟对象。例如利用软件进行绘画，写作，作曲，建筑设计，工程设计以及机器人控制等。操作型软件可被视为一个类似于画笔或打字机性质的虚拟工具，它是创作者和作品之间的介面。</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;">
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/manipulation_model.png" small="0" class="blogimg"></div>
<br>
</span></p>
<p><strong><span style="font-size: 9pt; color: black;">通讯软件</span></strong><span style="font-size: 9pt; color: black;">是用于实现人类沟通的。一个人使用通信软件可以</span><span style="font-size: 9pt; color: red;">构建并操纵与他人分享的内部模型</span><span style="font-size: 9pt; color: black;">──在多种思想之间的形成理解的同步化。例如用于电子邮件，小组讨论（无论是语音，视频或文字），以及协同工作的软件。沟通可以被看作是对于所获得的信息作出的一个反馈──也就是说，由发言者发出的外部模型正是被听众接收到的内部模型。因此，本文将通讯软件简单的看待为操作型软件和信息化软件的结合体，而不再单独进行阐述。</span></p>
<p> </p>
<div align="left" forimg="1"><img border="0" src="http://worrydream.com/MagicInk/p/communication_model.png" small="0" class="blogimg"></div>
<br>
<p> </p>
<p align="left" style="text-align: left;" class="MsoNormal"><strong><span style="font-size: 9pt;">设计操作型软件很难</span></strong></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: rgb(153, 51, 0);"><span>&nbsp;&nbsp;&nbsp;      </span></span><span style="font-size: 9pt; color: black;">操作型软件基本上呈现了一个对象的映射──用户直接操作虚拟机器的模型。因为，&ldquo;操作&rdquo;属于工业设计的范畴，所以，操作型软件偏重于工业设计方向。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>试想一个用来对小报纸进行排版的工具。用户会花很多时间在一个虚拟空间进行大量的拟物理操作──写作、绘画、删节、移动、旋转、拉伸、剪裁、层叠等等。和其他工业设计一样，设计中的最大挑战是使这些机器容易操作，容易理解且十分舒适。然而，在一个物理空间，每次操作都使用一个专门的工具。而如今，我们需要设计一个&quot;万能工具&quot; 让它完美的结合所有功能（并将这些功能通过两种手势实现，即&quot;点击&quot;和&quot;拖拽&quot; ） ，这是一个重大的挑战。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>虽然&ldquo;操作&rdquo;是个焦点，但良好的操作型软件必须同时提供优秀的可视化呈现。这才能确保对于一切创造性行为都至关重要的反馈循环保持顺畅──操作者需要及时获悉她的操作结果。因此，设计操作型软件在图形设计方面也存在巨大挑战。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>举例来说，报纸编辑要查看页面的呈现效果──近距离效果，远距离效果，以及与其他页面是否协调。她希望查找出错别字，不恰当的语句。她想知道那些过长或过短的专栏如何通过排版进行调整。她想知道哪些故事和广告仍未被排在版面上，它们的篇幅有多大，该如何安排它们。她想知道最近哪些连载话题已接近尾声，读者的反响如何。要注意的是，在呈现这一切信息的同时还决不能分散编辑注意力，导致她偏离&ldquo;调整页面布局&rdquo;这一核心任务。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>此外，工业设计和图形设计运用于操作型软件设计时必需紧密协同，因为需要通过图形设计展示对象如何被操作──机械化产物，图形化描述。更富有挑战性的是通过图形设计展示如何操纵抽象对象，如：音乐或财务数据，不仅要用图形告诉用户该怎么操作它们，更重要的是让用户理解哪个图形代表它们。</span></p>
<p class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>面对接连不断的设计挑战，想设计出一款优秀的操作型软件绝非易事。幸运的是，要设计一款功能强大的软件，&ldquo;操作&rdquo;非但不是必要的，而且完全是可以避开的。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><strong>最佳的软件是信息化软件</strong></span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: rgb(17, 17, 17);"><span>&nbsp;&nbsp;&nbsp;      </span>J.C.R. Licklider </span><span style="font-size: 9pt; color: black;">在一次回顾自己如何运用工作时间时提到：</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>在1957年的春夏之交&#8943;&#8943;我试图持续跟踪一名中级技术人员（我自己）在工作时间内到底做了些什么&#8943;</span><span style="font-size: 9pt; color: black;">我大约<span>85%的思维时间花在进入的某项思考，作出决定，并从中获取我须知的事物。</span></span><span style="font-size: 9pt; color: black;">更多的时间花在寻找或获取这些引发我思考的信息。一些时间用于绘制图形，另一些时间用于指导助理如何进行策划。当</span><span style="font-size: 9pt; color: black;">图像完成时</span><span style="font-size: 9pt; color: black;">，一切关系便清晰明了，但为得到这个结果，之前不得不花大量的时间进行信息搜集和策划<span>&#8943;我回顾整个过程，我的大部分&quot;思维&quot;时间都花费在事务性或机械化的行为上：搜索，计算，绘图，变换，以及确定对于逻辑或动态结果的假设，设置解决的路径。</span></span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>正如Licklider，Vanevar Bush和Doug Engelbart等早期的梦想家所假设的──个人计算机是大脑的补充，通过数据可视化和自动化分析能够增强人的记忆力和推理能力。他们最关注的是一台机器如何帮助一个人找到并了解相关知识。虽然，当时他们普遍在学术和专业制造层面展开讨论，但他们的预想仍十分适用于现代社会。</span><span style="font-size: 9pt; color: rgb(222, 0, 0);"> </span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">大部分时候，一个人坐在自己的计算机前，不是进行创造，而是阅读，观察，研究，探索，使认知产生联系，并最终理解事物。她并不追求创新，而是梳理自己已获得的知识。计算机成为一个提出问题，进行比较，得出结论的媒介──对，就是</span><span style="font-size: 9pt; color: rgb(153, 51, 0);">认知</span><span style="font-size: 9pt; color: black;">的媒介。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: red;"><span>&nbsp;&nbsp;&nbsp;      </span>人们利用软件学习文字，了解今天哪些国家被轰炸，学习如何烹饪西班牙肉菜饭。他们选择播放哪些音乐，打印哪些照片，还要计划今晚、明天要做些什么，甚至把下周二2:00要做什么都计划好了。他们对众人在私下或公共场合的言论保持关注。他们为母亲搜索一本书，为父亲物色一件外套，为孩子选购一辆车。他们寻找合适的公寓居住，条件是只要包含一张双人床就行。他们询问某部电影何时上映，以及如何开车到剧院，看电影前上哪儿吃饭，饭前去哪里兑换现金。他们查找各种数字，从简单算术问题到财政计划。他们询问货币，从股市行情的历史记录到以银行账户差额。他们问，为什么他们的车无法启动，怎么修理；为什么他们的孩子生病，如何治疗。他们不再坐在阳台瞎猜明天是晴是雨──他们什么都要问软件。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>目前很多软件为了实现上述需求提供各种机械化隐喻和对象以供操作，但这都是自欺欺人。人们并不关心这些软件如何操作，他们关心的是查看信息并做出选择──在他们的心里操作模型。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>比如，日历或日程管理软件。目前许多设计是以操作&ldquo;日程安排&rdquo;的数据库为中心的，但这真的是日历存在主要目的吗？在我看来，日历的作用应该是将收集到的信息互相结合，找出关联并展示出来。我想知道：我今晚有什么计划；我的朋友们有什么计划；市中心有什么活动；电影院在上映什么片子；比萨店最晚营业到几点，哪天歇业;我希望看到我任务节点之前的工作模式，以及如何推断未来的任务节点。我想看看这所有的信息如何互相交织，形成关联，然后决定我何时做何事。和牙医确定就诊时间是件烦人的小事，如果软件可以自动标出牙医在邮件确认的日期，也许就能省去麻烦。我的目标是通过日历软件查询或记录何时做何事，比较各种方案，最终作出决定。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>看看个人财务软件。登录软件并对我的开支进行分类需要经过一堆繁琐和不必要的操作──我的信用卡已经记录了所有细节。我使用这个软件是为了了解我的财务状况和我的消费习惯。我的薪水中多少用于支付租金？多少用来下馆子？如果我放弃频繁光顾饭店，我是否能够用省出的钱购买一台新的笔记本呢？我的圣诞节消费清单里有些什么，哪些方面的消费有办法削减，如果我不上班我的存款是否够我花上一个月？如果我买混合动力车，我能够节省多少煤气？我提出或解答问题，比较我的方案，让它引导我的开销决策。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;&nbsp;      </span>看看线上零售商，如Amazon或Netflix。网站上显示照片，评级，评论，建议的唯一目的就是让我找到，了解，并比较它们的商品。这些都是为了让我在脑子里做出决定。最后，我操作购物车去购买商品，这仅仅只需把我通过心理流程作出的决定付诸实践。最好的零售商认为：操作要尽可能做得简单。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt;"><span>&nbsp;&nbsp;&nbsp;      </span>再看看阅读电子邮件的例子。目前大多数的设计关注于对单个邮件的操作──逐个阅读，检索，整理，归档，删除。但阅读电子邮件的目的已经完全与获取消息这个最初目的无关。我阅读电子邮件，是为了维护一套不断更新的心理认知系统──人际交往，工作项目进程，以及邀请函、任命信、商业交易单和邮寄包裹单等等，在邮件中反映出的状态。这些信息被打上大段文本时间戳并输出，这是沟通过程中的执行细节<span style="color: rgb(153, 51, 0);">。</span>但未必是一个向读者展示信息的好办法。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;"><span>&nbsp;&nbsp;      </span></span><span style="font-size: 9pt; color: black;">类似的例子可以举出很多。忽略当前的软件设计，单思考这个问题，&ldquo;为什么人们使用它？&rdquo;将答案抽象化后的结果几乎是一样的，&ldquo;为了认知&rdquo;。</span></p>
<p align="left" style="text-align: left;" class="MsoNormal"><span style="font-size: 9pt; color: black;">虽然这类问题目前只在哲学层面被讨论。但这一哲学暗示着软件设计中一个非常实用的方法。</span></p>
<p align="left" style="text-align: left; text-indent: 21pt;" class="MsoNormal"> </p>
<p align="left" style="text-align: left;" class="MsoNormal"> </p>
<p align="left" style="text-align: left;" class="MsoNormal"> </p>
<p align="left" style="text-align: left;" class="MsoNormal">(未完待续）</p>
<div>
<div>
<div class="msocomtxt">
<p class="MsoNormal"> </p>
</div>
</div>
</div> 
		
		<br/><b>类别：</b><a href="http://hi.baidu.com/lanx1983/blog/category/%D3%C3%BB%A7%CC%E5%D1%E9">用户体验</a>&nbsp;<a href="http://hi.baidu.com/lanx1983/blog/item/ec55453db3c6f6ea3c6d9762.html#comment">查看评论</a>]]></description>
        <pubDate>Tue, 04 Mar 2008 11:50:41 +0800</pubDate>
        <category><![CDATA[用户体验]]></category>
        <author><![CDATA[lanx1983]]></author>
		<guid>http://hi.baidu.com/lanx1983/blog/item/ec55453db3c6f6ea3c6d9762.html</guid>
</item>

<item>
        <title><![CDATA[张北坝上]]></title>
        <link><![CDATA[http://hi.baidu.com/lanx1983/blog/item/ae3fe2039a2186743812bb04.html]]></link>
        <description><![CDATA[
		
		<font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     周末去了坝上，俩字儿&mdash;&mdash;累死！=_=!<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     为了赶着拍第二天的日出，我们周五晚上十点启程，一路上遭遇堵车，迷路&hellip;&hellip;终于在凌晨四点半到达了长城岭，因为卖票的没起床，我们还一人省了50的门票。<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  可怕的事情发生了&mdash;&mdash;当时的地面温度是摄氏零度左右，可出门时亲爱的李大大却告诉我，那儿一点都不冷，带件小外套足够了，我就这样被他给忽悠了，一群大老爷们在车里紧着添秋裤，我就穿着单裤颤颤巍巍的等在车门口，扛着相机上山坡那会儿我是冻得连哭的力气都没有了。上了山顶，我就一直想着找个大石头避风。<br>
<br>
</font>
<div forimg="1"><font size="2"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/62b7227ab323fde72f73b336.jpg"><br>
<br>
李大大这张，很是有英勇就义的气势，通常电影里面的英雄人物也就衬这样的背景。<br>
<br>
</font>
<div forimg="1"><font size="2"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/e5462d01f99c0f047aec2c3a.jpg"><br>
<br>
不过不管怎样，太阳探出头来的那一刻还是挺让人激动的&mdash;&mdash;心想：终于要暖和起来了！！</font></div>
<font size="2"><br>
<br>
</font>
<div forimg="1"><font size="2"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/57718882d2c37bb56d811931.jpg"><br>
<br>
这差不多就是早晨八九点钟的太阳的，照在身上那叫一个暖洋洋，好歹是缓过劲儿来了。<br>
<br>
</font>
<div forimg="1"><font size="2"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/f16122d3609c010a3bf3cf04.jpg"><br>
<br>
一马平川的草原，这棵小树就这样愣愣地支在那里，摆出一个&ldquo;Y&rdquo;来。<br>
<br>
</font>
<div forimg="1"><font size="2"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/fb9ffd24cf331e0b4d088d01.jpg"><br>
<br>
早上八点左右，我们就下山了。<br>
<br>
</font>
<div forimg="1"><font size="2"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/56545716fe89f84021a4e902.jpg"><br>
<br>
山下是一片桦树林&mdash;&mdash;如果我没记错的话，这应该是桦树吧？<br>
<br>
</font>
<div forimg="1"><font size="2"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/819718d7548e20d7a044df0c.jpg"><br>
<br>
下午去的是桦皮岭，我在车上睡的五迷三道，说实话，太阳晒得要命，我都懒得下来。<br>
<br>
</font>
<div forimg="1"><font size="2"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/40a05ffbb55e1c6e024f5609.jpg"><br>
<br>
这是我在桦皮岭爬到终点时的德行，彻底被打败了&hellip;&hellip;</font></div>
<font size="2"><br>
</font>
<div forimg="1"><font size="2"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/2c3ac543eafb661972f05d0e.jpg"><br>
<br>
</font>
<div forimg="1"><font size="2"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/c3d08a2f74b99f321e308908.jpg"><br>
<br>
</font>
<div forimg="1"><font size="2"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/5d978f50af75626884352416.jpg"><br>
<br>
</font></div>
<font size="2"> 第二天早上他们又是四点半起来去闪电胡拍日出，回想昨天早上可怕的一幕我就干脆赖在车里不下来了，这张是李老师拍的，嗯！太阳恁大！！！<br>
<br>
</font>
<div forimg="1"><font size="2"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/6f7ba71ce9b3168186d6b609.jpg"><br>
<br>
拍完闪电湖我们就准备打道回府了，路上遇到吃草的牛马，下来小拍了一会儿，可惜牛儿们忒害羞，一走近就跑，所以没拍成特写。<br>
<br>
<br>
</font>
<div class="tmpDiv"> </div>
</div>
<div class="tmpDiv"> </div>
<div class="tmpDiv"> </div>
</div>
<div class="tmpDiv"> </div>
</div>
<div class="tmpDiv"> </div>
<div class="tmpDiv"> </div>
</div>
<div class="tmpDiv"> </div>
</div>
<div class="tmpDiv"> </div>
</div>
<div class="tmpDiv"> </div>
</div>
<div class="tmpDiv"> </div>
</div>
<div class="tmpDiv"> </div>
<div class="tmpDiv"> </div>
</div>
<div class="tmpDiv"> </div> 
		
		<br/><b>类别：</b><a href="http://hi.baidu.com/lanx1983/blog/category/%D7%DF%D7%DF%BF%B4%BF%B4">走走看看</a>&nbsp;<a href="http://hi.baidu.com/lanx1983/blog/item/ae3fe2039a2186743812bb04.html#comment">查看评论</a>]]></description>
        <pubDate>Mon, 24 Sep 2007 14:16:04 +0800</pubDate>
        <category><![CDATA[走走看看]]></category>
        <author><![CDATA[lanx1983]]></author>
		<guid>http://hi.baidu.com/lanx1983/blog/item/ae3fe2039a2186743812bb04.html</guid>
</item>

<item>
        <title><![CDATA[一地丝瓜]]></title>
        <link><![CDATA[http://hi.baidu.com/lanx1983/blog/item/35ecb94bcd9a90f283025c5f.html]]></link>
        <description><![CDATA[
		
		<font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    楼上的老爷子在我家院子种了好多丝瓜，个个结的硕大，顺手送了我几根，我心想，不能白拿啊，就回敬了人家两袋牛肉，还说：您种的丝瓜实在太好吃了！！结果，老爷子一高兴，给了我一堆丝瓜，足有十几根=_=!!饿滴神啊！！怎么吃啊，所以，我拿了两个榨汁，做面膜，据说不错哦，还打算晒几根丝瓜干，可以用来洗澡&mdash;&mdash;据说还可以洗碗=_=!</font><br>
<br>
<div align="center" forimg="1">
<div align="center" forimg="1"><img border="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/4fcb174f18fc5f3fafc3aba2.jpg" small="0" class="blogimg"><br>
<br>
</div>
<img border="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/af54efedf56eab4678f055a7.jpg" small="0" class="blogimg"></div>
<br>
<div align="center" forimg="1"><img border="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/eee9e61f1101c36af624e4a6.jpg" small="0" class="blogimg"><br>
<font size="2"> 这是院子里的小花，怎么样？还算标致吧？<br>
<br>
</font>
<div align="left"><font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    还有，我上会提到过的刺猬，他居然还在院子里，更神奇的是&mdash;&mdash;他带来一个同伴！！！不过白天看不见他们，有一回我听见外面有东西刨土，出来找，才发现的他们:D</font><br>
</div>
</div>
<div align="left"> </div> 
		
		<br/><b>类别：</b><a href="http://hi.baidu.com/lanx1983/blog/category/%CE%D2%B5%C4%D0%A1%C8%D5%D7%D3">我的小日子</a>&nbsp;<a href="http://hi.baidu.com/lanx1983/blog/item/35ecb94bcd9a90f283025c5f.html#comment">查看评论</a>]]></description>
        <pubDate>Fri, 24 Aug 2007 19:13:20 +0800</pubDate>
        <category><![CDATA[我的小日子]]></category>
        <author><![CDATA[lanx1983]]></author>
		<guid>http://hi.baidu.com/lanx1983/blog/item/35ecb94bcd9a90f283025c5f.html</guid>
</item>

<item>
        <title><![CDATA[搞不懂]]></title>
        <link><![CDATA[http://hi.baidu.com/lanx1983/blog/item/abe534a42a71e8f59152ee61.html]]></link>
        <description><![CDATA[
		
		<font size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    有些事情，我搞不懂，就像很多事情我家咪咪搞不懂。<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    她们搞不懂为什么她们一大早喵喵叫，挠着门要进卧室就会有人恶狠狠冲出来把她们拎住打屁股。可是她们却总是在睡得正香的时候被人抱起来做面团状蹂躏，或者突然出现几道亮光，咔咔咔，对着她们狂闪&hellip;&hellip;<br>
</font>  <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<div align="center" forimg="1"><img border="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/7372b5444d35c68bb2b7dcdf.jpg" small="0" class="blogimg"><br>
<br>
<div forimg="1"><img border="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/9269b3efce18021ffdfa3cd8.jpg" small="0" class="blogimg"></div>
<br>
<div align="center" forimg="1"><img border="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/54feec19f911a973dab4bda7.jpg" small="0" class="blogimg"></div>
<br>
<div align="center" forimg="1"><img border="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/af54efedcc6e9c4678f055a7.jpg" small="0" class="blogimg"></div>
<br>
<div align="center" forimg="1">
<div align="center" forimg="1"><img border="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/2ab48916ffed3058f3de32b4.jpg" small="0" class="blogimg"></div>
<br>
</div>
</div> 
		
		<br/><b>类别：</b><a href="http://hi.baidu.com/lanx1983/blog/category/%C3%A8%B6%F9%C3%C7">猫儿们</a>&nbsp;<a href="http://hi.baidu.com/lanx1983/blog/item/abe534a42a71e8f59152ee61.html#comment">查看评论</a>]]></description>
        <pubDate>Thu, 23 Aug 2007 23:18:31 +0800</pubDate>
        <category><![CDATA[猫儿们]]></category>
        <author><![CDATA[lanx1983]]></author>
		<guid>http://hi.baidu.com/lanx1983/blog/item/abe534a42a71e8f59152ee61.html</guid>
</item>

<item>
        <title><![CDATA[DE-DAY夏日数字娱乐节成果展开幕]]></title>
        <link><![CDATA[http://hi.baidu.com/lanx1983/blog/item/b6c9c4164195031a962b4307.html]]></link>
        <description><![CDATA[
		
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   今晚北京特凉快，798里的数字娱乐节的展区特热！8点钟开幕，我们8点半匆匆赶到798，转了半天才找到地方，远远就觉着音乐涌出音箱震荡空气，猜想人气应该也很旺。果然，50米内必遇熟人，什么师兄师弟，师姐师妹的，全都来凑热闹了，还碰见了白鸦大人，和百度的一位朋友，还有几位flickr上聚会过，但叫不上名的家伙。<br>
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   小小的沾点光&mdash;&mdash;展览的策展人：丁肇辰(<a target="_blank" href="http://ldjjj.com/">老丁唧唧叫</a>）是我的同门师兄。人家现在是北京服装学院的副教授啦～～～～～挺能折腾的主儿。<br>
<div forimg="1">
<div forimg="1"><a target="_blank" href="http://hiphotos.baidu.com/de%5Fday/pic/item/18dd89c43a662ea18226ac95.jpg"><img border="0" class="blogimg" small="1" src="http://hiphotos.baidu.com/de%5Fday/abpic/item/18dd89c43a662ea18226ac95.jpg"></a><br>
<br>
<span>
<div style="margin: 0cm 0cm 0pt;"><strong><span><font color="#339999"><strong><strong><font color="#339999">活动介绍在此：<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   2007 北京夏日数字娱乐节是</font></strong>关于数字艺术，实景游戏，新媒体交互装置等等 digital arts 方面的一个大型活动，分为新闻发布会，论坛和即将举办的展览这三种<wbr></wbr>形式。</strong></font></span></strong>  </div>
<div style="margin: 0cm 0cm 0pt;"><span><strong></strong></span> </div>
<div style="margin: 0cm 0cm 0pt;"><span>
<p style="margin: 0cm 0cm 0pt;"><font color="#663366"><font style="background-color: rgb(255, 255, 255);"><span>数字娱乐日</span><span> - </span><span>2007</span><span>  北京夏日数字娱乐节成果展<span> </span></span></font></font></p>
<p style="margin: 0cm 0cm 0pt;"><font color="#663366"><font style="background-color: rgb(255, 255, 255);"><span>DE-DAY - </span><span>Exhibition </span><span>for</span><span>  2007 Beijing Summer Digital Entertainment Jam </span><span> </span></font></font></p>
<p style="margin: 0cm 0cm 0pt;"><span><font color="#663366"><font style="background-color: rgb(255, 255, 255);">开幕酒会：<span> 2007</span>年<span>8</span>月<span>4</span>日晚<span>  8</span> ：<span>00</span></font></font></span></p>
<p style="margin: 0cm 0cm 0pt;"><span><font color="#663366"><font style="background-color: rgb(255, 255, 255);">DE-NIGHT: 8:00 PM 4th August </font></font></span></p>
<p style="margin: 0cm 0cm 0pt;"><span><font color="#663366"><font style="background-color: rgb(255, 255, 255);">展览时间：<span> 2007</span>年<span>8</span>月<span>4</span>日<span>  -2007</span> 年<span>8</span>月<span>12</span>日<span></span></font></font></span></p>
<p style="margin: 0cm 0cm 0pt;"><span><font color="#663366"><font style="background-color: rgb(255, 255, 255);">DE-DAY:<span> &nbsp;&nbsp;   </span>August 4th-12th 2007</font></font></span></p>
<p style="margin: 0cm 0cm 0pt;"><span><font color="#663366"><font style="background-color: rgb(255, 255, 255);">展览地点： <span>798</span>艺术区<span>NIKE</span>厂区后花园 <span></span></font></font>  </span> </p>
<p style="margin: 0cm 0cm 0pt;"><span><font color="#663366"><font style="background-color: rgb(255, 255, 255);">Address: NIKE MR.SHOE museum, 798 Dashanzi Art District,</font></font></span></p>
<p style="margin: 0cm 0cm 0pt;"><span></span></p>
<p style="margin: 0cm 0cm 0pt;"><span>
<div style="margin: 0cm 0cm 0pt;"><span><strong><font face="Times New Roman" color="#339999">展览博客地址：<a href="../../../../../../../de_day" target="_blank">   <strong>http://de-day.dealchina.org</strong></a></font></strong></span> </div>
<div style="margin: 0cm 0cm 0pt;"><span><font face="Times New Roman" color="#339999"><strong>官方网站&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  ： <a href="http://2007.dealchina.org/" target="_blank">   http://2007.dealchina.org/</a></strong></font></span></div>
<div style="margin: 0cm 0cm 0pt;"><span><font face="Times New Roman" color="#339999"><strong>公开照片&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  ：<a href="http://picasaweb.google.com/2007byp" target="_blank">   http://photo.dealchina.org</a><br>
<br>
<div align="center" forimg="1"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/1cb692185ac469bc4bedbc13.jpg"><br>
<br>
</div>
<div align="center" forimg="1"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/b5923297cb518e6554fb961c.jpg"><br>
<br>
<div align="center" forimg="1"><img border="0" class="blogimg" small="0" src="http://hiphotos.baidu.com/lanx1983/pic/item/cc9b209bb7fee8bdc8eaf41a.jpg"></div>
</div>
<br>
<font face="宋体"><br>
</font></strong></font> </span></div>
</span></p>
</span></div>
</span></div>
</div> 
		
		<br/><b>类别：</b><a href="http://hi.baidu.com/lanx1983/blog/category/%B7%C5%B4%F3%C9%E8%BC%C6">放大设计</a>&nbsp;<a href="http://hi.baidu.com/lanx1983/blog/item/b6c9c4164195031a962b4307.html#comment">查看评论</a>]]></description>
        <pubDate>Sun, 05 Aug 2007 01:19:20 +0800</pubDate>
        <category><![CDATA[放大设计]]></category>
        <author><![CDATA[lanx1983]]></author>
		<guid>http://hi.baidu.com/lanx1983/blog/item/b6c9c4164195031a962b4307.html</guid>
</item>


</channel>
</rss>