<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
 <channel>
  <title>交互℃计</title>
  <link>http://bicespring.blogbus.com</link>
  <description><![CDATA[关注，思考，设计，仅此而已。]]></description>
  <generator> by blogbus.com </generator>
  <lastBuildDate>Mon, 08 Feb 2010 13:47:11 +0800</lastBuildDate>
  <image>
									<url>http://public.blogbus.com/profile/0/1/6/1079610/avatar_1079610_96.jpg</url>
									<title>交互℃计</title>
									<link>http://bicespring.blogbus.com</link>
								</image>  <item>
   <title>OpenOffice UI Mockup</title>
   <description><![CDATA[<p><img src="http://filer.blogbus.com/1079610/107961012622709866.jpg" border="0" alt="" /></p>
<p>OpenOffice Mockup&nbsp;with Robbin UI Redesigned </p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://bicespring.blogbus.com/logs/4698503.html">谷歌：如果重新设计？</a> 2007-03-06</div><div><a href="http://bicespring.blogbus.com/logs/2412216.html">一个值得推荐的设计：如何利用五向方向键输入URL网址</a> 2006-05-06</div><div><a href="http://bicespring.blogbus.com/logs/3560156.html">交互设计：不是什么和是什么</a> 2007-01-24</div><div><a href="http://bicespring.blogbus.com/logs/4357007.html">说明书</a> 2007-01-23</div><div><a href="http://bicespring.blogbus.com/logs/3398010.html">上网干什么？浏览、收集、分享和创造以及联系</a> 2006-09-24</div></div><div class="addfav"><br />收藏到：<span class= "delicious"><a href="http://delicious.com/save?url=http%3A%2F%2Fbicespring.blogbus.com%2Flogs%2F55724498.html&title=OpenOffice+UI+Mockup">Del.icio.us</a></span></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://bicespring.blogbus.com/logs/55724498.html</link>
   <author>bicespring</author>
   <pubDate>Thu, 31 Dec 2009 22:47:08 +0800</pubDate>
  </item>
  <item>
   <title>两年。</title>
   <description><![CDATA[<p>对不起。</p>
<p>该说些什么好呢？</p>
<p>谢谢。</p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://bicespring.blogbus.com/logs/4354686.html">换个模板</a> 2007-01-22</div><div><a href="http://bicespring.blogbus.com/logs/3448292.html">所谓设计</a> 2006-09-30</div><div><a href="http://bicespring.blogbus.com/logs/3408675.html">无语//</a> 2006-09-25</div><div><a href="http://bicespring.blogbus.com/logs/2696306.html">为什么我们一定要横穿马路？</a> 2006-06-24</div><div><a href="http://bicespring.blogbus.com/logs/2695769.html">更新一下</a> 2006-06-23</div></div><div class="addfav"><br />收藏到：<span class= "delicious"><a href="http://delicious.com/save?url=http%3A%2F%2Fbicespring.blogbus.com%2Flogs%2F55723581.html&title=%E4%B8%A4%E5%B9%B4%E3%80%82">Del.icio.us</a></span></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://bicespring.blogbus.com/logs/55723581.html</link>
   <author>bicespring</author>
   <pubDate>Thu, 31 Dec 2009 22:40:21 +0800</pubDate>
  </item>
  <item>
   <title>新年快乐</title>
   <description><![CDATA[<p>Hi,all：<br />07年即将离去，你们还在关注这个Blog吗？<br />祝大家新年快乐：）</p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="/logs/3448292.html">所谓设计</a> 2006-09-30</div><div><a href="/logs/2696306.html">为什么我们一定要横穿马路？</a> 2006-06-24</div><div><a href="/logs/2478873.html">先做用户调研还是后做用户调研？</a> 2006-05-16</div><div><a href="/logs/2340357.html">人机交互历史</a> 2006-04-24</div><div><a href="/logs/1628546.html">瑞典Malmö大学交互设计本科课程</a> 2005-11-24</div></div><div class="addfav"><br />收藏到：<span class= "delicious"><a href="http://delicious.com/save?url=http%3A%2F%2Fbicespring.blogbus.com%2Flogs%2F13055334.html&title=%E6%96%B0%E5%B9%B4%E5%BF%AB%E4%B9%90">Del.icio.us</a></span></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://bicespring.blogbus.com/logs/13055334.html</link>
   <author>bicespring</author>
   <pubDate>Mon, 31 Dec 2007 19:59:50 +0800</pubDate>
  </item>
  <item>
   <title>谷歌：如果重新设计？</title>
   <description><![CDATA[<p>自由职业设计师 Joe Critchley 上个月<a href="http://blog.outer-court.com/archive/2007-02-05-n14.html">对Google主页重新进行了设计</a>，这让我想到前一段时间Google中国（谷歌）改版的事情，那项名为&ldquo;搜索建议&rdquo;的新功能引起很大争议，有人<a href="http://hi.baidu.com/wkcow/blog/item/24cd0cf4eec762ef7609d7bf.html" target="_blank" title="用5E对谷歌这项功能进行了分析">用5E对谷歌这项功能进行了分析</a>，结论是高效性和易学性明显降低，而趣味性和容错性有了提高，有效性不变。<br /><br />提示还是不提示？这个新功能使谷歌陷入两难的境地。如果是为了推销这项新功能，就不得不干扰用户的视觉；如果是为了保持良好的&ldquo;用户体验&rdquo;，一项富有创意的功能就此消失在一堆用户设置中。谷歌毕竟是家公司，不是慈善机构，好不容易做出来的一项产品，怎能忍气吞声？最终，谷歌还是选择了前者。<br /><br />But, 如果重新设计会怎样？尤其是对于搜索建议，难道就没有更好的表现形式么？难道我们只能说Yes or No？<br /><br />下图是我的一个解决方案（借鉴了Joe Critchley的一些观点）：<br /><a href="http://www.flickr.com/photos/61779648@N00/412276934/" title="googlecn_redesign"> <img src="http://farm1.static.flickr.com/166/412276934_f8f4177044.jpg" alt="googlecn_redesign" /></a></p><p><a href="http://www.flickr.com/photos/61779648@N00/412276932/" title="googlecn_redesign_suggest"><img src="http://farm1.static.flickr.com/129/412276932_69569027d8.jpg?v=0" alt="googlecn_redesign_suggest" width="500" height="353" /></a><br />我想说，如果钥匙就在手边，你就不会想着如何去开门。<br /><br />P.S: 听闻<a href="http://www.google.cn/search?complete=1&amp;hl=zh-CN&amp;q=google+%E8%BE%93%E5%85%A5%E6%B3%95&amp;btnG=Google+%E6%90%9C%E7%B4%A2&amp;meta=" target="_blank">google想做输入法</a>，这和&ldquo;搜索建议&rdquo;会有怎样的联系呢？是否也会来个&ldquo;即时翻译&rdquo;或&ldquo;即时搜索/广告&rdquo;？<br /><br />衷心祝愿谷歌：<strong>不必最好，只愿更好</strong>。</p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://bicespring.blogbus.com/logs/55724498.html">OpenOffice UI Mockup</a> 2009-12-31</div><div><a href="http://bicespring.blogbus.com/logs/2412216.html">一个值得推荐的设计：如何利用五向方向键输入URL网址</a> 2006-05-06</div><div><a href="http://bicespring.blogbus.com/logs/3560156.html">交互设计：不是什么和是什么</a> 2007-01-24</div><div><a href="http://bicespring.blogbus.com/logs/4357007.html">说明书</a> 2007-01-23</div><div><a href="http://bicespring.blogbus.com/logs/3398010.html">上网干什么？浏览、收集、分享和创造以及联系</a> 2006-09-24</div></div><div class="addfav"><br />收藏到：<span class= "delicious"><a href="http://delicious.com/save?url=http%3A%2F%2Fbicespring.blogbus.com%2Flogs%2F4698503.html&title=%E8%B0%B7%E6%AD%8C%EF%BC%9A%E5%A6%82%E6%9E%9C%E9%87%8D%E6%96%B0%E8%AE%BE%E8%AE%A1%EF%BC%9F">Del.icio.us</a></span></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://bicespring.blogbus.com/logs/4698503.html</link>
   <author>bicespring</author>
   <pubDate>Tue, 06 Mar 2007 13:33:48 +0800</pubDate>
  </item>
  <item>
   <title>产品、体验、用户和设计师概念图</title>
   <description><![CDATA[<p>最近打算对一些概念名词做系统的梳理，把看过书再看一遍，为的是温故而知新。下图是我根据自己对产品、体验、用户的层次以及它们与设计师之间的关系的理解画的一张概念图，试图形象地表现它们之间的内在联系。</p><p><a href="http://www.flickr.com/photos/61779648@N00/252118598/" title="Photo Sharing"><img src="http://farm1.static.flickr.com/89/252118598_2abf765e5a.jpg" border="0" alt="Product，Experience，User&amp;Designer_2" width="500" height="417" /></a> </p><p>下面是对这个图示的简单说明：</p><p><strong>产品（Product）<br /></strong>根据Alan Cooper的对交互设计的定义，我把产品分为三个层次：外观（Appearance）、行为（Behavior）和内涵（Idea/connotation），最外层的是外观，接着是行为，最后是内涵。应该说，任何一种产品都包含这三个层次，但根据市场需求的不同各个产品在这三个层次上又有所侧重。</p><p><strong>体验（Experience）</strong><br />这里借用Norman《情感化设计》中的观点，我把体验也分为三个层次，分别是：感官的（Visceral）、行为的（Behavioral）和反思的（Reflective）。用户对一个产品的体验是递进的，首先是感官（产品看起来如何），其次是行为（也就是产品使用起来的感觉），最后是反思（对产品进行探索和思考）。这里所隐含的意思是，<strong>如果一个产品第一感觉看上去不能满足用户的期望，很可能他就已经不再打算去使用这个产品、不会去和这个产品&ldquo;交互&rdquo;，更不会去探索和思考产品的使用原理。</strong>因此，不要随意夸大设计师特别是交互设计师和可用性工程师的能力和地位，他们所做的工作有时候甚至不比一个视觉设计师所做的更有效。</p><p><strong>用户（User）<br /></strong>对应于体验的三个层次，根据Alan Cooper的观点，我把产品的使用者分为新手-浏览者（Visitor），中间用户-参与者（Participator/Player）和专家-探索者（Explorer）。<strong>任何一个产品都同时具有这三个层面的用户，这种划分一方面可以反映用户的使用水平，另一方面从这三个层面用户群的多少可以反映产品对用户的吸引程度以及该产品在市场上的定位。</strong>从产品的三个维度来看，新手层次的用户较多关注于产品的外观，而对产品的使用和内涵关注较少，因此我称之为浏览者；中间层次的用户关注产品的使用较多而较少关注产品的外观和内涵，因此我称之为参与者（玩家）；专家层次的用户则较多地关注于产品的内涵和实现原理并探索它们，因此我称之为探索者。以经济学的观点看，产品的这三个维度的总和就是该产品对用户的效用，对同一个产品的同一个用户来说，随着体验的递进，产品的外观之于用户的效用是递减的，而产品的内涵之于用户的效用是递增的，因此<strong>对一个有内涵的产品，用户将从新手演变为中间用户，然后成为专家。</strong>而对于同一个产品的不同阶层的用户来说，其效用是不同的，他们所看到的是产品的不同侧面，因此我们在做产品的可用性测试时，必须要注意用户背景的差别。</p><p><strong>设计师（Designer）</strong><br />对应于产品的三个层次，可以将产品的设计师划分为三种类型（职位）：视觉设计师（Visual Designer），交互设计师（Interaction Designer）和程序设计师（Program Designer）。如果按工作内容排序，这三个职位是由浅入深的。视觉设计师负责的是产品外观的设计及创意，即产品看起来如何，要传达给用户一种什么样的感觉；交互设计师负责的是产品行为的设计和创意，即用户如何与产品交互，以及产品如何响应用户的操作；程序设计师负责的是产品功能的实现和创意，即产品的运行机制是怎样的，如何使产品的运行更有效率。我认为，这三个职位的清晰定义很重要，每个职位都应该有自己的工作范围，设计师之间需要交流，但不要越界行事。特别是，对于交互设计师，我对这个职位的理解和定位是：<strong>他应该仅仅负责设计和定义用户与产品交互的形式及过程，充分发挥自己的想象力和创造力而不必过多地考虑市场需求和用户因素，把时间耗费在分析用户行为上和规划需求上</strong>&mdash;&mdash;事实上，这部分的工作应该由专门的人员去做，他们就是对用户需求与产品进行协调的可用性工程师（Usability Engineer）。</p><p>update：<a href="http://farm1.static.flickr.com/89/252118598_2abf765e5a_b.jpg" target="_blank">原图下载</a></p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://bicespring.blogbus.com/logs/3560481.html">隐喻，启示和用户体验</a> 2006-10-13</div><div><a href="http://bicespring.blogbus.com/logs/3447638.html">关于“用户体验的价值”一图的翻译和补充说明</a> 2006-09-30</div><div><a href="/logs/3408675.html">无语//</a> 2006-09-25</div><div><a href="/logs/2697171.html">从经济学的角度看交互设计</a> 2006-06-24</div><div><a href="/logs/2696306.html">为什么我们一定要横穿马路？</a> 2006-06-24</div></div><div class="addfav"><br />收藏到：<span class= "delicious"><a href="http://delicious.com/save?url=http%3A%2F%2Fbicespring.blogbus.com%2Flogs%2F4386666.html&title=%E4%BA%A7%E5%93%81%E3%80%81%E4%BD%93%E9%AA%8C%E3%80%81%E7%94%A8%E6%88%B7%E5%92%8C%E8%AE%BE%E8%AE%A1%E5%B8%88%E6%A6%82%E5%BF%B5%E5%9B%BE">Del.icio.us</a></span></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://bicespring.blogbus.com/logs/4386666.html</link>
   <author>bicespring</author>
   <pubDate>Sat, 27 Jan 2007 14:08:45 +0800</pubDate>
  </item>
  <item>
   <title>交互设计：不是什么和是什么</title>
   <description><![CDATA[
<p><img hspace="0" border="0" align="bottom" alt="什么是交互设计？" src="http://static.flickr.com/80/268233052_c481e626c2.jpg" /></p><p>关于什么是交互设计，许多网站上都做过介绍，最经典的阐释和流传最广的中文版本可能来自于<a href="http://www.dedream.com/research/archives/2004/09/aeaeeeaec.html">DeDream的<b>一个交互实例</b></a>，当初给这个Blog取名为“交互℃计”的时候，就有想法要以自己的观点去写一篇“什么是交互设计”的文章，但因为诸多原因一直没有成文，现在将自己的想法整理出来，说得不对的地方，欢迎指正。</p><p><b style="color: navy;">交互设计：不是什么</b></p><p><b style="color: rgb(153, 51, 0);">交互设计不是“讲故事”。</b>可能大家都看过<a href="http://www.dedream.com/research/archives/2006/07/aeaeeeeae.html">Windy的那篇文章</a>，她把交互设计比喻成讲故事，但我个人认为这个比喻不是很恰当（<font color="#333333">注：这里并没有全盘否定Windy观点的意思，只是想借此做个补充</font>）。尽管，交互设计中所使用的一些方法，比如Personas（人物角色）和 Storyboard（情节故事板）和一个故事所具有的要素（人物，时间，地点，情节）有些相似，但严格来说，交互设计作为一门集技术和艺术为一体的学科，其本质不是演说，不是相声，更不是一个人在台上作秀，——交互设计的过程，正如这个词本身一样，需要与使用者进行交互，不仅是说，更重要的是去做。相对于讲故事，我更愿意使用<b>导演</b>（Director）这个比喻，所不同的是导演面向的是舞台或电视屏幕，而交互设计师面向的是软件界面。界面中的控件（Widget）就像是演员，交互设计师要知道如何去安排它们的位置，指出它们之间、它们和用户之间应当以何种方式进行交互，这意味着设计师要站在用户的角度思考用户如何使用它们，正如导演要站在观众的角度审视他的电影如何为观众所理解和吸引观众。交互设计师不需要样样精通，但他必须对用户与软件之间的交互行为有良好的感觉和整体把握；技术上，他不一定要亲自写程序，但必须能够清楚地描述和描绘设计出来的软件应该是什么样，就像电影中的分镜头剧本一样，他也要为软件编写剧本（Spec），他必须对软件包括哪些功能与特征、软件将要做哪些事情、事情与事情之间的关系、事情与用户间的关系了然于心。其次，交互设计和其他类型的设计一样，仍然属于设计范畴，既然是设计，就包含艺术创作成分，他不仅要能分析、改进现有的设计，最重要的，我认为，他要具备一定的<b>创新能力（Creative）、谋略（Strategy）和远见（Vision）</b>，他的视角不应仅仅停留在现有的设计上，他应能够根据实际情况进行创新，为新用户开发更简单的、计算机行业前所未有的产品。最后，正如一部好的电影需要编导、演员和摄影师的通力合作一样，一个好的软件也需要交互设计师、图形设计师和程序员的默契配合，而不是个人表演秀。</p><p><b style="color: rgb(153, 51, 0);">交互设计不等于用户体验。</b>我很遗憾地发现，在国内，用户体验（UE）这个词已经被滥炒到无以复加的程度，某种程度上几乎成了交互设计的代名词。在谈到某一个产品时（比如Web产品），许多人言必称用户体验，特别是，在推广产品的时候喜欢冠之“用户体验”的字眼，比如“给客户带来全新的用户体验”“致力于提供良好的用户体验”等等，甚至直接就认为交互设计的工作就是在设计“良好的用户体验”。好吧，在你说我是在咬文嚼字之前，请容我解释下自己的观点：</p><p>首先我们要搞清楚，什么是用户体验？我认为，用户体验是产品的使用者（用户）对产品的<b>主观感觉</b>，是<b>用户在使用产品的过程中所感受到的、所获得的全部内容的总和</b>，借用经济学术语来说，就是<b>效用</b>（Utility）。经济学中的效用指的是个人对选择（物）的<b>主观评价</b>，所以我觉得用户体验（User Experience）的另一个更确切的说法是用户评价（User Evaluate）。效用在不同的人之间是不可比较的，除非授权，我们每一个人都不能代替他人作出选择（评价），也就无法知道一个选择对另一个人的效用是多少。我在以前的文章提到过，“体验”本身具有差异性和不可替代性，因此，我们在谈及用户体验的时候，本质上是无法代替用户做出选择和回答的，——举个很浅显的例子，如果你是Windows用户，你不能因为自己对iMac有不好的体验而代替iMac用户得出“iMac的用户体验极差”这样的结论，反之亦然；换句话说，无论是设计师还是企业，单方面宣布自己的设计“有良好的用户体验”是极其荒谬的言论，他们看起来就和那些吹得满天飞的营销广告一样难以令消费者信服。当然，作为市场营销策略，我不反对这种做法；但是，对于设计师来说，在学术交流和做交互设计的过程中，应当避免采取这样的措辞。你怎么设计产品是一回事，用户使用起来如何又是另一回事，因此，交互设计不等于用户体验。但是，正如Cooper所说，“作为设计师，<b>我们不能声称设计一种人工制品的用户体验</b>，但我们能够设计与人工制品交互的机制”，如果你希望你的用户使用你设计的产品能够有好的体验，你就得让他们自己做出回答和评价，然后根据他们的期望设计你的产品，使你的产品运行于他们的期望之中，而不是你代替他们做出选择和评价。</p><p><b style="color: rgb(153, 51, 0);">交互设计不等于设计易于使用的产品。</b>许多人认为，交互设计就是使人们更好地、更容易地使用产品，或者说强调可用性（Usability）和易用性（Ease to Use），我认为这是一个片面的观点。<b>易用性只是交互设计的目标之一，而不是交互设计的全部</b>，设计师完全有理由去设计一个交互上难以使用的产品，但他本身所做的工作依然是交互设计。比如把ATM的取款程序设计为先取卡，才能取钱，这表面上看给用户带来不便，实际却降低了用户因忘记取卡而带来的损失，这是为产品的安全性而做的交互设计；另外一个典型例子是电子游戏，它们的操作都相当复杂而且难以使用，然而这正是游戏交互设计师的目标，因为只有当游戏能给玩家带来挑战性，才会获得用户青睐。因此，<b>就交互设计这个定义来说，交互设计只是设计，与易用性无关</b>，<span style="font-weight: bold;">设计师应当根据实际的需求决定产品是否应该易用，而不仅仅是设计易于使用的产品，使易用性成为挂在嘴边的术语。</span></p><p><b style="color: rgb(153, 51, 0);">交互设计不仅是Web设计。</b>我们已经认识到交互设计不仅是界面设计，然而我们当前对交互设计的理解和应用却仅限于Web设计。无可否认，交互设计中，最流行最广泛也最有价值的应用是Web设计，那也只是因为Web本身倍受大众关注和使用的缘故，作为交互设计师，如果眼光仅仅放在Web设计上，我们将重新犯下类似于“交互设计就是界面设计”这样错误的结论。如果我们<b>从技术上</b>把桌面系统中的交互和Web中的交互做一个比较，你会发现，Web中的交互方式极其原始，说过分一点，在Web中几乎不存在交互设计，用户除了点击还是点击，只是到所谓的Web2.0才增加了拖动操作，可以说，用户与Web之间的交互方式是相当匮乏的。所以Alan Cooper才会说“<b>Web使界面技术倒退了不止十年</b>”。由于Web技术本身的限制，那些做Web的交互设计师，多数是在做用户行为分析的工作，发现交互过程中存在的问题并进行修正，能够对交互理念进行整体创新并设计的设计师少之又少，因为这不仅需要深厚的理论基础和相当的编程技能而且需要技术环境和工具的支持，因此，个人认为，就目前来说，Web设计师所做的还不是真正意义上的交互设计。</p><p>然而我们也要看到，也正由于Web在交互上的“匮乏”，使得Web迅速流行，导致人们对整个Web的关注从交互行为转向内容的形式和排版，传统的面向媒体的设计理念和方法被引用进来，图形设计逐渐成为Web设计的代名词，而个人计算机也不再仅仅为专业人士所使用，而是面向广大消费者。在这个领域中，缺乏编程经验的图形设计师承担了大部分的工作，企业雇佣他们而不是程序员为网站制作精美的用户界面。然而，图形设计师却走向了另一个极端，与程序员相反，他们过分注重表达却忽略了Web背后的本质：他们把Web当成一种新型的纸质媒体——易于使用，可以在上面任意涂画；他们以为Web的易用性将取代一切，可以不受限制地发挥自己的想象力而将交互置之度外，——他们没有意识到，<b>早期的Web实际上是以牺牲交互手段为代价换取易用性，它本质上只是整个桌面系统的一部分而不是全部。</b>互连网毕竟不是传统媒体，随着时间的推移，Web终究摆脱不了它的宿命：<b>它需要与它的用户进行更广泛意义上的交互不仅仅是于表达</b>。<b>这意味着，终有一天Web会重新回到桌面系统中来，重定义它与用户之间的交互形式，它的易用性将逐渐丧失，或者改变桌面系统，或者被改变；</b>同时，桌面系统也不会因为Web的到来而死亡，相反，它还有更多、更巨大的潜力等着设计师们去挖掘。</p><b style="color: rgb(153, 51, 0);">交互设计不仅是设计软件本身。</b>虽然，交互设计这个名词首先出现于软件领域，但其中一些观点早已被广泛运用于其他设计领域当中，只是到了最近它才被作为一门独立的学科提出，从而引起人们的关注。其实，在工业设计、建筑装潢设计、视觉传达设计、广告设计、文学、绘画、音乐、摄影等传统行业都包含着交互设计思想的种子，而计算机科学、社会学、心理学、经济学等等这些学科的发展又极大地丰富了交互设计的内涵和外延。任何一类设计，都同时包含了<b>形式</b>、<b>行为</b>和<b>内涵</b>三个维度。交互设计和传统设计类别最大的不同是，它更多关注的是<b>人或物、人与物甚至人与人之间的行为和内涵</b>，而传统的设计更多的关注于<b>内容和形式</b>。交互设计产生于软件领域，这是工业产品社会化和信息化的结果，我们已经生活在被人工制品（Artifact）包围的时代，我们无时不刻要使用这些产品并与它们进行交互，从来没有任何一种产品像计算机软件这样如此深刻的改变了我们的生活。之所以软件产品的行为设计倍受关注，这是因为它和传统的工业产品不同，它的边际成本趋向于零；它缺乏足够的负反馈来控制其功能的复杂度；它无法像传统的工业产品那样被我们视为身外之物；它的影响已经渗透到传统的工业产品之中，渗透到我们生活中的每一个角落。因此，交互设计的范围正在扩大，已经不仅仅是软件产品，仔细观察我们身边的一切事物，半开玩笑的说，包括人，都在无时不刻地与我们“交互”。因此，比学习交互设计更重要的是学会生活，用一颗真诚的、包容的心去观察、体验和感受生活，努力提升个人修养水平，并以此来指导你的设计，将它应用于生活当中，贡献于社会。如果我们能跳出计算机领域，我想，交互设计师能走得更远。<p /><p><b><span style="color: navy;">总结：交互设计是什么（What is Interaction Design？）</span></b> </p><p>说了那么多“不是”、“不仅是”，现在来总结一下关于交互设计的定义。先来看Alan Cooper对交互设计的经典定义：</p><p><table width="437" height="169" bgcolor="#ceecff" style="width: 437px; height: 169px;"><tbody><tr><td height="27">简单地说，<b>交互设计是人工制品、环境和系统的行为，以及传达这种行为的外观元素的设计和定义。</b>交互设计首先规划和描述事物的行为的方式，然后描述传达这种行为的最有效形式。交互设计是一门特别关注以下内容的学科： <br />■定义与产品的行为和使用密切相关的产品形式 <br />■预测产品的使用如何影响产品与用户的关系，以及用户对产品的理解 <br />■探索产品、人和上下文（物质、文化和历史）之间的对话（Riemann和Forlizzi）</td></tr></tbody></table></p><p><br />再来看《Interaction Design——Beyond Human-Computer Interaction》一书中作者对交互设计的定义：</p><p><table width="440" height="105" bgcolor="#ceecff" style="width: 440px; height: 105px;"><tbody><tr><td height="23"><b>交互设计指的是：设计支持人们日常工作与生活的交互式产品</b>。具体地说，<b>交互设计就是关于创建新的用户体验的问题，其目的是增强和扩充人们工作、通信及交互的方式。Winnogard（1997）把交互设计描述为“人类交流和交互空间的设计”</b></td></tr></tbody></table></p><p><br />下面是我对“交互设计”的理解/定义：</p><p><b>所谓交互设计，是指设计师对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程</b>，简单说，即<span style="color: navy;">设计和定义使用者如何使用一产品达到其目标，完成某一任务的过程。</span></p><p><b style="color: rgb(153, 51, 0);">（下面是对几个相关术语的阐释：）</b></p><p><span style="color: navy;">特别地，</span></p><p>对计算机工业产品的交互设计我们称之为<b>“人机交互（Human-Computer Interaction）设计</b>”；</p><p><span style="color: navy;">进一步，</span></p><p>交互设计过程中，如果我们打算以用户的目标和期望为导向做设计，这就是<b>“目标导向设计（Goal-Directed）</b>”或<b>“以用户为中心的设计（User-Centered Design）</b>”，例如，目标用户希望得到一个易用的产品，那么我们的设计就要以<b>易用性（Ease to Use）</b>为目标；</p><p><span style="color: navy;">再进一步，</span></p><p>当将交互设计做好以后，需要尽可能去“<span style="color: navy;">描述和传达这种行为的最有效形式”</span>，这时候所做的就是<b>“用户界面设计（User Interface Design）”</b>；如果用图形的方式表达出来，画在屏幕上，得到的结果就是<b>“图形用户界面（Graphic User Interface）”；</b></p><p><span style="color: navy;">更进一步，</span></p><p>如果我们的产品确实是在以用户期望的方式运行，该产品就是<b>“易用的（Usable）</b>”（<b><a href="http://www.joelonsoftware.com/design/1stDraft/03.html">Joel Spolsky</a>,</b>2006）；</p><p><span style="color: navy;">最后，</span></p><p>如果你的目标用户都对你设计的产品有口皆碑，赞叹不已，你就获得了良好的<b>“用户体验（User Experience）</b>”。</p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://bicespring.blogbus.com/logs/55724498.html">OpenOffice UI Mockup</a> 2009-12-31</div><div><a href="http://bicespring.blogbus.com/logs/4698503.html">谷歌：如果重新设计？</a> 2007-03-06</div><div><a href="http://bicespring.blogbus.com/logs/4357007.html">说明书</a> 2007-01-23</div><div><a href="http://bicespring.blogbus.com/logs/3398010.html">上网干什么？浏览、收集、分享和创造以及联系</a> 2006-09-24</div><div><a href="http://bicespring.blogbus.com/logs/3391662.html">绘图软件中的经典概念、工具和功能</a> 2006-09-23</div></div><div class="addfav"><br />收藏到：<span class= "delicious"><a href="http://delicious.com/save?url=http%3A%2F%2Fbicespring.blogbus.com%2Flogs%2F3560156.html&title=%E4%BA%A4%E4%BA%92%E8%AE%BE%E8%AE%A1%EF%BC%9A%E4%B8%8D%E6%98%AF%E4%BB%80%E4%B9%88%E5%92%8C%E6%98%AF%E4%BB%80%E4%B9%88">Del.icio.us</a></span></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://bicespring.blogbus.com/logs/3560156.html</link>
   <author>bicespring</author>
   <pubDate>Wed, 24 Jan 2007 21:49:58 +0800</pubDate>
  </item>
  <item>
   <title>说明书</title>
   <description><![CDATA[<p><br />两位程序员正在争论有关用户界面的问题。<br />“在‘使用起来简单轻松’方面，许多意义重大的革命正在进行当中，”第一个程序员说，“不久以后，人们在使用电脑之前将不再需要阅读那些冗长乏味的用户手册了。程序都将是不言自明的。”<br />第二位程序员想了一会儿，然后说：“上个星期我准备劈些木柴烧火，但我的斧子又旧又钝，于是我去五金店买了把新的。”<br />“这挺有趣儿，”第一位程序员说，“但这和用户界面有什么关系呢？”<br />“这把新斧子附带有长达8页的说明书。”他回答说。</p><p align="right"><font size="2">——摘自《The Zen of Programming》中译版第二篇</font></p><p>你以为用户很在乎或只是关心易用性？你以为你比他们更懂用户体验？</p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://bicespring.blogbus.com/logs/55724498.html">OpenOffice UI Mockup</a> 2009-12-31</div><div><a href="http://bicespring.blogbus.com/logs/4698503.html">谷歌：如果重新设计？</a> 2007-03-06</div><div><a href="http://bicespring.blogbus.com/logs/3560156.html">交互设计：不是什么和是什么</a> 2007-01-24</div><div><a href="http://bicespring.blogbus.com/logs/3398010.html">上网干什么？浏览、收集、分享和创造以及联系</a> 2006-09-24</div><div><a href="http://bicespring.blogbus.com/logs/3391662.html">绘图软件中的经典概念、工具和功能</a> 2006-09-23</div></div><div class="addfav"><br />收藏到：<span class= "delicious"><a href="http://delicious.com/save?url=http%3A%2F%2Fbicespring.blogbus.com%2Flogs%2F4357007.html&title=%E8%AF%B4%E6%98%8E%E4%B9%A6">Del.icio.us</a></span></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://bicespring.blogbus.com/logs/4357007.html</link>
   <author>bicespring</author>
   <pubDate>Tue, 23 Jan 2007 11:08:15 +0800</pubDate>
  </item>
  <item>
   <title>换个模板</title>
   <description><![CDATA[<p>换个模板，换个心情。<br />在过去的一年里，有太多的失落和难过，希望新的一年里有所收获，学会正视自己，学会独立生活。<br />2007，对自己说：努力，加油！</p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://bicespring.blogbus.com/logs/55723581.html">两年。</a> 2009-12-31</div><div><a href="http://bicespring.blogbus.com/logs/3448292.html">所谓设计</a> 2006-09-30</div><div><a href="http://bicespring.blogbus.com/logs/3408675.html">无语//</a> 2006-09-25</div><div><a href="http://bicespring.blogbus.com/logs/2696306.html">为什么我们一定要横穿马路？</a> 2006-06-24</div><div><a href="http://bicespring.blogbus.com/logs/2695769.html">更新一下</a> 2006-06-23</div></div><div class="addfav"><br />收藏到：<span class= "delicious"><a href="http://delicious.com/save?url=http%3A%2F%2Fbicespring.blogbus.com%2Flogs%2F4354686.html&title=%E6%8D%A2%E4%B8%AA%E6%A8%A1%E6%9D%BF">Del.icio.us</a></span></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://bicespring.blogbus.com/logs/4354686.html</link>
   <author>bicespring</author>
   <pubDate>Mon, 22 Jan 2007 23:42:27 +0800</pubDate>
  </item>
  <item>
   <title>隐喻，启示和用户体验</title>
   <description><![CDATA[<p><strong>隐喻（Metaphor）</strong></p><p>语言学上，把由于两个事物的特征上所存在的某一类似之处，而用指一个事物的词来指代另一个事物的演变方式叫做隐喻（Metaphor）。&ldquo;隐喻&rdquo;一词来自希腊语metaphora,其字源meta意思是&ldquo;超越&rdquo;&ldquo;在&hellip;之后&rdquo;，而pherein的意思则是&ldquo;传送&rdquo;或&ldquo;转换&rdquo;。合起来表达就是&ldquo;转换之后的含义&rdquo;。隐喻是以&quot;相似&quot;（likeness）和&quot;联想&quot;（association）为基础的，也即两个事物的特征上所存在的某一类似之处。</p><p>软件产品的用户界面中也存在隐喻。比如，我们现有的Windows桌面系统就基于&ldquo;Desktop Metaphor（桌面隐喻）&rdquo;，其中又包括Windows、Icon、Menu和MousePointing隐喻，它们都不是真实的事物，而是用来指代界面元素本身，以便于用户识别和操作它们。总的来说，隐喻有两种：一种是符号隐喻，另一种是行为隐喻。前者在计算机中具体表现为语言指令（Instruction）和图标（Icon），后者表现为手势（Gesture）和直接操作（DirectManipulate），后者也被Cooper称为&ldquo;手动启示&rdquo;（下面会讲到）。每一种隐喻都有它的优点和缺点，当前的桌面系统是上述隐喻的混合。</p><p><strong>启示（Affordance）</strong> </p>DonNorman在他的《The Design of Everyday things》一书中创建了这个词（它的另一个译法叫&ldquo;预设用途&rdquo;），是指物品被人们认为（consider）具有的性能及其实际上（physical）具有的性能，换句话说，就是物品在人们长期使用过程中体现出来的固有的性质和用途。个人认为，启示这个词，实际上就是隐喻的另一种说法，只不过启示是站在&ldquo;物&rdquo;的角度来说的，而隐喻是站在&ldquo;人&rdquo;的角度来说的，这两个词本身都包含了&ldquo;暗示&rdquo;的意思。Cooper在《About face2.0》中对Norman的定义做了修改，&ldquo;启示&rdquo;专指&ldquo;我们认为对象能够做什么，而不是它实际能做什么&rdquo;，续而得出&ldquo;手动启示&rdquo;的概念，&mdash;&mdash;从隐喻的角度看，就是行为隐喻。行为隐喻是比<strong>符号系统</strong>更有竞争力的一种隐喻，正如Norman所说，&ldquo;如果物品的启示在设计中得到合理利用，用户一看便知如何操作，而无须借助任何符号、标志和说明&rdquo;。 <p>&nbsp;</p><p><strong>良好的用户体验：设计符合用户期望的隐喻</strong></p><p><strong><img style="width: 467px; height: 205px" src="http://static.flickr.com/83/268281431_92ffefd020.jpg?v=0" border="0" alt="隐喻，启示和用户体验" width="467" height="205" align="baseline" /></strong></p><p>如果我们从Norman所提出的概念模型来看隐喻本身，它其实就是设计师根据物品&ldquo;实现模型&rdquo;所设计的&ldquo;表现模型&rdquo;，而Cooper所定义的&ldquo;启示&rdquo;正是用户的&ldquo;心智模型&rdquo;。于是，我们可以得知：当设计师设计的隐喻（表现模型）越接近于用户的期望（心智模型），就越能获得良好的用户体验。认知心理学表明，我们对事物的认知来源于我们在长期的社会交往中形成的文化和行为习惯，因此隐喻的设计应当遵从一定的认知行为习惯。当事物的外观和行为符合我们的身体特征和认知的时候，我们操作起来才会得心应手。</p><p>事实上，获得良好的用户体验的关键是适当的隐喻，而不是那些看起来很&ldquo;酷&rdquo;的隐喻，设计师喜欢联想，这不错，但不要忘记：<strong>类比是有限的，设计需要在隐喻和实现中取得平衡。</strong>在对隐喻使用上，我们的软件产品正在走两个极端：一方面，<strong>图标已经成为一个正在被滥用的隐喻</strong>，图标引诱设计者本身为操作任务寻求一种表示，然后在表示上而不是事物本身上实现一种操作(JefRaskin,1999)，图标会诱使设计师创建更多的图标，当界面上布满华丽的悦目的图标，就有可能迫使用户的注意力转移到图标而不是他所要处理的任务上，&mdash;&mdash;尽管，我们需要吸引用户的注意力，但不能过多地吸引用户的注意力；另一方面，虽然行为隐喻更有竞争力，但<strong>软件产品不等于工业产品</strong>，<strong>用户界面不等于真实世界</strong>，那些企图将用户界面设计成像真实的物理世界一样的设计师是在走另一个极端。计算机软件和传统的工业产品有着本质的不同。计算机软件不像传统的产品那样易于使用的一个重要原因是缺少限制条件（Restriction），包括物理的、逻辑的、文化的以及经济的限制因素。除了硬件设备，为虚拟的屏幕界面设计实际的行为隐喻没有多大意义，在界面中完全照搬物理模式，一方面会造成文化和逻辑上的冲突，使软件的所能支持的应用（任务）受到约束；另一方面会限制用户对软件的理解和设计师构思新范型的想象力，掉入隐喻的陷阱。其结果可能就像上个世纪GeneralMagic的MagicCap和Microsoft的Bob一样，在用户经历了新奇的体验后，被主流市场所抛弃。</p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://bicespring.blogbus.com/logs/4386666.html">产品、体验、用户和设计师概念图</a> 2007-01-27</div><div><a href="http://bicespring.blogbus.com/logs/3447638.html">关于“用户体验的价值”一图的翻译和补充说明</a> 2006-09-30</div><div><a href="/logs/2340357.html">人机交互历史</a> 2006-04-24</div><div><a href="/logs/2100630.html">关于UCD中的三个常见观点的反驳</a> 2006-03-20</div><div><a href="/logs/1637141.html">关于整合IM/ChatRoom/BLOG/BBS和RSS的方案</a> 2005-11-26</div></div><div class="addfav"><br />收藏到：<span class= "delicious"><a href="http://delicious.com/save?url=http%3A%2F%2Fbicespring.blogbus.com%2Flogs%2F3560481.html&title=%E9%9A%90%E5%96%BB%EF%BC%8C%E5%90%AF%E7%A4%BA%E5%92%8C%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C">Del.icio.us</a></span></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://bicespring.blogbus.com/logs/3560481.html</link>
   <author>bicespring</author>
   <pubDate>Fri, 13 Oct 2006 11:13:49 +0800</pubDate>
  </item>
  <item>
   <title>所谓设计</title>
   <description><![CDATA[<p align="center"><img alt="http://static.flickr.com/94/256188497_568f1c8819.jpg?v=0" hspace="0" src="http://static.flickr.com/94/256188497_568f1c8819.jpg?v=0" align="baseline" border="0" /></p><p align="center">画家：徐乐乐 画名：《太公钓鱼 立轴》</p><p align="left" /><p align="left">BTW，感谢donews的“广告”：）</p><!--sp--><div class="relpost"><br/><h3>随机文章：</h3><div><a href="http://bicespring.blogbus.com/logs/55723581.html">两年。</a> 2009-12-31</div><div><a href="http://bicespring.blogbus.com/logs/4354686.html">换个模板</a> 2007-01-22</div><div><a href="http://bicespring.blogbus.com/logs/3408675.html">无语//</a> 2006-09-25</div><div><a href="http://bicespring.blogbus.com/logs/2696306.html">为什么我们一定要横穿马路？</a> 2006-06-24</div><div><a href="http://bicespring.blogbus.com/logs/2695769.html">更新一下</a> 2006-06-23</div></div><div class="addfav"><br />收藏到：<span class= "delicious"><a href="http://delicious.com/save?url=http%3A%2F%2Fbicespring.blogbus.com%2Flogs%2F3448292.html&title=%E6%89%80%E8%B0%93%E8%AE%BE%E8%AE%A1">Del.icio.us</a></span></div><br /><br /><div class="sysmsg"><b><a href="http://www.blogbus.com" target="_blank">博客大巴，你的个人传媒早班车</a></b></div><br /><br />]]></description>
   <link>http://bicespring.blogbus.com/logs/3448292.html</link>
   <author>bicespring</author>
   <pubDate>Sat, 30 Sep 2006 16:17:07 +0800</pubDate>
  </item>
 </channel>
</rss>
