<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="http://feeds.qzone.qq.com/rss.xsl" version="1.0"?>
<rss version="2.0" xmlns:qz="http://qzone.qq.com">
<channel>
<title><![CDATA[Sandyzzz/mn]]></title>
<description><![CDATA[Sandyzzz的空间]]></description>
<link>http://122047125.qzone.qq.com</link>
<lastBuildDate>Sun, 29 Nov 2009 08:14:42 GMT</lastBuildDate>
<generator>Qzone</generator>
<language>zh-cn</language>
<copyright>Copyright (C), 2005-2008, Tencent Tech. Co., Ltd.</copyright>
<pubDate>Mon, 16 Nov 2009 16:05:52 GMT</pubDate>

<item>
<title><![CDATA[google的创新产品]]></title>
<link>http://122047125.qzone.qq.com/blog/1258387552</link>
<description><![CDATA[一直以来都频繁的收到一些来自奇怪网讯的信息,较新奇的互联网产品也很快能第一个体验到.这几天google 的两个产品让我有点惊艳.分享并推荐一下.<br>google大富翁<br><a href="http://www.monopolycitystreets.com/game.html#en" target="_blank">http://www.monopolycitystreets.com/game.html#en</a><wbr /><br>非常有意思的一个全球同步网页游戏,由google 与孩子宝公司联袂推出,华丽丽的.孩子宝公司有可能有人会陌生,但是提到变形金刚估计大家都知道,孩子宝公司正是变形金刚的创始者.这一次的强强联合直接延伸了一个惊艳新webgame或是snsgame模式.用很小的成本,在google map上搭建一套以直实模式为背景的大富翁游戏,并全球同步.<br>第二个.<a href="http://fastflip.googlelabs.com/" target="_blank">http://fastflip.googlelabs.com/</a><wbr /><br>google新推出的页面图片镜像搜索秀.呵呵不敢用搜索器.因为相对搜索器他的搜索关键词能力是有点弱的.不过这个产品的意义在于通过关键字google迅速建立索引,并直接通过特殊的技术将相对应所有相应关键字的页面进行截图,用户可以看到如画报一样的一张张的页面,比如去看媒介网站的话,你能很快的收获不同行业的头版头条信息,而不用看一张又一张的报纸.而且搜索速度还是延续了google优秀搜索引擎优点. <!--v:3.2--> ]]></description>
<category><![CDATA[轉載の品]]></category>
<author><![CDATA[122047125@qq.com(Sandyzzz/mn)]]></author>
<comments>http://122047125.qzone.qq.com/blog/1258387552#comment</comments>
<qz:effect>134218240</qz:effect>
<pubDate>Mon, 16 Nov 2009 16:05:52 GMT</pubDate>
<guid>http://122047125.qzone.qq.com/blog/1258387552</guid>
</item>

<item>
<title><![CDATA[互联网产品的交互设计方法（UPA2008讲稿）]]></title>
<link>http://122047125.qzone.qq.com/blog/1258081580</link>
<description><![CDATA[互联网产品的交互设计方法（UPA2008讲稿）11月 5th, 2008<br><span style="font-weight:bold"><wbr />目前交互设计在互联网产品中的应用状况</span><wbr /><br>“交互设计可以提高产品可用性。”在国内的互联网行业中，建立在这个认识基础上，交互设计得到了普遍的接受。“产品设计开始的时候应该先交互啊~~”“你这个项目没交互过啊~~”这类的说法越来越多当然是好的信息，但是，交互设计工作到底应该怎么做才能提高产品可用性？通常的互联网产品研发中，交互设计工作是处于没有方法的状况。<br><span style="font-weight:bold"><wbr />理解交互设计</span><wbr /><br>交互设计是一个设计工作。<br>交互设计是一门技术。<br>交互设计在目前阶段的主要使命是提高产品可用性。<br>通过对界面和操作行为的设计提高产品可用性。<br><span style="font-weight:bold"><wbr />互联网产品的特点</span><wbr /><br>1.变化快。<br>2.质量低。<br>3.功能操作与信息传达并重。<br>4.高速创新从而带来的无标准。<br>那么，互联网产品的交互设计应该怎么做？<br><span style="font-weight:bold"><wbr />互联网产品的交互设计方法分享</span><wbr /><br>经过长期的摸索、体会腾讯互联网产品，我们总结出了几个较为有效的设计方法：<br>方法一. 自然语言法。设计交互细节的方法。<br>方法二. 结构图法。设计产品信息构架的方法。<br>方法三. 任务走查法。对现有产品进行优化的方法，全面普查产品，包括对交互细节和信息构架。<br><br>这三个方法的思路，是基于对交互设计工作内容如下的分类：<br>1. 信息构架<br>2. 交互细节<br>但，严格来说，这样的理解是不对的。交互设计工作原本就是“交互细节”工作。另外有信息构架师来解决信息构架的问题。然而，上面提到了互联网产品快的特点，更多的研发步骤显然更容易将研发周期拖的更长，把信息构架工作和交互细节合并起来，减少一个环节，更适应互联网产品的研发特点。<br>“为什么不把信息构架工作交给产品经理来做呢？”如果说交互设计工作的核心是表达（这个观念，最后还会提到），那么，信息构架和交互细节都是表达的重要手段。信息构架不清楚的产品，怎么谈得到表达的清楚、明确呢。所以，交互设计的工作包含了两部分：信息构架和交互细节。<br>那么，下面我们就开始具体介绍这三个方法：<br><br><br>方法一. 自然语言法使用自然的语言来表达页面信息。<br>这是一个设计界面交互细节的方法。<br>界面表达的要求是：清晰，明确，简洁，得体。<br>想象着用面对面的交流来传达信息，再将面对面的传达变为书面表达，再用界面语言翻译书面表达。<br>除了思路，我们还需要必备的原则、常用的表达方式和具体操作步骤。<br><span style="font-weight:bold"><wbr />页面表达原则：</span><wbr /><br>1. 更少的信息量更好。<br>2. 结构化更易于理解。<br>3. 信息的表达应该清楚、明确、直接。<br>4. 操作可识别。<br>5. 操作前，结果可预知。<br>6. 操作时，操作有反馈。<br>7. 操作后，操作可撤销。<br>8. 让用户知道身处何地。<br>9. 避免内容看上去象广告。<br>10. 不提供多余的功能。<br>11. 相同的功能，在不同的页面中应保持一致性。<br>12. 措辞统一。<br><span style="font-weight:bold"><wbr />常用的页面表达方式：</span><wbr /><br>1. 从左到右，从上到下。<br>2. 大字更突出。<br>3. 图形更吸引人。<br>4. 动画会被误认为是广告。<br>5. 内容逻辑：并列关系；从属关系。<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image001.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image001.jpg" /></a><wbr />    <wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image002.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image002.jpg" /></a><wbr /><br>6.多项并列的信息用<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image003.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image003.jpg" /></a><wbr /><br>7.不同的排序方式VS筛选内容<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image004.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image004.jpg" /></a><wbr /><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image005.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image005.jpg" /></a><wbr /><br><span style="font-weight:bold"><wbr />具体操作</span><wbr /><br>第一步. 概括待表达的信息<br>第二步. 将概括好的信息排序<br>第三步. 使用界面语言翻译<br><span style="font-weight:bold"><wbr />实例：中信银行卡</span><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image006.gif" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image006.gif" /></a><wbr /><br>第一步. 概括信息：<br>描述应该是概括的，尽可能简短。例如：<br>● 您选择了回邮方式办卡，概括解释这个办卡方式。<br>● 接下来您应该 下载申请表<br>● 回邮办卡的全过程是这样的…<br>● 一系列注意事项。<br>第二步. 排序：<br>就是上面的顺序，没有变化。<br>有些时候排序会遇到困难，需要借助界面语言才能准确反应表达顺序。这正是界面设计的价值，它可以胜任一些单纯适用文字表达表达不好的情况。下面的黄钻续费案例中也许你就会遇到类似的问题。遇到这种问题时，记录下排序遇到的问题即可。在翻译过程中问题可能就解决掉了。<br>第三步. 翻译：<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image0321.gif" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image0321.gif" /></a><wbr /><br>与之前界面对比：<br>● 开头几句信息顺序需要整理，使上下文关系更清晰。<br>● 对过程的描述可简化。<br>● “说明”应更结构化。<br>这里所说的“与对比界面之前”只是因为之前的需求文档中有相对具象的页面原型，而这并不意味着这里的工作是“优化页面原型”。需求的传达总会有一定的形式，也许是简单的页面原型，也许是一份需求文档。甚至可以更简单。有时相对具象化的信息记录或之前的页面反而会是干扰设计者以明确的思路来设计，尤其需要小心。<br>我们有了一种成型的方法，但这并不意味着我们设计出的页面就只有一个样子了。实际上不同的设计者使用这个方法会设计出不同的页面。下面这是另外一位设计师给出的思路，或许这是更好的方案：<br>1. 您选择了回邮方式办卡，概括解释这个办卡方式。<br>2. 第一步. 下载、填写申请表并回邮给中信<br>3. 第二步……………………..<br>4. 第四步……………………..<br>这样的信息概括和排序页面表现将是什么样子？你可以自己试着画画~~<br><span style="font-weight:bold"><wbr />练习：QQ空间黄钻催费页面</span><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image007.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image007.jpg" /></a><wbr /><br>说明：<br>黄钻贵族是QQ空间中的VIP用户，黄钻贵族用户可以免费适用空间中的装扮，另外还可以享受到日志信纸、超大容量相册等诸多特权。<br>当用户的黄钻贵族身份即将到期的时候，从QQ聊天主面板上的“我的钱包”提示：“钱包”闪动，点击后用一个490*300px的小窗口告知用户续费的详情。<br>左侧图片在实际页面中是一个flash动画，若干张图片切换，显示黄钻用户可以装扮出的更好的空间效果。<br>右侧的续费方式希望在所有的续费方式中选择出两、三种比较常用的方式，直接显示出来（就是现在页面上的“家庭、网吧”两种方式），方便用户。同时提供“支付中心”链接（http://paycenter.qq.com/cgi-bin/showopenservice.cgi?service_type=home），让用户可以在全部续费方式中选择。<br>请使用上面介绍的自然语言法重新设计这个界面，让信息表达的更高效、清晰、明确。<br><span style="font-weight:bold"><wbr />参考方案</span><wbr /><br>需要表达的信息：<br>● 某某某，您的黄钻要过期了。<br>● 黄钻贵族很棒滴~~<br>● 现在续费黄钻还有额外的优惠。<br>● 续费方式…<br>更好的信息：<br>● 某某某，您的黄钻要过期了。<br>● 您要是不再是黄钻了，就有XXXXX损失啦~~<br>● 现在续费黄钻还有额外的优惠。<br>● 续费方式…<br><span style="font-weight:bold"><wbr />总结“自然语言法”</span><wbr /><br>自然语言法的基本思路是把界面表达转化为自然的人与人交流。人与人的交流是我们每天都会发生的，相对更容易，这个技能也更容易提高。<br>这里涉及到的两个例子都是比较偏向于信息表达的，对于操作较多的界面，这个方法仍旧适用。<br><br><br>方法二. 结构图法这个方法的思路：抛开页面细节只考虑信息的组织形式。抛开页面细节，是的，就是上面讨论的那些具体的页面细节，只考虑信息的整体构架，而页面的细节留在确定了信息构架之后，用自然语言法来解决。<br><span style="font-weight:bold"><wbr />信息构架的原则：</span><wbr /><br>1. 一个页面一个主要内容。<br>2. 个人信息&amp;公共信息。<br>3. 网页基本内容有两种：列表和文档<br>4. 更少的信息更好<br>5. 一个用户自己生成内容的document页，有两个状态：浏览状态&amp;编辑状态。<br>6. 信息树应该尽量窄而浅，并且尽量保持平衡。<br>7. 与现实生活经验相符<br>● 页面在网站中需要有一个固定的位置。<br>● 同等级的内容应表现成并列的样子。<br>     ……<br><span style="font-weight:bold"><wbr />信息构架的常见模型：</span><wbr /><br>1. 列表+详情页+列表聚合页<br>2. Wizard模式。第一步-&gt;第二步-&gt;第三步…<br>3. 主页+若干个“临时”页面。例如：google帐户<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image008.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image008.jpg" /></a><wbr /><br><span style="font-weight:bold"><wbr />具体操作</span><wbr /><br>第一步. 明确描述全部内容。总结归纳产品所需要表达的所有信息。<br>第二步. 画树状图。<br>第三步. 用纸画各页草图。草图中需要包含的关键元素：页面标题、导航、重要的链接和按钮。<br>第四步. 模拟演示网页操作行为。<br><span style="font-weight:bold"><wbr />实例：黄钻等级</span><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image009.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image009.jpg" /></a><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image010.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image010.jpg" /></a><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image011.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image011.jpg" /></a><wbr /><br>第一步. 总结归纳内容：<br>● 用户个人的的黄钻等级信息<br>● 等级介绍<br>● 黄钻功能特权介绍<br>● 黄钻贵族可免费领取的道具<br>● 黄钻活动<br>第二步. 树状图：<br>如果单纯的按照上面概括的信息罗列，则可以规划出一个黄钻贵族的网站，树状图如下：<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image012.gif" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image012.gif" /></a><wbr /><br>然而，信息构架的设计往往要建立在对现有产品深刻的理解基础上。<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image013.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image013.jpg" /></a><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image0141.gif" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image0141.gif" /></a><wbr /><br>Qzone的现状：一个社区，成千上万个个人空间。如何在现有的基础上设计新的黄钻等级？<br>我们的方案是这样的：<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image015.gif" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image015.gif" /></a><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image016.gif" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image016.gif" /></a><wbr /><br>第三步. 草图：<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image017.gif" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image017.gif" /></a><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image018.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image018.jpg" /></a><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image019.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image019.jpg" /></a><wbr /><br>这里需要强调：纸原型中应包括页面标题、模块的标题、导航、重要的链接和按钮，而不只是页面最顶端的导航。有了重要的链接和按钮才能清楚的演示出各个页面之间跳转的关系。<br>最后，第四步. 手握原型，演示页面间的跳转，确保整个流程的顺畅。<br><span style="font-weight:bold"><wbr />练习：QQ空间日志、心情、私密记事本</span><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image020.gif" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image020.gif" /></a><wbr /><br><span style="font-weight:bold"><wbr />参考方案</span><wbr /><br>总结归纳内容：<br>1. 日志<br>2. 心情<br>3. 私密记事本<br>树状图：<br>方案一：<br>● 主页<br>● “大日志”<br>    ■ 日志<br>    ■ 心情<br>    ■ 私密记事本<br>● 音乐盒<br>● 留言板<br>● 相册<br>……<br>方案二：<br>● 主页<br>● 日志<br>● 心情<br>● 私密记事本<br>● 音乐盒<br>● 留言板<br>● 相册<br>…<br>根据上面两种不同的树状图方案，接下来的页面草图也会是不同的，你可是试着画画…<br><br><br>方法三. 任务走查法这是一种优化现有产品的方法。成本低，见效快。对产品整体上影响小。<br>以用户任务为线索，以可用性准则为依据。是的，这个说话很好记，类似“以事实为依据，以法律为准绳。”<br>“用户任务”是指用户实际使用这个产品时需要完成的任务。这个方法中，需要操作者依据主观判断制定用户任务，而不是通过用户研究。这虽然有可能造成更大的误差，但同时节约了时间成本。实际工作中，参与这个产品设计的同学坐在一起讨论一下，通常是可以比较准确的描述出用户任务的。<br>“可用性准则”在这个方法中是指：页面表达原则、信息构架原则、视觉表现规范，这三部分。页面表达原则和信息构架原则就是前面提到的，视觉表现规范是专门针对视觉设计而制定的。这个方法要处理的问题是现有产品，因此，不同于产品原型，更多了视觉表现这一环，在视觉设计过程中出现的问题也应该在走查中一起发现。<br><span style="font-weight:bold"><wbr />视觉表现规范</span><wbr /><br>1. 滚动条看上去应该象滚动条<br>2. 表单的对齐方式<br>3. 重要的内容显示在第一屏<br>4. 导航应出现在第一屏上半部分<br>5. 尽量避免使用装饰性的图标<br>6. 避免内容看上去象广告<br>7. 光标样式<br>8. Tab需要有三种状态而不是两种<br>9. 红色表示警示，绿色表示ok，黄色表示提示<br>10. 灰色通常表示“暂不可用”（disabled）<br><span style="font-weight:bold"><wbr />具体操作</span><wbr /><br>第一步. 分析并总结所有任务<br>第二步. 根据任务进行评估<br>评估中需要注意：<br>1. 不影响任务的问题不记录<br>2. 被记录的缺陷是有根据的（根据可用性准则），而不是根据自己的感觉。<br><span style="font-weight:bold"><wbr />实例：QQ秀快速换装</span><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image021.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image021.jpg" /></a><wbr /><br>第一步. 任务列表：<br>● 换一套新形象<br>● 换表情<br>● 换心情<br>● 随便逛逛<br>● 换一个自己以前的形象<br>第二步. 评估。以“换心情”任务为例：<br><span style="font-weight:bold"><wbr />问题1 副标题表意不明确</span><wbr /><br>描述：<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image022.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image022.jpg" /></a><wbr /><br>这句说明仍旧没能说明“这里是什么功能”。如果能通过这句话说明：“在这里添加文字内容，显露您的心情”，说明的效果会更好。至于“让好友都知道！”这几个字几乎是没有用的，没有传达任何信息量。<br>依据：页面表达原则：信息的表达应该清楚、明确、直接。<br><span style="font-weight:bold"><wbr />问题2 “请输入心情秀”表意不明</span><wbr /><br>描述：<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image023.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image023.jpg" /></a><wbr /><br>“请输入心情秀文字”其实是第二层要表达的信息，第一层应该是：“这里还没有输入文字”。没有第一句，直接是第二句，需要用户花些时间来推断，推断出，这里显示“请输入心情秀文字”是因为自己没有写文字进去。<br>依据：页面表达原则：信息的表达应该清楚、明确、直接。<br><span style="font-weight:bold"><wbr />问题3 拖动心情秀时，光标使用不正确</span><wbr /><br>描述：<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image024.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image024.jpg" /></a><wbr /><br>光标在框中的是link的手型，实际上应该是十字箭头。现在会被误解为有点击操作。<br>依据：视觉表现规范：光标<br><span style="font-weight:bold"><wbr />问题4 “心情秀”概念不清</span><wbr /><br>描述：<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image026.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image026.jpg" /></a><wbr /><br>“心情秀预览”暗示出，“心情秀”是指外框+文字内容。<br>“换心情秀”功能只是换框，这意味着“心情秀”是指外框。<br>措辞上的含混使得同一个名词出现两种不同的定义，不易于理解。“既然心情秀是指外框+文字内容，那么当我点击“下一个”后，其中的文字内容是不是也会变化？”<br>依据：页面表达原则：措辞统一<br><span style="font-weight:bold"><wbr />问题5 换心情秀外框操作不便</span><wbr /><br>描述：<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image027.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image027.jpg" /></a><wbr /><br>“上一个”“下一个”的操作不方便。无预览图，无法确定当前选项在全部“框”的列表中所处位置。<br>依据：页面表达原则：操作结果不可预知<br><span style="font-weight:bold"><wbr />问题6 “预览”按钮视觉效果不佳</span><wbr /><br>描述：<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image028.gif" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image028.gif" /></a><wbr /><br>预览按钮视觉样式比较象disabled<br>依据：灰色通常表示“暂不可用”（disabled）<br><span style="font-weight:bold"><wbr />问题7 “脱掉”按钮不易找到</span><wbr /><br>描述：<br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image029.jpg" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image029.jpg" /></a><wbr /><br>“脱掉”按钮在框的有下角，很多时候看不到，并且文字超小。<br>依据：页面表达原则：信息的表达应该清楚、明确、直接。<br><span style="font-weight:bold"><wbr />练习1：QQ秀照相馆</span><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image030.gif" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image030.gif" /></a><wbr /><br><span style="font-weight:bold"><wbr />练习2：Qzone滔滔心情</span><wbr /><br><wbr /><a href="http://www.chouyu.com.cn/uploads/2008/11/image031.gif" target="_blank"><img style="border:0;" src="http://www.chouyu.com.cn/uploads/2008/11/image031.gif" /></a><wbr /><br><span style="font-weight:bold"><wbr />总结任务走查法：</span><wbr /><br>为什么要强调是“按任务”。因为，类似“保存形象按钮太难看啦~~”之类的问题是不应该提出来的。因为用户在实际使用的时候，这个问题是远远不如“误以为预览按钮不能点击”重要。“按任务”是在确保评估更接近真实。<br>“按任务”很多时候与“按栏目”差不多的，但是按任务的优点在于：<br>1. cover到了各个栏目之间跳转可能出现的问题。<br>2. 抓住了重点的问题，而放过了无关紧要的问题。比如：“申请红钻”按钮。<br>总结任务的过程实际是简化了的“人物角色-情景描述-任务分解”方法。<br><br><br>最后最后的总结从狭义的交互设计的定义来看，交互设计的主要任务是：表达。通过清晰、准确、简洁的表达进而实现人机交互。<br>互联网产品的交互设计应该怎么做的问题，就演化成了：互联网产品应该如何去表达。<br>以上方法都紧紧围绕着“什么样的方法才能让产品的表达更有效”这个核心展开。<br>那么，<br>let’s talk<br>let’s talk<br>let’s talk<br>……<br>( 注：本文是UPA user friendy 2008中由我主持的一个同名工作坊的讲稿。<br>另附PPT文档：<a href="http://www.chouyu.com.cn/uploads/2008/11/e4ba92e88194e7bd91e4baa4e4ba92e8aebee8aea1e696b9e6b395.ppt" target="_blank"><span style="color:#003b9d;line-height:1.8em;">互联网产品的交互设计方法.ppt</span><wbr /></a><wbr />)<br><br><br> <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[122047125@qq.com(Sandyzzz/mn)]]></author>
<comments>http://122047125.qzone.qq.com/blog/1258081580#comment</comments>
<qz:effect>135266305</qz:effect>
<pubDate>Fri, 13 Nov 2009 03:06:20 GMT</pubDate>
<guid>http://122047125.qzone.qq.com/blog/1258081580</guid>
</item>

<item>
<title><![CDATA[交互与界面设计]]></title>
<link>http://122047125.qzone.qq.com/blog/1258081425</link>
<description><![CDATA[软件界面是人—机之间的信息界面，交互是一个结合计算机科学、美学、心理学、人机工程学等工业和商业领域的行为，其目标是促进设计，执行和优化信息与通信系统以满足用户的需要。由于现今交互越来越多地考虑人的因素，因而行为和构造就成为用户界面开发过程的两个重要的部分，即交互设计和界面设计，这都关系到用户和界面开发人员。　　在交互过程中，交互设计关系到用户界面的外观与行为，它不完全受软件的约束。界面设计师以及决定如何与用户进行交互的工程师应该在这一领域深入研究。在界面开发过程中，他们必须贴近用户，或者与用户一道来讨论并得出结果，所以他们的工作是较为辛苦但是最具有意义的。<br>　　另一方面，界面与软件代码的生成，代码本身的意义以及功能的实现是紧密联系的。因此编译代码的人同样也应该在这方面做深入的研究。过去，编码人员只是单独地进行软件研发，而缺少必要的美学知识和界面专门技术来处理交互的问题。不幸的是，最终的结果往往不是用户所期望的。对于用户而言，最好的交互方式让程序员去实现往往是最难的，由此矛盾出现了，这使得很多专家或者工程师肤浅地应付一些交互方面的问题。以至于在软件开发完成之后，这些专家和工程师惊讶地发现，用户对他们所实现的特征感到一片茫然，不知所措，通常选用另外一种方式进行交互。<br>　　要进行界面开发设计，用户分析是第一步。总所周知，进行任务和用户分析，以及相关调研的必要性和重要性。用户是计算机资源，软件界面信息的使用者，由于目前计算机系统以及相关的信息技术应用范围很广，其用户范围也遍及各个领域。我们必须了解各类用户的习性，技能、知识和经验，以便预测不同类别的用户对界面有什么不同的需要与反应，为交互系统的分析设计提供依据和参考，使设计出的交互系统更适合于各类用户的使用。由于用户具有知识、视听能力、智能、记忆能力、可学习性、动机、受训练程度、以及易遗忘、易出错等特性，使得对用户的分类、分析和设计变得更加复杂化。另外，为了设计友好而又人性化的界面，也必须考虑各类不同类型用户的人文因素。<br>　　基于上述诸多因素的影响和我们设计师自身的特点，在界面设计和开发中我们可以遵循一些的科学而合理设计原则和设计步骤，任何时候都不忘学习，并不断总结，积累经验，归结工作库。<br>以下我们可以借鉴人机交互中的一些原则和步骤<br>1．一致性原则<br>　　应该要求其概念模式、显示方式等的一致性，在类似的情况下具有一致的操作序列：如在提示、菜单和帮助中产生相同的术语；具体是指在不同的应用系统中都具有相似的界面外观、布局、相似的交互方式以及相似的信息显示等。界面设计保持高度一致性，用户不必进行过多的学习就可以掌握其共性；还可以把局部的知识和经验推广使用到其他场合。人机界面设计的一致性要求对构成易学易用是极为重要的。<br>2．提供信息反馈<br>　　交互系统的反馈是指用户从计算机一方得到信息，表示计算机对用户的动作所做<br>的反应。如果系统没有反馈，用户就无法判断他的操作是否为计算机所接受，是否正确，以及操作的效果是什么．反馈信息的呈现方式可以是多种多样的，如文本、图形和声音等。<br>3．合理利用空间，保持界面的简洁<br>　　在界面的空间使用上，应当形成一种简洁明了的布局。界面设计最重要的就是遵循美学上的原则——简洁与明了。<br>那么再来看看步骤：<br>(1)用户调研，拟定需求，初步建立界面原型<br>(2)任务分析 根据任务的复杂性、难易程度等，详细分解任务动作，进行合理分工，确定适合于用户的交互方式；<br>(3)环境分析 确定系统的硬、软件支持环境及接口，向用户提供各类文档要求等；<br>(4)成本／效益分析 根据需求分析、任务分析、环境分析等，分析实现界面形式所要花费的成本／效益，如开发成本／效益，用户要花费的成本／效益等，以便选择合适的开发设计途径； ’<br>(5)确定界面 根据用户的自身特性．以及系统任务、环境、成本／效益，确定量为适合的界面类型：<br>(6)屏幕显示和布局设计 制定屏幕显示信息的内容和界面显示的次序，然后进行屏幕总体布局和显示结构设计<br>(7)进行艺术设计完善 包括为吸引用户的注意所进行的增强显示的设计，例如，采取运动，改变形状、大小、颜色、亮度、环境等特征(如加线，加框、前景和背景设计等)，还包括创新的设计以增加亮点，或者应用多媒体手段等；<br>(8)帮助和出错信息设计 决定和安排帮助信息和出错信息的内容，组织查询方法， 井进行出错信息、帮助信息的显示格式设计；<br>(9)原型设计 在经过初步系统需求分析后，开发出一个满足系统摹本要求的、简单的、可运行系统给用户试用，让用户进行评价提出改进意见，进一步完善系统的需求规格和系统设计；<br>(10)综合测试与讦估 这个阶段的关键任务是通过各类型的测试与评估，使系统达 到预定的要求．它可以采取多种方法，如试验法、用户反馈、专家分析、软件测试等，对软件界面的诸多因素如功能性、可靠性、效率、美观性等进行讦估，以获取用户对界面的满意度，便于尽早发现错误或者不满意的地方，以改进和完善系统设计。<br>（11）维护阶段 维护阶段的关键任务是：通过各类必要的维护活动，使系统持久地满足用户的需要。<br>　　总而言之，我们真正将设计师、用户和所要开发的系统这三者之间的关系认识清楚，研究透彻了，再与编码人员通力协作，不断的努力把相关细则实施到我们工作的各个环节中去，那么我想我们的交互和界面设计也就可以让用户满意了。<br><br> <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[122047125@qq.com(Sandyzzz/mn)]]></author>
<comments>http://122047125.qzone.qq.com/blog/1258081425#comment</comments>
<qz:effect>135266304</qz:effect>
<pubDate>Fri, 13 Nov 2009 03:03:45 GMT</pubDate>
<guid>http://122047125.qzone.qq.com/blog/1258081425</guid>
</item>

<item>
<title><![CDATA[交互设计：不是什么和是什么]]></title>
<link>http://122047125.qzone.qq.com/blog/1258079931</link>
<description><![CDATA[2007-01-24交互设计：不是什么和是什么<br><br><a href="http://creativecommons.org/licenses/by/3.0/deed.zh" target="_blank"><span style="color:#889da1;line-height:1.8em;">版权声明</span><wbr /></a><wbr />：转载时请以超链接形式标明文章原始出处和作者信息及<a href="http://bangzhuzhongxin.blogbus.com/logs/11205960.html" target="_blank"><span style="color:#889da1;line-height:1.8em;">本声明</span><wbr /></a><wbr /><br><a href="http://bicespring.blogbus.com/logs/3560156.html" target="_blank"><span style="color:#889da1;line-height:1.8em;">http://bicespring.blogbus.com/logs/3560156.html</span><wbr /></a><wbr /><br><br><br><span style="color:#889da1;line-height:1.8em;"><wbr /><a href="http://static.flickr.com/80/268233052_c481e626c2.jpg" target="_blank"><img style="border:0;" src="http://static.flickr.com/80/268233052_c481e626c2.jpg" /></a><wbr /></span><wbr /><br>关于什么是交互设计，许多网站上都做过介绍，最经典的阐释和流传最广的中文版本可能来自于<a href="http://www.dedream.com/research/archives/2004/09/aeaeeeaec.html" target="_blank"><span style="color:#889da1;line-height:1.8em;">DeDream的<span style="font-weight:bold"><wbr />一个交互实例</span><wbr /></span><wbr /></a><wbr />，当初给这个Blog取名为“交互℃计”的时候，就有想法要以自己的观点去写一篇“什么是交互设计”的文章，但因为诸多原因一直没有成文，现在将自己的想法整理出来，说得不对的地方，欢迎指正。<br><span style="font-weight:bold"><wbr />交互设计：不是什么</span><wbr /><br><span style="font-weight:bold"><wbr />交互设计不是“讲故事”。</span><wbr />可能大家都看过<a href="http://www.dedream.com/research/archives/2006/07/aeaeeeeae.html" target="_blank"><span style="color:#889da1;line-height:1.8em;">Windy的那篇文章</span><wbr /></a><wbr />，她把交互设计比喻成讲故事，但我个人认为这个比喻不是很恰当（<span style="color:#333333;line-height:1.8em;">注：这里并没有全盘否定Windy观点的意思，只是想借此做个补充</span><wbr />）。尽管，交互设计中所使用的一些方法，比如Personas（人物角色）和 Storyboard（情节故事板）和一个故事所具有的要素（人物，时间，地点，情节）有些相似，但严格来说，交互设计作为一门集技术和艺术为一体的学科，其本质不是演说，不是相声，更不是一个人在台上作秀，——交互设计的过程，正如这个词本身一样，需要与使用者进行交互，不仅是说，更重要的是去做。相对于讲故事，我更愿意使用<span style="font-weight:bold"><wbr />导演</span><wbr />（Director）这个比喻，所不同的是导演面向的是舞台或电视屏幕，而交互设计师面向的是软件界面。界面中的控件（Widget）就像是演员，交互设计师要知道如何去安排它们的位置，指出它们之间、它们和用户之间应当以何种方式进行交互，这意味着设计师要站在用户的角度思考用户如何使用它们，正如导演要站在观众的角度审视他的电影如何为观众所理解和吸引观众。交互设计师不需要样样精通，但他必须对用户与软件之间的交互行为有良好的感觉和整体把握；技术上，他不一定要亲自写程序，但必须能够清楚地描述和描绘设计出来的软件应该是什么样，就像电影中的分镜头剧本一样，他也要为软件编写剧本（Spec），他必须对软件包括哪些功能与特征、软件将要做哪些事情、事情与事情之间的关系、事情与用户间的关系了然于心。其次，交互设计和其他类型的设计一样，仍然属于设计范畴，既然是设计，就包含艺术创作成分，他不仅要能分析、改进现有的设计，最重要的，我认为，他要具备一定的<span style="font-weight:bold"><wbr />创新能力（Creative）、谋略（Strategy）和远见（Vision）</span><wbr />，他的视角不应仅仅停留在现有的设计上，他应能够根据实际情况进行创新，为新用户开发更简单的、计算机行业前所未有的产品。最后，正如一部好的电影需要编导、演员和摄影师的通力合作一样，一个好的软件也需要交互设计师、图形设计师和程序员的默契配合，而不是个人表演秀。<br><span style="font-weight:bold"><wbr />交互设计不等于用户体验。</span><wbr />我很遗憾地发现，在国内，用户体验（UE）这个词已经被滥炒到无以复加的程度，某种程度上几乎成了交互设计的代名词。在谈到某一个产品时（比如Web产品），许多人言必称用户体验，特别是，在推广产品的时候喜欢冠之“用户体验”的字眼，比如“给客户带来全新的用户体验”“致力于提供良好的用户体验”等等，甚至直接就认为交互设计的工作就是在设计“良好的用户体验”。好吧，在你说我是在咬文嚼字之前，请容我解释下自己的观点：<br>首先我们要搞清楚，什么是用户体验？我认为，用户体验是产品的使用者（用户）对产品的<span style="font-weight:bold"><wbr />主观感觉</span><wbr />，是<span style="font-weight:bold"><wbr />用户在使用产品的过程中所感受到的、所获得的全部内容的总和</span><wbr />，借用经济学术语来说，就是<span style="font-weight:bold"><wbr />效用</span><wbr />（Utility）。经济学中的效用指的是个人对选择（物）的<span style="font-weight:bold"><wbr />主观评价</span><wbr />，所以我觉得用户体验（User Experience）的另一个更确切的说法是用户评价（User Evaluate）。效用在不同的人之间是不可比较的，除非授权，我们每一个人都不能代替他人作出选择（评价），也就无法知道一个选择对另一个人的效用是多少。我在以前的文章提到过，“体验”本身具有差异性和不可替代性，因此，我们在谈及用户体验的时候，本质上是无法代替用户做出选择和回答的，——举个很浅显的例子，如果你是Windows用户，你不能因为自己对iMac有不好的体验而代替iMac用户得出“iMac的用户体验极差”这样的结论，反之亦然；换句话说，无论是设计师还是企业，单方面宣布自己的设计“有良好的用户体验”是极其荒谬的言论，他们看起来就和那些吹得满天飞的营销广告一样难以令消费者信服。当然，作为市场营销策略，我不反对这种做法；但是，对于设计师来说，在学术交流和做交互设计的过程中，应当避免采取这样的措辞。你怎么设计产品是一回事，用户使用起来如何又是另一回事，因此，交互设计不等于用户体验。但是，正如Cooper所说，“作为设计师，<span style="font-weight:bold"><wbr />我们不能声称设计一种人工制品的用户体验</span><wbr />，但我们能够设计与人工制品交互的机制”，如果你希望你的用户使用你设计的产品能够有好的体验，你就得让他们自己做出回答和评价，然后根据他们的期望设计你的产品，使你的产品运行于他们的期望之中，而不是你代替他们做出选择和评价。<br><span style="font-weight:bold"><wbr />交互设计不等于设计易于使用的产品。</span><wbr />许多人认为，交互设计就是使人们更好地、更容易地使用产品，或者说强调可用性（Usability）和易用性（Ease to Use），我认为这是一个片面的观点。<span style="font-weight:bold"><wbr />易用性只是交互设计的目标之一，而不是交互设计的全部</span><wbr />，设计师完全有理由去设计一个交互上难以使用的产品，但他本身所做的工作依然是交互设计。比如把ATM的取款程序设计为先取卡，才能取钱，这表面上看给用户带来不便，实际却降低了用户因忘记取卡而带来的损失，这是为产品的安全性而做的交互设计；另外一个典型例子是电子游戏，它们的操作都相当复杂而且难以使用，然而这正是游戏交互设计师的目标，因为只有当游戏能给玩家带来挑战性，才会获得用户青睐。因此，<span style="font-weight:bold"><wbr />就交互设计这个定义来说，交互设计只是设计，与易用性无关</span><wbr />，设计师应当根据实际的需求决定产品是否应该易用，而不仅仅是设计易于使用的产品，使易用性成为挂在嘴边的术语。<br><span style="font-weight:bold"><wbr />交互设计不仅是Web设计。</span><wbr />我们已经认识到交互设计不仅是界面设计，然而我们当前对交互设计的理解和应用却仅限于Web设计。无可否认，交互设计中，最流行最广泛也最有价值的应用是Web设计，那也只是因为Web本身倍受大众关注和使用的缘故，作为交互设计师，如果眼光仅仅放在Web设计上，我们将重新犯下类似于“交互设计就是界面设计”这样错误的结论。如果我们<span style="font-weight:bold"><wbr />从技术上</span><wbr />把桌面系统中的交互和Web中的交互做一个比较，你会发现，Web中的交互方式极其原始，说过分一点，在Web中几乎不存在交互设计，用户除了点击还是点击，只是到所谓的Web2.0才增加了拖动操作，可以说，用户与Web之间的交互方式是相当匮乏的。所以Alan Cooper才会说“<span style="font-weight:bold"><wbr />Web使界面技术倒退了不止十年</span><wbr />”。由于Web技术本身的限制，那些做Web的交互设计师，多数是在做用户行为分析的工作，发现交互过程中存在的问题并进行修正，能够对交互理念进行整体创新并设计的设计师少之又少，因为这不仅需要深厚的理论基础和相当的编程技能而且需要技术环境和工具的支持，因此，个人认为，就目前来说，Web设计师所做的还不是真正意义上的交互设计。<br>然而我们也要看到，也正由于Web在交互上的“匮乏”，使得Web迅速流行，导致人们对整个Web的关注从交互行为转向内容的形式和排版，传统的面向媒体的设计理念和方法被引用进来，图形设计逐渐成为Web设计的代名词，而个人计算机也不再仅仅为专业人士所使用，而是面向广大消费者。在这个领域中，缺乏编程经验的图形设计师承担了大部分的工作，企业雇佣他们而不是程序员为网站制作精美的用户界面。然而，图形设计师却走向了另一个极端，与程序员相反，他们过分注重表达却忽略了Web背后的本质：他们把Web当成一种新型的纸质媒体——易于使用，可以在上面任意涂画；他们以为Web的易用性将取代一切，可以不受限制地发挥自己的想象力而将交互置之度外，——他们没有意识到，<span style="font-weight:bold"><wbr />早期的Web实际上是以牺牲交互手段为代价换取易用性，它本质上只是整个桌面系统的一部分而不是全部。</span><wbr />互连网毕竟不是传统媒体，随着时间的推移，Web终究摆脱不了它的宿命：<span style="font-weight:bold"><wbr />它需要与它的用户进行更广泛意义上的交互不仅仅是于表达</span><wbr />。<span style="font-weight:bold"><wbr />这意味着，终有一天Web会重新回到桌面系统中来，重定义它与用户之间的交互形式，它的易用性将逐渐丧失，或者改变桌面系统，或者被改变；</span><wbr />同时，桌面系统也不会因为Web的到来而死亡，相反，它还有更多、更巨大的潜力等着设计师们去挖掘。<br><span style="font-weight:bold"><wbr />交互设计不仅是设计软件本身。</span><wbr />虽然，交互设计这个名词首先出现于软件领域，但其中一些观点早已被广泛运用于其他设计领域当中，只是到了最近它才被作为一门独立的学科提出，从而引起人们的关注。其实，在工业设计、建筑装潢设计、视觉传达设计、广告设计、文学、绘画、音乐、摄影等传统行业都包含着交互设计思想的种子，而计算机科学、社会学、心理学、经济学等等这些学科的发展又极大地丰富了交互设计的内涵和外延。任何一类设计，都同时包含了<span style="font-weight:bold"><wbr />形式</span><wbr />、<span style="font-weight:bold"><wbr />行为</span><wbr />和<span style="font-weight:bold"><wbr />内涵</span><wbr />三个维度。交互设计和传统设计类别最大的不同是，它更多关注的是<span style="font-weight:bold"><wbr />人或物、人与物甚至人与人之间的行为和内涵</span><wbr />，而传统的设计更多的关注于<span style="font-weight:bold"><wbr />内容和形式</span><wbr />。交互设计产生于软件领域，这是工业产品社会化和信息化的结果，我们已经生活在被人工制品（Artifact）包围的时代，我们无时不刻要使用这些产品并与它们进行交互，从来没有任何一种产品像计算机软件这样如此深刻的改变了我们的生活。之所以软件产品的行为设计倍受关注，这是因为它和传统的工业产品不同，它的边际成本趋向于零；它缺乏足够的负反馈来控制其功能的复杂度；它无法像传统的工业产品那样被我们视为身外之物；它的影响已经渗透到传统的工业产品之中，渗透到我们生活中的每一个角落。因此，交互设计的范围正在扩大，已经不仅仅是软件产品，仔细观察我们身边的一切事物，半开玩笑的说，包括人，都在无时不刻地与我们“交互”。因此，比学习交互设计更重要的是学会生活，用一颗真诚的、包容的心去观察、体验和感受生活，努力提升个人修养水平，并以此来指导你的设计，将它应用于生活当中，贡献于社会。如果我们能跳出计算机领域，我想，交互设计师能走得更远。<span style="font-weight:bold"><wbr />总结：交互设计是什么（What is Interaction Design？）</span><wbr /><br>说了那么多“不是”、“不仅是”，现在来总结一下关于交互设计的定义。先来看Alan Cooper对交互设计的经典定义：<br><br>简单地说，<span style="font-weight:bold"><wbr />交互设计是人工制品、环境和系统的行为，以及传达这种行为的外观元素的设计和定义。</span><wbr />交互设计首先规划和描述事物的行为的方式，然后描述传达这种行为的最有效形式。交互设计是一门特别关注以下内容的学科：<br>■定义与产品的行为和使用密切相关的产品形式<br>■预测产品的使用如何影响产品与用户的关系，以及用户对产品的理解<br>■探索产品、人和上下文（物质、文化和历史）之间的对话（Riemann和Forlizzi）<br>再来看《Interaction Design——Beyond Human-Computer Interaction》一书中作者对交互设计的定义：<br><br><span style="font-weight:bold"><wbr />交互设计指的是：设计支持人们日常工作与生活的交互式产品</span><wbr />。具体地说，<span style="font-weight:bold"><wbr />交互设计就是关于创建新的用户体验的问题，其目的是增强和扩充人们工作、通信及交互的方式。Winnogard（1997）把交互设计描述为“人类交流和交互空间的设计”</span><wbr /><br><br>下面是我对“交互设计”的理解/定义：<br><span style="font-weight:bold"><wbr />所谓交互设计，是指设计师对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程</span><wbr />，简单说，即设计和定义使用者如何使用一产品达到其目标，完成某一任务的过程。<br><span style="font-weight:bold"><wbr />（下面是对几个相关术语的阐释：）</span><wbr /><br>特别地，<br>对计算机工业产品的交互设计我们称之为<span style="font-weight:bold"><wbr />“人机交互（Human-Computer Interaction）设计</span><wbr />”；<br>进一步，<br>交互设计过程中，如果我们打算以用户的目标和期望为导向做设计，这就是<span style="font-weight:bold"><wbr />“目标导向设计（Goal-Directed）</span><wbr />”或<span style="font-weight:bold"><wbr />“以用户为中心的设计（User-Centered Design）</span><wbr />”，例如，目标用户希望得到一个易用的产品，那么我们的设计就要以<span style="font-weight:bold"><wbr />易用性（Ease to Use）</span><wbr />为目标；<br>再进一步，<br>当将交互设计做好以后，需要尽可能去“描述和传达这种行为的最有效形式”，这时候所做的就是<span style="font-weight:bold"><wbr />“用户界面设计（User Interface Design）”</span><wbr />；如果用图形的方式表达出来，画在屏幕上，得到的结果就是<span style="font-weight:bold"><wbr />“图形用户界面（Graphic User Interface）”；</span><wbr /><br>更进一步，<br>如果我们的产品确实是在以用户期望的方式运行，该产品就是<span style="font-weight:bold"><wbr />“易用的（Usable）</span><wbr />”（<span style="font-weight:bold"><wbr /><a href="http://www.joelonsoftware.com/design/1stDraft/03.html" target="_blank"><span style="color:#889da1;line-height:1.8em;">Joel Spolsky</span><wbr /></a><wbr />,</span><wbr />2006）；<br>最后，<br>如果你的目标用户都对你设计的产品有口皆碑，赞叹不已，你就获得了良好的<span style="font-weight:bold"><wbr />“用户体验（User Experience）</span><wbr />”。<br><br>随机文章：<a href="http://bicespring.blogbus.com/logs/4698503.html" target="_blank"><span style="color:#889da1;line-height:1.8em;">谷歌：如果重新设计？</span><wbr /></a><wbr />2007-03-06<br><a href="http://bicespring.blogbus.com/logs/4357007.html" target="_blank"><span style="color:#889da1;line-height:1.8em;">说明书</span><wbr /></a><wbr />2007-01-23<br><a href="http://bicespring.blogbus.com/logs/3398010.html" target="_blank"><span style="color:#889da1;line-height:1.8em;">上网干什么？浏览、收集、分享和创造以及联系</span><wbr /></a><wbr />2006-09-24<br><a href="http://bicespring.blogbus.com/logs/3391662.html" target="_blank"><span style="color:#889da1;line-height:1.8em;">绘图软件中的经典概念、工具和功能</span><wbr /></a><wbr />2006-09-23<br><a href="http://bicespring.blogbus.com/logs/2697171.html" target="_blank"><span style="color:#889da1;line-height:1.8em;">从经济学的角度看交互设计</span><wbr /></a><wbr />2006-06-24<br><br><br>收藏到：<a href="http://delicious.com/save?url=http%3A%2F%2Fbicespring.blogbus.comhttp%3A%2F%2Fbicespring.blogbus.com%2Flogs%2F3560156.html&amp;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" target="_blank"><span style="color:#889da1;line-height:1.8em;">Del.icio.us</span><wbr /></a><wbr /><br><br><br> <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[122047125@qq.com(Sandyzzz/mn)]]></author>
<comments>http://122047125.qzone.qq.com/blog/1258079931#comment</comments>
<qz:effect>135266305</qz:effect>
<pubDate>Fri, 13 Nov 2009 02:38:51 GMT</pubDate>
<guid>http://122047125.qzone.qq.com/blog/1258079931</guid>
</item>

<item>
<title><![CDATA[什么是交互设计(Interaction Design)？]]></title>
<link>http://122047125.qzone.qq.com/blog/1258079878</link>
<description><![CDATA[什么是交互设计(Interaction Design)？By De Dream', Windy(http://www.DeDream.com)，2004年9月<br><br><span style="font-weight:bold"><wbr />一个交互实例</span><wbr /><br>vivi（薇薇，26岁，一位优雅迷人的OL）打开钱包，从卡夹层里拿出那张有着金黄葵花的银行卡，又了到发工资的时候，不知道今天到帐了没有，还约好了明天和死党一起Shopping呢！刚才路过银行想查一下余额，但是排队的人太多了，不过还有电话银行嘛，vivi一边想，一边拿出手机，拨通了电话银行的号码：<br>一个温柔礼貌的MM语音提示：“您好，欢迎使用招商银行电话银行系统，1，自动语音服务，2人工服务；”<br>vivi把手机从耳边拿下来，找到1号键，按了一下；<br>“1个人银行服务，2公司银行服务，3银证通功能，4个人外汇买卖服务，5基金服务，0退出；”<br>vivi又按了1；<br>“1存折户，2一卡通户，3个人信用卡户，4新旧卡号查询 0 退出；”<br>vivi按下了1旁边的2号键；<br>“请输入一卡通卡号，以#号结束；”<br><br>“1080 80699”，vivi连忙输入了卡号，按#号键；<br>“请输入查询密码，以#号结束；”<br>因为开户不久，刚设的密码，vivi稍微想了一下，才把密码输进去，输完又看了一眼，按了#号键；<br>“1帐务查询，2转账，3修改密码，4电话挂失，5通讯业务，6自助贷款，7自助缴费及一卡通上网，8神州行充值服务，9凭证式国债，0退出”<br>汗……这都是些什么呀？vivi皱了皱眉，再次按了一下1；<br>“10人民币，21港币，32美元；35欧元，65日元，43英镑，29澳大利亚元，87瑞士法郎39加拿大元，69新加坡元，00退出；”<br>“10，拜托，我可只有人民币……”<br>电话里仍然是温柔礼貌而不折不扣的录音提示：“1活期，2 整存整取，3零存整取，4整存零取，5存本取息，6定活两便，7大额定期，8通知存款，9教育储蓄，0退出。”<br>“1”vivi一边按键一边看着手机屏幕上已经输入的一大堆数字。<br>“1余额，2当天交易，3历史交易，0退出”<br>“1”<br>“您当前的余额是陆仟九佰五拾陆元伍角玖分”。<br>谢天谢地，工资到帐了。vivi长舒一口气，查个余额，真不容易啊！<br><span style="font-weight:bold"><wbr />什么是交互</span><wbr /><br>如果你看到这里，已经觉得很辛苦的话，我想提醒一下，上面可是一次完全真实的招商银行电话银行服务记录，也就是一次真实的“交互”过程描述。除了招商银行之外，其他大大小小的各家电话银行，交互的过程大抵都是这样。也就是说，每天那些到电话银行查询余额的人们，都要经过前前后后这样的折腾，才能最后得到他们想要的一个数字。（实际上，招商银行的其他很多服务都非常好，仍然是我最喜欢的一家银行。）<br>交互，在这里指的是作为服务使用者的用户和作为服务提供者的电话银行系统之间的互动通信并交换信息的过程，有请求，有应答，需要双方参与。<br>在每一天的生活中，我们都要和许许多多的产品进行交互，回想一下，就在今天，和你发生交互的产品有多少？早上叫起床的闹钟（或提供了闹铃功能的手机和电话机），热早餐用的微波炉，电脑，网站（不然你也不会看到这篇文章），各种软件，手机，空调和电视机（通过遥控器），数码相机，随身听，银行服务，等等等等。<br>那么再回想一下，其中有同哪些产品的交互很顺利，并让你毫不费力地完成了各种任务，甚至让你觉得惊喜？例如，在使用Gmail的时候，我发现它自动帮我将邮件按主题组织在一起，这样就可以很方便地回溯同一个主题前几次的邮件，而且，最近又增加了按联系人组织邮件的贴心功能。然后，发现又有哪些产品，总是很“难用”，甚至还会一次又一次地让你犯错误，又或者让你厌烦？例如，每次关闭的时候，某些软件总是这样问你：“您确定要关闭××吗？”<br><span style="font-weight:bold"><wbr />什么是交互设计(Interaction Design)</span><wbr /><br>在使用网站，软件，消费产品，各种服务的时候（实际上是在同它们交互），使用过程中的感觉就是一种交互体验。随着网络和新技术的发展，各种新产品和交互方式越来越多，人们也越来越重视对交互的体验。当大型计算机刚刚研制出来的时候，可能为当初的使用者本身就是该行业的专家，没有人去关注使用者的感觉；相反，一切都围绕机器的需要来组织，程序员通过打孔卡片来输入机器语言，输出结果也是机器语言，那个时候同计算机交互的重心是机器本身。当计算机系统的用户越来越由普通大众组成的时候，对交互体验的关注也越来越迫切了。<br>因此交互设计（Interaction Design）作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔莫格里奇在1984年一次设计会议上提出，他一开始给它命名为“软面（Soft Face）”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后来把它更名为“Interaction Design”――交互设计。<br>从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多领域多背景人员的沟通。<br>通过对产品的界面和行为进行交互设计，让产品和它的使用者之间建立一种有机关系，从而可以有效达到使用者的目标，这就是交互设计的目的。<br><span style="font-weight:bold"><wbr />交互设计和界面设计</span><wbr /><br>有很多人会问，交互设计，不就是界面设计吗？尤其是在理解同软件产品的交互时。人们在界面设计方面已经有了一定的关注，然而，交互设计更加注重产品和使用者行为上的交互以及交互的过程，因此我在前面特意举了一个电话银行系统的例子，在这个例子里，并没有可以触摸的可视界面，而它在交互方面的行为本质却完全表现出来了。<br>界面是一个静态的词，当进行界面设计的时候，我们关心的是界面本身，界面的组件，布局，风格，看它们是否能支撑有效的交互，但是，交互行为是界面约束的源头，当产品的交互行为清清楚楚地定义出来时，对界面的要求也就更加清楚了，界面上（如果存在可视界面的话）的组件是为交互行为服务的，它可以更美，更抽象，更艺术化，但不可以为了任何理由破坏产品的交互行为。<br>从广义上来说，也可以认为界面设计包含交互设计，在这样的情况下，它同时还包含另外的部分例如外观设计或平面设计，这些都是可以单独进行研究的更细的分支。<br><span style="font-weight:bold"><wbr />总结</span><wbr /><br>目前，许多公司，网站，新兴的行业都开始意识到交互设计在品牌的创建，客户回头率，客户满意度等方面影响很大，因此，交互设计也越来越受到重视，并在近10年得到了快速的发展。<br>注：本文首发在《程序员》杂志，请勿擅自转贴。<br><br><br><br> <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[122047125@qq.com(Sandyzzz/mn)]]></author>
<comments>http://122047125.qzone.qq.com/blog/1258079878#comment</comments>
<qz:effect>135266304</qz:effect>
<pubDate>Fri, 13 Nov 2009 02:37:58 GMT</pubDate>
<guid>http://122047125.qzone.qq.com/blog/1258079878</guid>
</item>

<item>
<title><![CDATA[无题]]></title>
<link>http://122047125.qzone.qq.com/blog/1257609886</link>
<description><![CDATA[“年轻人要有一点理想，甚至有一点幻想都不怕，不要太现实了，一个青年太现实了，没有出息。”<br> <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[122047125@qq.com(Sandyzzz/mn)]]></author>
<comments>http://122047125.qzone.qq.com/blog/1257609886#comment</comments>
<qz:effect>135266304</qz:effect>
<pubDate>Sat, 07 Nov 2009 16:04:46 GMT</pubDate>
<guid>http://122047125.qzone.qq.com/blog/1257609886</guid>
</item>

<item>
<title><![CDATA[[转]生日快樂,親愛的祖國]]></title>
<link>http://122047125.qzone.qq.com/blog/1254410102</link>
<description><![CDATA[  今日,係我哋親愛嘅祖國60華誕~生日快樂啊,中國...<br> <br>  不需多說,圖片證明一切-中國係强大的~~~<br> <br>１.天安門廣場正在舉行隆重的升旗儀式<br><wbr /><a href="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f727b4807e421fada9f9be41569e31c58b9546ab3a782ebc809a9174609f89218efcc418f662a9fefba6c0c9513d6d9a1144d06ba9d39b597ae3d5a8ba2ec9765193ca331" target="_blank"><img style="width:670px;height:491px;border:0;" src="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f727b4807e421fada9f9be41569e31c58b9546ab3a782ebc809a9174609f89218efcc418f662a9fefba6c0c9513d6d9a1144d06ba9d39b597ae3d5a8ba2ec9765193ca331" /></a><wbr /><br> <br>２.國旗護衛隊護衛國旗走向旗杆基座<br><wbr /><a href="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f90754f9b356d8106cf303a90ee12320122803d65363bc33d2a51d2bce09721c38f2c1bf233f61305b35594578d962682f8cc059b2b09b3823277bc2d485cef697e99f032" target="_blank"><img style="width:670px;height:453px;border:0;" src="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f90754f9b356d8106cf303a90ee12320122803d65363bc33d2a51d2bce09721c38f2c1bf233f61305b35594578d962682f8cc059b2b09b3823277bc2d485cef697e99f032" /></a><wbr /><br> <br>３.坦克方隊整裝待發<br><wbr /><a href="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f6af1d1b309dc1c5d5e91fecea855822af2f4df83f3e49c9d94fe30267ce3de805f0300e744f53f28775623229df4d510cea80e3a64ce46d0d55b33bbb5494e8fe2d1efe9" target="_blank"><img style="width:670px;height:446px;border:0;" src="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f6af1d1b309dc1c5d5e91fecea855822af2f4df83f3e49c9d94fe30267ce3de805f0300e744f53f28775623229df4d510cea80e3a64ce46d0d55b33bbb5494e8fe2d1efe9" /></a><wbr /><br> <br> <br>４.三军仪仗队护卫着中国人民解放军军旗率先通过天安门广场<br><wbr /><a href="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f9c631c007b921e40a03734ad82caf5339ff06f6f5a690f33c4db337084a538531cb0c1dab6a88c2c600cc888309e7a5d1e8daffac669648b67b9cf1758ef0ebd55d0e22e" target="_blank"><img style="width:670px;height:446px;border:0;" src="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f9c631c007b921e40a03734ad82caf5339ff06f6f5a690f33c4db337084a538531cb0c1dab6a88c2c600cc888309e7a5d1e8daffac669648b67b9cf1758ef0ebd55d0e22e" /></a><wbr /><br> <br>５.陆军学员方队通过天安门广场<br><wbr /><a href="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f0fcf28b65c5c2d19cc4945679ef7328a26cde0d4d826fa522238635a1fe93ffc81ceaab4de429ac94cb6870f5aa2df3cd9c52b40cf174da2560ea79740acce97eca9a3b9" target="_blank"><img style="width:670px;height:446px;border:0;" src="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f0fcf28b65c5c2d19cc4945679ef7328a26cde0d4d826fa522238635a1fe93ffc81ceaab4de429ac94cb6870f5aa2df3cd9c52b40cf174da2560ea79740acce97eca9a3b9" /></a><wbr /><br> <br> <br>６.海军学员方队(我覺得最好睇.最型)<br><wbr /><a href="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13fbf2fb0c85efefb8e1719e5a5366d5404d26a55695c08e5da68d35c008bec375e0153b554b1c17a8329de0b2eb144e531de504077c15cf30c990408834b8abfc20f3e5e42" target="_blank"><img style="width:670px;height:291px;border:0;" src="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13fbf2fb0c85efefb8e1719e5a5366d5404d26a55695c08e5da68d35c008bec375e0153b554b1c17a8329de0b2eb144e531de504077c15cf30c990408834b8abfc20f3e5e42" /></a><wbr /><br> <br> <br>７.水兵方队接受检阅<br><wbr /><a href="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13fb2070e6b0ac2f6c36eee94a69b1bb64ac2904a07af1ca52635aaaf93b95997b9d7462e1c892d693bf3847d7334c1b1a94d8573a7c54c495af34af20886b4ff3329041e4c" target="_blank"><img style="width:670px;height:446px;border:0;" src="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13fb2070e6b0ac2f6c36eee94a69b1bb64ac2904a07af1ca52635aaaf93b95997b9d7462e1c892d693bf3847d7334c1b1a94d8573a7c54c495af34af20886b4ff3329041e4c" /></a><wbr /> <br> <br>８.飞行学员方队<br><wbr /><a href="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13fbc3bcb0a29de94c6691c63db5aea520b1cce153463877fc630c134a60fa680c9aded9f09dca423f1113e998835b3d46174244429a93b2e966f4465e38efb42eccaf54590" target="_blank"><img style="width:670px;height:446px;border:0;" src="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13fbc3bcb0a29de94c6691c63db5aea520b1cce153463877fc630c134a60fa680c9aded9f09dca423f1113e998835b3d46174244429a93b2e966f4465e38efb42eccaf54590" /></a><wbr /><br> <br> <br>９.女民兵方队通过天安门广场 <br><wbr /><a href="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13ffa887fb090671c69fe28ae8e65f7dd84706501660c2719f075e67ed929730c3e191a0db09ceeb1f98f660d4dac063f31282c2ea7a685161f7c678b998caf2bba48076beb" target="_blank"><img style="width:670px;height:446px;border:0;" src="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13ffa887fb090671c69fe28ae8e65f7dd84706501660c2719f075e67ed929730c3e191a0db09ceeb1f98f660d4dac063f31282c2ea7a685161f7c678b998caf2bba48076beb" /></a><wbr /><br> <br> <br>１０.坦克第一方队通过天安门广场 <br><wbr /><a href="http://b23.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13fed87f1c5c3c6f1dec8d87fca62d7a73cf45d7240da36bfbbee78dac9cd35842f57e209b07e5b751e565b7d3ddd7ba49f2daf9b650f123b8f916f06aaf046a4ca830ed95f" target="_blank"><img style="width:670px;height:446px;border:0;" src="http://b23.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13fed87f1c5c3c6f1dec8d87fca62d7a73cf45d7240da36bfbbee78dac9cd35842f57e209b07e5b751e565b7d3ddd7ba49f2daf9b650f123b8f916f06aaf046a4ca830ed95f" /></a><wbr /><br> <br> <br>１１.陆基巡航导弹方队接受检阅<br><wbr /><a href="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f17650c77531e5e7581947793c78694127cd2213736fe1cf909c045a801f0477ac3a2d8ad1ea3030e52ea48250e43774c2afba8c526796a820ec201517b2dff7e32703f89" target="_blank"><img style="width:670px;height:446px;border:0;" src="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f17650c77531e5e7581947793c78694127cd2213736fe1cf909c045a801f0477ac3a2d8ad1ea3030e52ea48250e43774c2afba8c526796a820ec201517b2dff7e32703f89" /></a><wbr /><br> <br> <br>１２.多机编队的领队梯队<br><wbr /><a href="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13fa9dc0d8c236c8c4e22f5dd8076bbf40d800f8a8cb8896f7d71536aed0e6664dec0351ad1838b045556409a0e1714b60cd9800a117fabd1e44e647ae15a3f4ea172b2aa90" target="_blank"><img style="width:670px;height:439px;border:0;" src="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13fa9dc0d8c236c8c4e22f5dd8076bbf40d800f8a8cb8896f7d71536aed0e6664dec0351ad1838b045556409a0e1714b60cd9800a117fabd1e44e647ae15a3f4ea172b2aa90" /></a><wbr /><br> <br> <br>１３.教练机梯队飞过天安门广场上<br><wbr /><a href="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f5e1b4bc220b146dffd019bce005058ed077911933adb68af8879dc3cbd40e481a6bbffb9d5e6017ac075c23ebdb235c25a0418aba62322f0ea446cb213294de78769820b" target="_blank"><img style="width:670px;height:446px;border:0;" src="http://b24.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f5e1b4bc220b146dffd019bce005058ed077911933adb68af8879dc3cbd40e481a6bbffb9d5e6017ac075c23ebdb235c25a0418aba62322f0ea446cb213294de78769820b" /></a><wbr /><br> <br>最後附上廣東嘅彩車同雪域天路巨幅烟花画...好靚啊...<br> <br><wbr /><a href="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f13a3bf495ec6da07190d6b9c672eb594d9fbe38a2c91daa66c4e64eeabe9b6c4c03e95dcefbb3fe84d872da3fcfaf2aa5c6ce19ab08a99d279c2c8fa2456f8b6715953c7" target="_blank"><img style="width:670px;height:373px;border:0;" src="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f13a3bf495ec6da07190d6b9c672eb594d9fbe38a2c91daa66c4e64eeabe9b6c4c03e95dcefbb3fe84d872da3fcfaf2aa5c6ce19ab08a99d279c2c8fa2456f8b6715953c7" /></a><wbr /><br><wbr /><a href="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f1d70afb856354a7ce828475e5c48e98395c1c47165627563180ebeeadf36a2754ce006775b898426c6f392cb2b07cbd357fa94a48830512d822b53b23f3bffbe63b43d42" target="_blank"><img style="width:670px;height:430px;border:0;" src="http://b25.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b110992074b462e030e70f43cb2aa13f1d70afb856354a7ce828475e5c48e98395c1c47165627563180ebeeadf36a2754ce006775b898426c6f392cb2b07cbd357fa94a48830512d822b53b23f3bffbe63b43d42" /></a><wbr /><br> <br><div style="text-align:right">-圖片轉載自新浪網</div><div style="text-align:right"> </div><div style="text-align:right"> </div><div style="text-align:right"> </div><div style="text-align:right"> </div><div style="text-align:right"> </div><div style="text-align:right"> </div><div style="text-align:right"> </div><div style="text-align:right"> </div> <!--v:3.2--> ]]></description>
<category><![CDATA[轉載の品]]></category>
<author><![CDATA[122047125@qq.com(Sandyzzz/mn)]]></author>
<comments>http://122047125.qzone.qq.com/blog/1254410102#comment</comments>
<qz:effect>134217737</qz:effect>
<pubDate>Thu, 01 Oct 2009 15:15:02 GMT</pubDate>
<guid>http://122047125.qzone.qq.com/blog/1254410102</guid>
</item>

<item>
<title><![CDATA[[转]转《时代》杂志所评50最佳网站详解]]></title>
<link>http://122047125.qzone.qq.com/blog/1251863968</link>
<description><![CDATA[<br><br>　　继2007年第一次评选全球“最佳网站”后，美国《时代》杂志每年都会为读者搜集50个优秀网站。今年的50强网站不像往年那样分为艺术与休闲、音频与视频、新闻与信息、社交网络、网络服务等5大类别，但大部分网站的主要功能仍然离不开这5大“主旋律”。此外，一些科学教育类网站和既实用又有创意的网站成为今年榜单的一大亮点。本期我们将为读者介绍其中10个新奇有趣的酷网，丰富人们的互联网生活。<br>　　<span style="font-weight:bold"><wbr />“大牌”强势回归图片社交网称王</span><wbr /><br><wbr /><a href="http://i0.sinaimg.cn/IT/2009/0831/20098311023.jpg" target="_blank"><img style="border:0;" src="http://i0.sinaimg.cn/IT/2009/0831/20098311023.jpg" /></a><wbr /><br>图片社交网站Flickr排在第一位。<br>　　回顾过去两年的《时代》50大“最佳网站”排行榜不难发现，像谷歌(Google)、脸谱(Facebook)、维基百科 (Wikipedia)这些“地球人都知道”的知名网站从来没有出现在这个榜单里。然而今年，全球著名图片分享网站Flickr却在50大“最佳网站”中排名第一。此外，网络电话网站Skype、搜索引擎谷歌、视频共享网站YouTube、电子商务鼻祖亚马逊、维基百科、社交网络脸谱等世人耳熟能详的大牌网站纷纷上榜。《时代》杂志没有为这些“大牌”歌功颂德，而是以辛辣的评价让人们认识到它们鲜为人知的一面。<br>　　Flickr提供免费及付费数字照片在线储存服务，同时也是一个网络社区，2005年被雅虎收购。《时代》认为，电脑只能理解“0”和“1”的逻辑，无法辨认图片形象化的视觉描述，因此不能像处理文本和数字那样为图片分类。Flickr是第一个解决这一难题的网站，它利用标签(Tags)分类图片，用户可以很快搜索到想要的照片。当人们把类似的图片上传到同一个标签下后，一个分类便自然形成。据悉，Flickr的图片分类是如此受欢迎，连美国国会图书馆都开始使用它的分类法编制图片目录。Flickr受到欢迎的另一个原因在于它创新的网络社交功能，用户可以在网站上与朋友分享、讨论某一类型的照片。<br>　　<span style="font-weight:bold"><wbr />科教网站成亮点工具网站很实用</span><wbr /><br>　　今年的“最佳网站”榜单上出现了许多与科学和教育相关的网站，成为一大亮点。Academic Earth是一个大学课程视频共享网站，继麻省理工成为第一个“吃螃蟹的人”后，哈佛、伯克利、耶鲁、普林斯顿和斯坦福等美国常春藤名校纷纷把自己的教学视频、教学讲义等文件共享到这个网站。《时代》把它成为打破象牙塔围墙的“教育朋克”，造福了成千上万无法支付高昂学费的网友。此外，还有专门提供科学家、作家、行业领袖、国家领导人等社会精英座谈视频的网站Fora TV，以及能够根据数据预测趋势的神奇分析网站Pollster，它们使得网络不再是电子游戏或者无厘头娱乐视频的天下。<br>　　每年的“最佳网站”榜单都会向读者介绍一些很有创意的实用工具网站，今年也不例外。OpenTable为美国1万家餐厅提供预订服务；Redfin为网民提供与房地产代理公司一样的信息，取代了传统的房产中介；Kiva是一个带有慈善性质的小额信贷网站，用户可以把钱借给急需现金的穷人，区区25美元也能完成一笔借贷业务；Fonolo是一个专门帮助网友拨打客服电话的网站，使用它能直接跳过“英语请按1，中文请按2”的录音程序，直接为你接通人工服务，有了它，打电话到大公司投诉不再是费时费力的事情。<br>　　<span style="font-weight:bold"><wbr />《时代》辣评“最佳大牌网站”</span><wbr /><br>　　<span style="font-weight:bold"><wbr />谷歌：Google+Bing=Bingle</span><wbr /><br>　　谷歌几乎已经成为搜索引擎的代名词，它卓越的邮件、视频通话、文字处理、电子数据表、日历、电话簿等附加功能，使得它在搜索引擎领域里称得上是 “独孤求败”。今年，微软推出的新型搜索引擎“必应”(Bing)成为谷歌的唯一挑战者。《时代》戏称，人们根本不用烦恼到底Google好用还是 Bing好用，只要两者结合起来搜索，一定能够Bingle(即为“成功”的意思)！<br>　　谷歌旗下的另一个热门的视频网站YouTube也入选了今年的50强。尽管YouTube上的大多数视频无聊至极，但它却捧红了无数像苏珊大妈那样的普通人。《时代》发出这样的疑问：YouTube究竟是摄影照片的坟墓，还是全新视觉语言的摇篮？<br>　　<span style="font-weight:bold"><wbr />Facebook：“只是一本巨型电话簿”</span><wbr /><br>　　《时代》竟然把无人不知无人不晓的社交网站“脸谱”(Facebook)定义为“巨型电话簿”。这个杂志呼吁人们完全没有必要沉迷于 Facebook，因为它最大的功能在于提醒你熟人的邮箱地址、朋友的狗叫什么名字、朋友的朋友长什么样子家乡在哪里，然后把这些信息作为在现实生活中与朋友交往的谈资。<br>　　购物网站亚马逊(Amazon)是个虚拟大商场，拥有无限的货架空间。凭借着无人能及的巨大规模，它已经成为所有商品的首选在线销售市场。但《时代》提醒人们，网络世界里冒出了许多的电子商务网站与亚马逊竞争，价格比较网站Shopzilla是其中的佼佼者，它把税款和运输成本算进去，为买家提供最真实的商品价格。<br>　　<span style="font-weight:bold"><wbr />维基百科：与《大不列颠百科》一样可靠</span><wbr /><br>　　2004年，英国《大不列颠百科全书》的编辑撰写文章，批评人人都可以编辑内容的维基百科完全不可信，简直就是一个“公共厕所”。一年后，全球最权威的科学期刊《自然》把维基百科和《大不列颠百科》的内容进行了一番测试对比，得出双方内容的准确度大致相当。这个惊人发现让曾把维基百科贬为“公厕”的《大不列颠百科》十分不满，至今不承认这个结论。那么，维基百科的态度又如何？它毫无感情地把《大不列颠百科》和《自然》的争议编进了关于“维基百科”的词条。<br>　　<span style="font-weight:bold"><wbr />科学教育类</span><wbr /><br>　　<span style="font-weight:bold"><wbr />模拟大脑错觉的科普网站</span><wbr /><br>　　网址：www.gethighnow.com<br><wbr /><a href="http://i0.sinaimg.cn/IT/2009/0831/200983110427.jpg" target="_blank"><img style="border:0;" src="http://i0.sinaimg.cn/IT/2009/0831/200983110427.jpg" /></a><wbr /><br>在这个网站上，模拟大脑“错觉”的视图音频还有很多，是一个富有创意的趣味科普网站。<br>　　这是个专门研究大脑的科学网站，它提供了40个模拟人类大脑错觉的音频、视频和图片，旁边配有解释错觉形成原理的文字，帮助人们更好地认识自己的大脑。这幅题为“谜”的图案是欧普艺术家以赛亚·勒维安特在1981年创作的，当你注视这幅图时，这些紫色的同心圆环仿佛充满了飞快环形运动的粒子。但这个错觉是从我们脑子里还是眼睛里产生的？证据是互相矛盾的，直到我们与美国亚利桑那州凤凰城巴罗神经学研究所的神经学家在合作中发现，这一运动是由微跳视所引起的：凝视的时候，眼球会发生无意识的细微颤动。<br>　　<span style="font-weight:bold"><wbr />阿尔法搜索引擎：“谷歌杀手”</span><wbr /><br>　　网址：www.wolframalpha.com<br>　　阿尔法搜索引擎是今年美国计算机科学家史蒂芬·沃尔弗拉姆推出的一款新型搜索引擎，被外界誉为“谷歌杀手”。用户在它的搜索框键入需要查询的问题后，它将直接向用户返回答案，而不是一大堆网页链接。沃尔弗拉姆称他的新发明是“知识引擎”，它能真正理解人类输入的问题，并找到几乎所有涉及人类知识问题的答案。阿尔法搜索引擎能回答关于化学元素特性到行星位置，从物种关系到人类基因组序列、从特定国家的通货膨胀历史到地理文化等方面的诸多科学问题，但对使用者的要求比较高，正确回答问题的稳定性也不够高。这个“知识引擎”也许还不够格挑战谷歌，但它已经采取先发制人的行动：它最近刚与谷歌的死敌微软达成协议，允许微软的搜索引擎“必应”(Bing)直接显示阿尔法引擎的搜索结果。<br>　　其他上榜网站：Academic Earth；Fora TV；维基百科；Pollster；Visuwords；WorldWideTelescope。<br>　　<span style="font-weight:bold"><wbr />社交网络/网络服务类</span><wbr /><br>　　<span style="font-weight:bold"><wbr />Delicious　“美味”书签分享网站</span><wbr /><br>　　网址：http://delicious.com/<br>　　每个人都有把自己喜爱的网站存为书签的习惯，许多书签网站让人们把书签存在网上，即使换了台电脑，人们仍然能轻易找到自己的最爱网站。然而， “美味”书签分享网站是第一个把网上书签与网络社交结合起来的站点。它提供免费的社交网络服务，使用户能够与别人分享和交流各自喜爱的书签。它的工作原理与Flickr相似，都是通过用户建立的标签(Tags)自动为网络资源分类。<br>　　因此，它能为用户搜索到更多有趣实用的网站，因为这些网站是其他人为你热情推荐的，而不是搜索引擎找到的未经选择的信息。Delicious于2003年底上线，2005年被雅虎收购。<br>　　<span style="font-weight:bold"><wbr />“三个臭皮匠”搜索引擎</span><wbr /><br>　　网址：www.aardvark.com<br>　　它是一个全新概念的的搜索引擎，允许用户向好友或好友的好友咨询问题。当你想就一个问题征求朋友意见时，无需像以前那样向朋友群发邮件，只需要注册一个Aardvark账户，通过Facebook、Gchat等即时信息软件就能连接你的朋友和朋友的朋友，而且一呼百应。Aardvark的口号是：三个臭皮匠比一个谷歌大神管用，因为许多问题只有人类才能回答，比如“哪个网站有资格入选50大最佳网站？”用户可以通过该平台提交想知道的任何问题，并得到其他知道该答案用户的解答。同时，Aardvark也会向用户发送其他人提出的问题。这是个发挥朋友间互助精神的新型搜索引擎。<br>　　其他上榜网站：Metafilter；popurls；Twitter；Boing Boing；Google；Internet Archive；Facebook；Know Your Meme。<br>　　<span style="font-weight:bold"><wbr />生活实用类</span><wbr /><br><wbr /><a href="http://i0.sinaimg.cn/IT/2009/0831/200983110711.jpg" target="_blank"><img style="border:0;" src="http://i0.sinaimg.cn/IT/2009/0831/200983110711.jpg" /></a><wbr /><br>宝贝名字导航网<br>　　<span style="font-weight:bold"><wbr />BabyNameWizard.com's NameVoyager　宝贝名字导航网</span><wbr /><br>　　网址：www.babynamewizard.com<br>　　你是否至少认识5个“Amy”、8个“Lily”、10个“Ken”？有什么办法能让刚出生的小宝贝起个独一无二的好名字？给宝宝起名的参考网站BabyNameWizard能帮这个忙！它收录了美国社会保障部门的所有数据，能查到从19世纪末到2008年所有新生儿的名字。输入“JA”，你马上可以看到以“JA”开头的最普遍的几个名字。显而易见，在过去这一百多年里，Jack、James和Janet是最多美国人使用的名字，而 “Jacob”则是从上世纪70年代才开始流行的“潮”名。<br>　　现在人们喜欢为宝宝起个中性化的名字，通过这个网站，还能查到有多少男生和女生起了同一个名字。<br>　　其他上榜网站：California Coastline；Skype；OpenTable；Craiglook；Shop Goodwill；Amazon；Etsy；PropertyShark.com；Redfin；Kiva；ConsumerSearch；Yelp；Mint；drop.io。<br>　　<span style="font-weight:bold"><wbr />非同寻常的菜谱共享网</span><wbr /><br>　　网址：www.supercook.com<br>　　传统的家庭主妇做饭套路是：痛苦地思考今晚吃什么菜，翻开菜谱查看怎么做，然后去市场买相应的食材，按菜谱步骤做饭。“超级菜谱”网站的做法是：打开冰箱看看家里有什么食材，把它们的关键字输入“超级菜谱”，在搜索了超过30万份菜谱后，你马上知道今天该吃什么菜、怎么做。这种方法能把冰箱里快过期的食物做成美味佳肴，经济实用之余还能减轻烹饪者的脑力劳动，难怪会成为家庭主妇最爱的网站！<br>　　<span style="font-weight:bold"><wbr />多媒体娱乐类</span><wbr /><br>　　<span style="font-weight:bold"><wbr />情绪音乐网站</span><wbr /><br>　　网址：www.musicovery.com<br><wbr /><a href="http://i3.sinaimg.cn/IT/2009/0831/200983110822.jpg" target="_blank"><img style="border:0;" src="http://i3.sinaimg.cn/IT/2009/0831/200983110822.jpg" /></a><wbr /><br>智能音乐电台<br>　　这是个智能的网络电台网站，拥有一个四维“情绪”控制界面，把音乐分为“积极、消极、平静、激烈”四种情绪。通过这个界面，用户可以根据自己的音乐品位调整该网站播放歌曲的风格。把“情绪”控制按钮从颜色暗沉的区域移向颜色鲜明的区域，你就可以把平静的歌曲变成欢快的旋律；你还可以调整音乐节奏的快慢，选择流行、经典、嘻哈、蓝调等不同风格和时代的歌曲。总而言之，这个网站能根据用户的心情听歌，而不是按照传统的歌手、曲名、专辑等分类来收听歌曲。<br>　　<span style="font-weight:bold"><wbr />Issuu　超强杂志阅读网</span><wbr /><br>　　网址：www.issuu.com<br><wbr /><a href="http://i1.sinaimg.cn/IT/2009/0831/200983110910.jpg" target="_blank"><img style="border:0;" src="http://i1.sinaimg.cn/IT/2009/0831/200983110910.jpg" /></a><wbr /><br>超强杂志阅读网<br>　　虽然越来越多的年轻人习惯在网上看小说、杂志、报纸，但符合人们阅读习惯的阅读器少之又少，许多网站提供的电子杂志无法解决依靠不断点击翻页、翻页速度慢等问题。Issuu的出现解决了这个难题，它是一个支持本地上传和在线阅读PDF电子书籍的共享站点。流畅的翻阅、友好的阅读界面、丰富的 PDF电子杂志资源，这一切使得读者几乎以为自己翻的是一本纸质杂志。Issuu低廉的使用成本对亚马逊网站力推的阅读器Kindle也造成了一定的威胁。<br>　　其他上榜网站：Flickr；YouTube；Hulu；Vimeo；Netflix；Metacritic；Pandora and Last.fm；Spotify；Photosynth；OMGPOP；Fonolo。<br>　　<span style="font-weight:bold"><wbr />驴友最爱</span><wbr /><br>　　<span style="font-weight:bold"><wbr />CouchSurfing　提供免费沙发的驴友网</span><wbr /><br>　　网址：www.couchsurfing.org<br><wbr /><a href="http://i2.sinaimg.cn/IT/2009/0831/2009831101011.jpg" target="_blank"><img style="border:0;" src="http://i2.sinaimg.cn/IT/2009/0831/2009831101011.jpg" /></a><wbr /><br>驴友最爱<br>　　这是一个专属于背包客的交流天地，但网上交友只是CouchSurfing的副业，它的主业是为背包客在世界各地寻找免费住处。出国旅行是一个昂贵的活动，如果你能在当地找到一个为你提供免费住宿的朋友，就能节省一大笔开支。注册为CouchSurfing的用户后，你必须为其他网友提供住宿，而当你出国旅行时，同样能享受别人的免费沙发。CouchSurfing与其他社交网站的不同之处在于，它最终让你以面对面的传统方式结交朋友，而不是面对冰冷的电脑屏幕聊天。<br>　　<span style="font-weight:bold"><wbr />TripIt　旅行小秘书网</span><wbr /><br>　　网址：www.tripit.com<br>　　谨慎的驴友出门前总会多次检查自己是否把机票、宾馆预订、旅行攻略等重要资料带齐，无可奈何地让沉甸甸的资料增加背包的重量。TripIt就像你的旅行小秘书，你只要把机票、宾馆预订邮件发送到TripIt网站上，它就能记录下你的航班、旅馆和餐厅预订等所有信息，它还会自动添加目的地的地图、天气等情况。你可以把这些重要信息打印或发送给朋友，还可以传输到iPhone上，免除了携带繁琐文件的烦恼。TripIt最贴心的服务在于，它同时还是一个社交网站，能把凑巧与你在同一个地点出差的朋友找出来，增大你“他乡遇故人”的机率。<br>　　其他上榜网站：Kayak(网址：www.kayak.com)<br><br><br> <!--v:3.2--> ]]></description>
<category><![CDATA[好文章]]></category>
<author><![CDATA[122047125@qq.com(Sandyzzz/mn)]]></author>
<comments>http://122047125.qzone.qq.com/blog/1251863968#comment</comments>
<qz:effect>135266313</qz:effect>
<pubDate>Wed, 02 Sep 2009 03:59:28 GMT</pubDate>
<guid>http://122047125.qzone.qq.com/blog/1251863968</guid>
</item>

<item>
<title><![CDATA[转载：1983年噶广州]]></title>
<link>http://122047125.qzone.qq.com/blog/1243909175</link>
<description><![CDATA[<wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_5d6f00c658220f897d569aaa2sholzc2.png" target="_blank"><img style="width:500px;height:338px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_5d6f00c658220f897d569aaa2sholzc2.png" /></a><wbr /><br>人民桥<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_2b4e18a02c487ac4f805STtvvvkvE2IF.png" target="_blank"><img style="width:500px;height:338px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_2b4e18a02c487ac4f805STtvvvkvE2IF.png" /></a><wbr /><br>人民桥<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_c13b0d58f531dfec65daEc2BM4ZuS16R.png" target="_blank"><img style="width:500px;height:338px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_c13b0d58f531dfec65daEc2BM4ZuS16R.png" /></a><wbr /><br>沿江路<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_45ed9da061bdb6df35a29ActUGcEdtbR.jpg" target="_blank"><img style="width:500px;height:335px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_45ed9da061bdb6df35a29ActUGcEdtbR.jpg" /></a><wbr /><br>南方大厦<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_2fa3d00a35d9108187cbDLhoF1Y5bn7J.jpg" target="_blank"><img style="width:500px;height:338px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_2fa3d00a35d9108187cbDLhoF1Y5bn7J.jpg" /></a><wbr /><br>沿江路大钟楼<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_eae791dfdc5ddd1bafc8b1oOYmrqqTBt.png" target="_blank"><img style="width:500px;height:338px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_eae791dfdc5ddd1bafc8b1oOYmrqqTBt.png" /></a><wbr /><br>西堤二马路<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_8a9f9eded73499840ad4BzB6MfcEoC17.png" target="_blank"><img style="width:500px;height:333px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_8a9f9eded73499840ad4BzB6MfcEoC17.png" /></a><wbr /><br>文化公园<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_ac6903aecd775ebc0cb1UrSmCSsjzuBH.png" target="_blank"><img style="width:500px;height:324px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_ac6903aecd775ebc0cb1UrSmCSsjzuBH.png" /></a><wbr /><br>文化公园<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_6e56499439b8a4d87cffh452TujND6pq.png" target="_blank"><img style="width:500px;height:338px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_6e56499439b8a4d87cffh452TujND6pq.png" /></a><wbr /><br>人民中路<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_9b5c00e2514ae9b2c159rLhhVTUwC10p.png" target="_blank"><img style="width:332px;height:500px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_9b5c00e2514ae9b2c159rLhhVTUwC10p.png" /></a><wbr /><br>广州起义路<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_42ad4d2bf82e3507344eHNuG5UZKpeGS.jpg" target="_blank"><img style="width:500px;height:338px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_42ad4d2bf82e3507344eHNuG5UZKpeGS.jpg" /></a><wbr /><br>中山五路<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_f0f1c8f61bc2084174ebsNSV35IbkWKz.jpg" target="_blank"><img style="width:500px;height:338px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_f0f1c8f61bc2084174ebsNSV35IbkWKz.jpg" /></a><wbr /><br>中山五路<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_800279f81cd46b17df02FduyVbQ3HOWK.png" target="_blank"><img style="width:500px;height:338px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_800279f81cd46b17df02FduyVbQ3HOWK.png" /></a><wbr /><br>解放北路越秀公园<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_12865e7b4caf5b572d2fibnltfGtS0v4.png" target="_blank"><img style="width:338px;height:500px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_12865e7b4caf5b572d2fibnltfGtS0v4.png" /></a><wbr /><br>解放北路越秀公园<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_10a2c8bd0c1861d689406XpaWRCUC0Rq.jpg" target="_blank"><img style="width:500px;height:338px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_10a2c8bd0c1861d689406XpaWRCUC0Rq.jpg" /></a><wbr /><br>东山农林下路<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0904/20090404_d17690c27ac9feee857b53WyXHT2R8pQ.jpg" target="_blank"><img style="width:500px;height:346px;border:0;" src="http://bbs.ycwb.com/attachments/month_0904/20090404_d17690c27ac9feee857b53WyXHT2R8pQ.jpg" /></a><wbr /><br>东山农林下路<br><br><wbr /><a href="http://bbs.ycwb.com/attachments/month_0903/20090321_333738722c2c3754d046zsnvKjKj8Usl.png" target="_blank"><img style="width:500px;height:338px;border:0;" src="http://bbs.ycwb.com/attachments/month_0903/20090321_333738722c2c3754d046zsnvKjKj8Usl.png" /></a><wbr /><br>------------------------------------------<br>本文转载自：<a href="http://user.qzone.qq.com/67473060/blog/1243625688" target="_blank">㊣June： 转载：1983年噶广州</a><wbr /><br>用QQ邮箱阅读空间<a href="http://mail.qq.com/cgi-bin/feed?u=http://feeds.qzone.qq.com/cgi-bin/cgi_rss_out?uin=67473060" target="_blank">订阅<span style="font-weight:bold"><wbr />㊣June</span><wbr /></a><wbr /><br><a href="http://mail.qq.com/zh_CN/htmledition/help_reader.html" target="_blank">什么是阅读空间?</a><wbr /><br><br> <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[122047125@qq.com(Sandyzzz/mn)]]></author>
<comments>http://122047125.qzone.qq.com/blog/1243909175#comment</comments>
<qz:effect>135266305</qz:effect>
<pubDate>Tue, 02 Jun 2009 02:19:35 GMT</pubDate>
<guid>http://122047125.qzone.qq.com/blog/1243909175</guid>
</item>

<item>
<title><![CDATA[转载：教你如何减小肚腩]]></title>
<link>http://122047125.qzone.qq.com/blog/1243907396</link>
<description><![CDATA[<a href="http://blog.703804.com/attachments/2008/02/135329_200802221301151.gif" target="_blank"><wbr /><a href="http://blog.703804.com/attachments/2008/02/135329_200802221301151.gif" target="_blank"><img style="width:61px;height:151px;border:0;" src="http://blog.703804.com/attachments/2008/02/135329_200802221301151.gif" /></a><wbr /></a><wbr /><a href="http://blog.703804.com/attachments/2008/02/135329_200802221301241.gif" target="_blank"><wbr /><a href="http://blog.703804.com/attachments/2008/02/135329_200802221301241.gif" target="_blank"><img style="width:170px;height:170px;border:0;" src="http://blog.703804.com/attachments/2008/02/135329_200802221301241.gif" /></a><wbr /></a><wbr /><a href="http://blog.703804.com/attachments/2008/02/135329_200802221301311.gif" target="_blank"><wbr /><a href="http://blog.703804.com/attachments/2008/02/135329_200802221301311.gif" target="_blank"><img style="width:170px;height:170px;border:0;" src="http://blog.703804.com/attachments/2008/02/135329_200802221301311.gif" /></a><wbr /></a><wbr /><a href="http://blog.703804.com/attachments/2008/02/135329_200802221301381.gif" target="_blank"><wbr /><a href="http://blog.703804.com/attachments/2008/02/135329_200802221301381.gif" target="_blank"><img style="width:175px;height:169px;border:0;" src="http://blog.703804.com/attachments/2008/02/135329_200802221301381.gif" /></a><wbr /></a><wbr /><a href="http://blog.703804.com/attachments/2008/02/135329_200802221301441.gif" target="_blank"><wbr /><a href="http://blog.703804.com/attachments/2008/02/135329_200802221301441.gif" target="_blank"><img style="width:170px;height:170px;border:0;" src="http://blog.703804.com/attachments/2008/02/135329_200802221301441.gif" /></a><wbr /></a><wbr /><a href="http://blog.703804.com/attachments/2008/02/135329_200802221301501.gif" target="_blank"><wbr /><a href="http://blog.703804.com/attachments/2008/02/135329_200802221301501.gif" target="_blank"><img style="width:170px;height:170px;border:0;" src="http://blog.703804.com/attachments/2008/02/135329_200802221301501.gif" /></a><wbr /></a><wbr /><br>------------------------------------------<br>本文转载自：<a href="http://user.qzone.qq.com/641698683/blog/1243821302" target="_blank">Jun： 教你如何减小肚腩</a><wbr /><br>用QQ邮箱阅读空间<a href="http://mail.qq.com/cgi-bin/feed?u=http://feeds.qzone.qq.com/cgi-bin/cgi_rss_out?uin=641698683" target="_blank">订阅<span style="font-weight:bold"><wbr />Jun</span><wbr /></a><wbr /><br><a href="http://mail.qq.com/zh_CN/htmledition/help_reader.html" target="_blank">什么是阅读空间?</a><wbr /><br><br> <!--v:3.2--> ]]></description>
<category><![CDATA[个人日记]]></category>
<author><![CDATA[122047125@qq.com(Sandyzzz/mn)]]></author>
<comments>http://122047125.qzone.qq.com/blog/1243907396#comment</comments>
<qz:effect>135266305</qz:effect>
<pubDate>Tue, 02 Jun 2009 01:49:56 GMT</pubDate>
<guid>http://122047125.qzone.qq.com/blog/1243907396</guid>
</item>

</channel>
</rss>

