﻿<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:xg="http://ucdchina.com/schemas/rss">	
 		<channel>
 			<title>所有文章 - UCD大社区</title>
 			<link>http://ucdchina.com/rss/all</link>
 			<description>所有文章 - UCD大社区</description>
 			<webMaster>qingping.hu@gmail.com</webMaster>
			<pubDate>2012-05-17 09:49:50</pubDate>			<item>
				<title>谁能抓住女用户——浅谈消费分享社区</title>
				<link>http://ucdchina.com/snap/11874</link>
				<description>&lt;p&gt;作为一名新时代女性，自认为永无止尽追求外表女人，内心爷们的独立境界是一件很酷的事情。为了达到这个目的，淘宝没少逛书也是没少念啊。虽然离标杆还存在遥远的一段距离，可在这个过程中，从默默无闻的小买家摇身一变为双金砖且略有经验的淘宝买家，来谈谈消费分享社区的那些事儿应该略懂个一二滴。&lt;/p&gt;
&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;请问如今网上购物，有多少童鞋还那么傻那么天真到淘宝上直接搜索，然后点击销量排行再逐个查看对比最后下订单的？如果电脑前可爱的你还遵循着这套老方法，那就凹凸了哈。互联网信息万变，最近行业内最暗潮涌起的领域莫过于&amp;ldquo;推荐购物、购物搜索、购物社区&amp;rdquo;等导购方向的产品。当然这消息我也是看白鸦兄的博客里（&lt;a href=&quot;http://uicom.net/blog/&quot; target=&quot;_blank&quot;&gt;http://uicom.net/blog/&lt;/a&gt;）说的，白鸦兄对电子商务导购领域的真知灼见还是挺深刻的，推荐拜读。&lt;/p&gt;
 
&lt;p&gt;今天笔者充当一名典型的爱美女性用户，还有之前对消费分享社区产品的体验与研究，和大家浅谈一下这块新兴领域的事儿。也给男同胞们普及一下这方面的讯息，因为最为热门的几个消费分享社区产品是拒绝男性用户的喔！&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;什么是消费分享社区？&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;美丽说、蘑菇街、爱物网、美丽街，甚至是人人网刚新推出的实名制时尚分享SNS&amp;ldquo;逛街&amp;rdquo;都属于是消费分享社区，但关于&amp;ldquo;消费分享社区&amp;rdquo;的名词定义在维基和百度都没有资料（麻烦更新一下）。对这类产品的归类还存在其他说法，如垂直类社交网站、垂直电子商务新模式、社会化（社区）电子商务等等，较为接近的说法则是社会化电子商务。&lt;/p&gt;
 
&lt;p&gt;社会化电子商务&lt;/p&gt;
 
&lt;p&gt;社会化电子商务，social commerce，是电子商务的一种新的衍生模式。它借助社交媒介、网络媒介的传播途径，通过社交互动、用户自生内容等手段来辅助商品的购买和销售行为。在Web2.0时代，越来越多的内容和行为是由终端用户来产生和主导的。社会化电子商务市场规模到2015年将达到300亿美元，是仅指通过社会化媒体的销售收入。整个市场规模应该更为巨大。&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;上述几个产品在初期被定义为是基于社区模式发展的，但现今已逐渐媒体化，或者说本质更像是媒体而不是社区。因为用户与用户之间基本不产生互动，他们只是因为相同的喜好和品味而互相关注。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;产品定位与用户群体&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;富有代表性的一些国内外消费分享社区网站。&lt;/p&gt;
 
&lt;p&gt;美丽说&lt;br /&gt; &lt;a href=&quot;http://www.meilishuo.com/&quot; target=&quot;_blank&quot;&gt;http://www.meilishuo.com/&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/13.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;610&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;蘑菇街&lt;br /&gt; &lt;a href=&quot;http://www.mogujie.com/&quot; target=&quot;_blank&quot;&gt;http://www.mogujie.com/&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/22.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;702&quot; /&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;爱物网&lt;br /&gt; &lt;a href=&quot;http://www.hers.com.cn/&quot; target=&quot;_blank&quot;&gt;http://www.hers.com.cn/&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/31.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;669&quot; /&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;Thisnext&lt;br /&gt; &lt;a href=&quot;http://www.thisnext.com/&quot; target=&quot;_blank&quot;&gt;http://www.thisnext.com/&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/41.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;711&quot; /&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;Kaboodle&lt;br /&gt; &lt;a href=&quot;http://www.kaboodle.com/&quot; target=&quot;_blank&quot;&gt;http://www.kaboodle.com/&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/51.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;591&quot; /&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;　　提到产品定位与用户群体，极具代表性的则是消费分享社区领头羊美丽说和蘑菇街，很多人对两者进行了各方面的比较与分析。有兴趣的童鞋可以阅读一下这篇文章，swot分析得挺到位的。&lt;a href=&quot;http://liao.it/archives/172.html&quot; target=&quot;_blank&quot;&gt;http://liao.it/archives/172.html&lt;/a&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;笔者就不就这个话题再长篇大论了，总结了一些有参考价值的资料和图表和大家分享一下，以美丽说，蘑菇街为例。&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/6.png&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;1413&quot; /&gt;&lt;strong&gt;让1%&lt;/strong&gt;&lt;strong&gt;用户制造内容&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;ldquo;让1%的用户来制作网站上绝大部分内容，而其他99%的用户，就是让她们来逛，为她们提供各种各样的推荐。&amp;rdquo;这是美丽街提出的一个观念并只专注的一个点。对于消费分享社区来说，内容制作是不容忽视，特别是一些网络红人所带来的连锁口碑反应。美丽街CEO宁晓彤表示，这1%用户的来源主要分为三个阶段：&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/7.png&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;385&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;换汤不换药，美丽说的杂志和蘑菇街的专辑也同样是用户制作内容的主要途径之一。&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/8.png&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;790&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;&amp;ldquo;走质&amp;rdquo;还是&amp;ldquo;走量&amp;rdquo;&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;又想做得精致有力，又想做大做强，这一直是很多产品面临的必选题。在一个点上做得过于专注又怕赶不上用户需求的变更，想扩大市场份额，团队的规模又不能兼顾产品的质量，这其中的取舍还是包含这很多故事的。&lt;/p&gt;
 
&lt;p&gt;就像美丽说和蘑菇街的内容策划上，导购的性质会将80%的流量引到淘宝上，那商家们为了增加曝光率便会以作为用户的身份去推自己的商品。庆幸的是，商家&amp;ldquo;捣乱&amp;rdquo;的行为在现在还属于能控制的范围内，比想象中的要和谐一些。但内容的质量问题多多少少会受到影响，这往后的筛选规则会作怎样的调整，让我们拭目以待吧。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;Pinterest&lt;/strong&gt;&lt;strong&gt;画报流模式&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;Pinterest最近是打得火红火热，它是一个自称&amp;ldquo;个人版猎酷工具&amp;rdquo;的视觉分享社区，在这里内容以图片瀑布流的形式出现，用户可以关注人，也可以分享、收藏自己感兴趣的内容。&lt;/p&gt;
 
&lt;p&gt;2010年Pinterest已经开始受到国内创业者的追捧，美丽说、蘑菇街等网站的上线其实都是在Pinterest微创新下的改良版，所不同的是他们更聚焦在女性产品上，而且与电子商务的合作更加紧密，也更加商业化。而新近上线的知美网与花瓣刚则更像是Pinterest的中文版，注重感兴趣内容的各种采集分享。&lt;/p&gt;
 
&lt;p&gt;Pinterest画报流模式以图片为中心建立人和信息的关系，而图片正是兴趣的载体。&lt;/p&gt;
 
&lt;p&gt;Pin模式在美丽说、蘑菇街等网站上的运用主要是两类：&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/81.png&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;790&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;　　这种画报流布局，更直观的用户体验界面，独具风格的内容展示，再加上从色彩和构图角度吸引女生，容易引起女性用户的共鸣。&lt;/p&gt;
 
&lt;p&gt;同时围绕兴趣这类模式采用了瀑布流的图片展示方式，形象直观，恰恰符合快捷购物需求，其实这也为图片背后的商业意图打下了基础。此类网站聚集了大量来自用户的有价值信息，经过优化排序、分类处理，将内容变得更为有价值。&lt;/p&gt;
 
&lt;p&gt;拓展阅读：&lt;a href=&quot;http://www.dorightdream.com/news/latest/2011-12-03/43.html&quot; target=&quot;_blank&quot;&gt;http://www.dorightdream.com/news/latest/2011-12-03/43.html&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;客户端，决一高下吧&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;女性消费分享类社区在移动互联网方面有两大潮流，第一个是女性用户的手持设备大量转向Iphone和Android，在休闲的时间里开始被移动设备应用占据，第二个是手机购物开始兴起，支付宝这几年的移动交易额成倍增长。这两大原因让消费分类社区在移动设备上的竞争将很可能是在无线领域。&lt;/p&gt;
 
&lt;p&gt;目前这类手机应用做得比较好的还是美丽说和蘑菇街，美丽说的IOS客户端推出得比较早，蘑菇街紧随其后。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/10.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;1072&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;相比之下，美丽说更倾向于社区，用户自己关注的用户中获取信息。蘑菇街的想法更倾向于媒体，输出内容。应用在版面上也基本采用pin模式，继续读图。在这两款应用的竞争中，产品体验与主推的相机功能将会成为竞争热点。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;总结&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;我们可以在众多女性消费分享社区观察出一点很有趣的现象，那就是它们都拒绝男性用户哟，不过现在已经慢慢向男性用户开放了。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/11.png&quot; alt=&quot;&quot; width=&quot;569&quot; height=&quot;421&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;现在在市场上核心用户为女性的产品还是挺多的，但仅仅只为女性服务的产品却少之又少，更不要提客户端的应用了。我们就回过头来谈谈一下题目里提及到&amp;ldquo;谁能抓住女用户&amp;rdquo;吧。&lt;/p&gt;
 
&lt;p&gt;美丽说CEO徐易容认为，未来的五到十年，有一件事是可以预测的，就是女性会变得越来越美。而什么是时尚的，怎样变得更时尚，是急待解决的问题。根据统计，在使用护肤品上，中外女性用户有一点很大的区别是，对品牌的坚持度。徐易容认为，中国女性用户很容易更换品牌的原因，是对如何变美的概念很模糊。因此，帮助女性完善这个概念的&amp;ldquo;美丽说&amp;rdquo;本身就是个巨大的产业，有着丰富的想象空间。&lt;/p&gt;
 
&lt;p&gt;其实除了时尚、护肤品，像瘦身、美体、健康（月经治疗），甚至是到内在休养，如如何充实生活、扩展眼界和升华自身等等，均是可以做到Design for ladies的。我们还可以拓展出去，就拿QQ做案例吧。是不是也能出一个QQ&amp;nbsp; for ladies版本呢？这个版本的内容均是针对或根据女性需求而策划的。像每天的新闻弹框，里面可以全是女性感兴趣的内容或应用，毕竟有多少女性用户对奥迪A6感兴趣呢？在这个版本中，还有一个一键切换回正常模式的入口，于是一切又可以回复正常，想想挺有意思的。&lt;/p&gt;
 
&lt;p&gt;好了，就此打住，只能说&amp;nbsp;Design for ladies&amp;nbsp;的产品在现今还是一片让人值得遐想的领域，以后还能延伸出什么模式，都是一个未知数呢。&lt;/p&gt;
 
&lt;p&gt;(本文出自腾讯CDC博客: &lt;a href=&quot;http://cdc.tencent.com/?p=5595&quot; target=&quot;_blank&quot;&gt;http://cdc.tencent.com/?p=5595&lt;/a&gt;)&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://cdc.tencent.com/?p=5595&quot; target=&quot;_blank&quot;&gt;http://cdc.tencent.com/?p=5595&lt;/a&gt;&lt;/p&gt;</description>
				<author>CDCer</author>
				<pubdate>2012-05-16 14:05:01</pubdate>
			</item>			<item>
				<title>谈互联网用户的成熟度</title>
				<link>http://ucdchina.com/snap/11873</link>
				<description>&lt;p style=&quot;WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 18pt; MARGIN: 0cm 0cm 0pt; FONT: 14px/15.75pt 宋体, Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: #000000; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px&quot;&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;以前写过一篇博文，说了&lt;a class=&quot;null&quot; href=&quot;http://blog.sina.com.cn/s/blog_50f988890100rh9s.html&quot; target=&quot;_blank&quot;&gt;成熟用户的四种表现&lt;/a&gt;。最近跟朋友聊天又提起了这个话题，希望用户更加成熟已然成为国内互联网产品人员的一个共同愿望了。而在我看来互联网用户的成熟度主要体现在两个方面，一个是对于互联网的信任度，另一个则是对于互联网产品的理解和使用程度。&lt;/span&gt;&lt;/p&gt;
 
&lt;p style=&quot;WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 18pt; MARGIN: 0cm 0cm 0pt; FONT: 14px/15.75pt 宋体, Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: #000000; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px&quot;&gt;&lt;strong&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;信任度&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
 
&lt;p style=&quot;WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 18pt; MARGIN: 0cm 0cm 0pt; FONT: 14px/15.75pt 宋体, Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: #000000; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px&quot;&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;春节回家向我哥展示了一下自己的&lt;/span&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: Calibri, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;Android&lt;/span&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;手机，顺便介绍了几款手机上安装的应用，举了一些用手机软件能让生活更美好的例子（每次说这样的话总有一种互联网推销员的感觉），例如用手机找餐馆，使用手机上的优惠券可以抵纸质优惠券用等。因为知道我是混互联网这行的，所以我哥还向我咨询了一些互联网方面的问题，主要是网络购物方面的，网络上的东西是否可信，怎么样才能保证买到的东西不是假货等。我相信很多有过网购经历的人都会被身边的朋友问到类似的问题，大学的时候，自己在网上买东西也总是被同学怀疑其商品的真假性，每次朋友要尝试在网上买东西，也都需要我跟他们重复解释一番，直到现在（我大学毕业一年了）我的同学中仍然有不敢在网络上购物的，毕竟是涉及到财物方面的东西，人们总是会很谨慎。&lt;/span&gt;&lt;/p&gt;
 
&lt;p style=&quot;WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 18pt; MARGIN: 0cm 0cm 0pt; FONT: 14px/15.75pt 宋体, Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: #000000; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px&quot;&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;我哥算是互联网的门外汉，但在跟我哥交流的过程中，他说了一句话给我的印象很深刻&amp;mdash;&amp;mdash;从事互联网工作的人是看到互联网的信息就会相信互联网上的事，而他们（指在老家工作的人）不同，他们对于互联网的信任基本上来自于亲戚、朋友之间的口碑传播以及自己的亲眼所见。在考量用户成熟度的时候有两个大致的区分标准：一个是地域差异，一个是年龄差异。总体而言，年轻人接受互联网的程度要好于中年人和老年人，一线城市互联网的发达程度要好于三、四线城市。行业内也一直有一种观点，互联网最适合在一线城市发展，在三、四线城市没有氛围，而造成这种氛围潜在的原因就在于一线城市的用户要比二、三线城市成熟。我哥的话，从很大程度上来说是揭示了三、四线城市用户对于互联网不予信任的原因。&lt;/span&gt;&lt;/p&gt;
 
&lt;p style=&quot;WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 18pt; MARGIN: 0cm 0cm 0pt; FONT: 14px/15.75pt 宋体, Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: #000000; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px&quot;&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;对于电商网站，如果说&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif&quot;&gt;C2C&lt;/span&gt;模式的电商存在假货的话，那&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif&quot;&gt;B2C&lt;/span&gt;模式基本上就不存在假货了，例如亚马逊、京东商城这种模式的电商都不可能有假货。但是&lt;/span&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: Calibri, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;B2C&lt;/span&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;、&lt;/span&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: Calibri, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;C2C&lt;/span&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;的这样的商业概念，普通大众根本就不明白，行业人士对互联网的信任主要是因为自己对于行业的了解。互联网上的信息杂而多，用户本身需要有一种自我辨识信息的能力，而这种能力的培养没有捷径还是需要用户经验的积累。&lt;/span&gt;&lt;/p&gt;
 
&lt;p style=&quot;WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 18pt; MARGIN: 0cm 0cm 0pt; FONT: 14px/15.75pt 宋体, Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: #000000; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px&quot;&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;仔细想想，用户对互联网的信任最明显最普遍的就是体现在网络购物上了，这种不信任感会影响到电商的购买率，放慢电商的发展的脚步。除此之外，对于互联网其他的模式也都会有不好的影响，例如电子优惠券、导购类型的网站等等，辐射到互联网的很多领域，信任度显然已经成为用户接受互联网产品的门槛，而要想消除这样的门槛不是单纯的依靠互联网公司就能解决的。&lt;/span&gt;&lt;/p&gt;
 
&lt;p style=&quot;WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 18pt; MARGIN: 0cm 0cm 0pt; FONT: 14px/15.75pt 宋体, Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: #000000; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px&quot;&gt;&lt;strong&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;用户对产品的理解和使用程度&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
 
&lt;p style=&quot;WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 18pt; MARGIN: 0cm 0cm 0pt; FONT: 14px/15.75pt 宋体, Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: #000000; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px&quot;&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;互联网产品总是有无限的想象空间，产品就是那个样子，功能也就摆在那，用户爱怎样用就怎样用。拿时下大家都在讨论的一款应用陌陌来说，最普遍的一种说法是认为这是用来搞一夜情或者是性工作者用来招揽生意的，地理位置在影响人们线下交易的因素中确实占了很大的比重。可是从好的一面讲，也有的出租车司机用陌陌来招揽生意，出门开车时可以通过陌陌上的好友询问路况等（虽然不知道这些案例的真假，但陌陌的功能确实是可以满足这样的需求）。&lt;/span&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: Calibri, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;QQ&lt;/span&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;本来是人与人之间线上交流的，但是很多人也将&lt;/span&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: Calibri, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;QQ&lt;/span&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;用来做生意。同样的产品大家使用的态度不同，效果就会有差异，一些名人们将微博当成了宣传渠道，所以总是发一些有关自己活动的信息，有的人则把微博当成是扩充人脉的渠道，所以总是发一些有关于自己工作方面的信息，不过无论大家如何使用都无可厚非。&lt;/span&gt;&lt;/p&gt;
 
&lt;p style=&quot;WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 18pt; MARGIN: 0cm 0cm 0pt; FONT: 14px/15.75pt 宋体, Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: #000000; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px&quot;&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;用户对产品的使用，有的是会带来益处有的是创造了不利的影响，作为产品人员肯定是更希望产品能给用户带来更多的益处，只有用户感受到产品给其带来的价值时产品才有存在的理由。产品人员在对产品进行规划、设计的时候，也曾设想过用户的使用场景，这个场景多半是非常美好的，产品设计上我们也总是尽可能的让用户对产品的使用向我们设想的方面发展，但是事实情况中用户怎么用网站官方是无法干涉的。&lt;/span&gt;&lt;/p&gt;
 
&lt;p style=&quot;WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 18pt; MARGIN: 0cm 0cm 0pt; FONT: 14px/15.75pt 宋体, Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: #000000; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px&quot;&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;互联网发展至今，已经能很好的解决我们生活中的很多问题，但是国内的用户大多无此意识，不善于用互联网解决生活中的问题。从我个人的观察来看，男生对于互联网的使用程度貌似要高于女生，用户的成熟度跟他接触网络的时间基本上是成正比的。有些人即便拿着&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif&quot;&gt;iPhone&lt;/span&gt;，但是依然不会查公交路线，遇到别的事仍然要打电话求助别人，然后让别人把线路发短信到自己的手机上。即便是在有网络的情况下，很多人依然是利用&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif&quot;&gt;U&lt;/span&gt;盘来转存文件，而不去利用网盘，使用&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif&quot;&gt;U&lt;/span&gt;盘的同时还要担着&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif&quot;&gt;U&lt;/span&gt;盘丢失的风险。&lt;/span&gt;&lt;/p&gt;
 
&lt;p style=&quot;WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 18pt; MARGIN: 0cm 0cm 0pt; FONT: 14px/15.75pt 宋体, Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: #000000; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px&quot;&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;某种意义上说用户需求程度的深浅会影响到他决定使用哪一款产品。拿搜索引擎来说，其实最精确的搜索是谷歌而非百度。但是对于中国绝大多数用户而言，他们利用搜索引擎只是作为去到另一个网站的中转，并不是查阅资料。有比较才会看得出差距，所以对于绝大多数用户而言，他们不去搜索资料就不会感受到搜索结果准确性的差异，产品深层次的一些优势用户也无法体验得到。&lt;/span&gt;&lt;/p&gt;
 
&lt;p style=&quot;WIDOWS: 2; TEXT-TRANSFORM: none; TEXT-INDENT: 18pt; MARGIN: 0cm 0cm 0pt; FONT: 14px/15.75pt 宋体, Verdana, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; ORPHANS: 2; LETTER-SPACING: normal; COLOR: #000000; WORD-SPACING: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px&quot;&gt;&lt;span style=&quot;LINE-HEIGHT: 1.5; FONT-FAMILY: 宋体, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10.5pt&quot;&gt;至于说用户对互联网的信任以及使用程度的提高，只能让用户自己慢慢养成。不过随着整个环境的成熟，网络普及程度的提高以及用户对网络熟悉感增强，很多问题会慢慢好转。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://blog.sina.com.cn/s/blog_50f988890100yjch.html&quot; target=&quot;_blank&quot;&gt;http://blog.sina.com.cn/s/blog_50f988890100yjch.html&lt;/a&gt;&lt;/p&gt;</description>
				<author>王军超</author>
				<pubdate>2012-05-16 09:03:45</pubdate>
			</item>			<item>
				<title>高效的设计可视化</title>
				<link>http://ucdchina.com/snap/11871</link>
				<description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; line-height: 24px; font-size: 14px; font-family: 'Helvetica Neue', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', Arial; text-align: left; &quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #70b9cf; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #272933; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1130&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337050681.png?sign=MBO:6cFxwpFUY9QP:lI3ZuFYWYg86eTNvtzfWurzFU5E%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;每一天，人们都淹没在信息的海洋中。用户在主动获取和被动接受过程中，都始终避免不开一个&amp;ldquo;效率&amp;rdquo;的诉求。在这信息海洋，用户目前面对了什么样的困境呢？&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 1 &amp;nbsp;一些设计细节的 &amp;ldquo;隐藏式&amp;rdquo;、&amp;ldquo;折叠式&amp;rdquo;、&amp;ldquo;渐进式&amp;rdquo;设计消耗了用户的快速认知诉求；&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 2 &amp;nbsp;偏于复杂和庞大的功能，给界面呈现带来了负担，加重了用户操作映射的错乱，让用户理解也模棱两可；&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;span style=&quot;background-color: #ffffff; &quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; 3 &amp;nbsp;设计过多的操作点击，用户手部肌肉不停运动，切换不同页面去查看；&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;hellip;&amp;hellip;&lt;span style=&quot;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-style: initial; border-color: initial; border-image: initial; text-indent: 2em; &quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;作为信息传达的设计师，如何让信息更直观清晰、剔除不确定性理解，是工作中的重中之重。而&amp;ldquo;可视化&amp;rdquo;就是多种高效传递信息方式中的一种，对于信息可视化、视觉化、图形化，也成了设计圈热捧的观点和研究方向。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1141&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337051379.png?sign=MBO:6cFxwpFUY9QP:iruyrsMJhm40boGMiRTSEFqfX4Q%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;对于产品的可视化设计，主要旨在借助于图形化等直观手段，清晰有效地传达与沟通信息，形成高效的功能、使用映射，完成用户任务目标。为用户想完成的任务选择正确的界面元素，通过一种能迅速理解和易于使用的表达方式，展现在页面上，降低用户的认知负担和物理负担。大概分为四个层次：功能可视化、结构可视化、操作可视化、控件可视化。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1153&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337051944.png?sign=MBO:6cFxwpFUY9QP:HQ7FmbN%2Bkfl%2F6kZIrVFpXeqK6CE%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;strong style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;功能可视化：&lt;/strong&gt;即确定需求优先级的前提下，确保优先级高的功能展现给用户，让用户易于识别和查找，使设计有正确的层次结构。用户对信息层次的理解需要两个过程，首先是快速捕捉，其次是对具体内容更详细的理解。在快速捕捉阶段，其过程中时间跨度短暂，通过颜色、对比、定位等运用，突出产品的主要功能点。例如图1韩国著名门户/搜索引擎网站Naver旗下的&lt;a style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; &quot; href=&quot;http://shopping.naver.com/&quot;&gt;Naver Shopping&lt;/a&gt;，其产品定位即提供商品的搜索服务，通过搜索商品名称，可以按照商品类别列出几乎韩国所有的大型电子商务网站提供的该商品链接。所以在界面上，用强对比色调突出搜索功能和导航区。通过视觉化引导，让用户专注于核心内容，聚焦用户视线的焦点，在白色为主色调的页面，视线会先看到强色调的部分，所以也可以用强色调来突出核心内容，让用户的视觉聚焦在那里。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1156&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337052198.png?sign=MBO:6cFxwpFUY9QP:2MRfe50OP7dU3TuHQdc0vv7WdX0%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;strong style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;结构可视化：&lt;/strong&gt;即采用用户易于理解的结构，让用户对于界面元素关系清晰。如&lt;a style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; &quot; href=&quot;http://tongji.baidu.com/&quot;&gt;百度统计3.0&lt;/a&gt;的搜索推广效果查看，结构采用了漏斗的图形方式，达到真正的图表于意，表达转化率的概念，形象直观。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1159&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337052393.png?sign=MBO:6cFxwpFUY9QP:IGsc0RFtRa1vRPxLNzBj3lj0vpU%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;strong style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;流程可视化：&lt;/strong&gt;即让用户在操作时不要迷失方向，帮助用户定位，避免不明确操作的高成本。美国益智游戏网站&lt;a style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; &quot; href=&quot;http://www.lumosity.com/&quot; target=&quot;_blank&quot;&gt;Lumosity&lt;/a&gt;，在建立定制化大脑训练计划时的流程时，顶部采用步骤轴的图形化方式，不仅用图标&amp;ldquo;红圈&amp;rdquo;表明了用户所在的位置，也用图标&amp;ldquo;对号&amp;rdquo;标明了用户完成了哪些步骤，让用户对于整个流程熟悉。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1162&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337052661.png?sign=MBO:6cFxwpFUY9QP:LbxxEH4tIGUVuWpqC1xX4sgjjRE%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;strong style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;控件可视化：&lt;/strong&gt;由于控件是产品的最小界面元素，是产品质量的基础，所以本文重点与大家分享基础控件的一些可视化案例。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1163&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337053110.png?sign=MBO:6cFxwpFUY9QP:C0zB%2B%2BXF4Z2xgU%2B0MOEzjozyjtY%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;控件是创建界面的主要构造模块，是用户可与之交互以输入或操作数据的最直接对象。控件需要用户消耗大量的注意力和鼠标操作，从可视化角度，示例以下四个元素的设计区别：&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;strong style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;控件元素一：单选框&lt;/strong&gt;&lt;strong style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;单选框（Radio Button），又叫选项按钮或单选按钮，它容许用户在一组选项中选择并且只能其中一个时使用的控件形式，选项之间彼此互斥。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图4某产品界面，控件单选框使用错误，同时用户必须在脑中想象空间位置，再转化为对应文字，点击两次，输入两次，才能完成。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图5修改后采用图形化表达，直观，并且减少用户的点击次数（一次）；当用户输入边距时，在图形中对应的边距会出现动态三角，给予用户引导，防止用户输错。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1192&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337057870.png?sign=MBO:6cFxwpFUY9QP:NIl%2FGuCQFO436xz6G%2FprMOuj3PY%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;strong style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;控件元素二：下拉列表控件&lt;/strong&gt;&lt;strong style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;下拉列表（Drop-down List）相对于单选框，同时用于从一组互斥值列表中进行选择一个选项，不同的是下拉列表的按钮数量通常较多。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图6为&lt;a style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; &quot; href=&quot;http://dlweb01.tzuchi.com.tw/tchw/Iphqry.net/DesktopModules/Pill_Search.aspx&quot;&gt;新药品查询系统&lt;/a&gt;的下拉列表筛选控件，通过药品形状、颜色、类型等进行筛选，对于用户来说，认知成本较高，不够形象化。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1169&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337053480.png?sign=MBO:6cFxwpFUY9QP:AMWzsDobuRGOPG9W7L5G5HjBcxg%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图7&lt;a style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; &quot; href=&quot;http://health.naver.com/drug/pillIdentifier.nhn#%7B%22htShapeData%22%3A%7B%22mark%22%3A%22all%22%2C%22shape%22%3A%22all%22%2C%22color%22%3A%22all%22%2C%22form%22%3A%22all%22%2C%22line%22%3A%22all%22%7D%2C%22sRangeType%22%3A%22a%22%2C%22nPage%22%3A1%7D&quot;&gt;Naver的医疗药品&lt;/a&gt;的查找筛选控件，将品牌、药品形状、颜色、药品材质、药面纹理等通过图形化表达，使信息更直观、形式更有趣，增强用户的认知能力，提升操作效率，集合了趣味性与实用性。一图胜千言，但同时要平衡空间占用和页面加载成本等因素。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1190&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337057868.png?sign=MBO:6cFxwpFUY9QP:bSHB5HuicDVlSExtpg6aQq1kP98%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;strong style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;控件元素三：树形控件&lt;/strong&gt;&lt;strong style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;树型控件是供用户浏览按分层方式排列的内容，并可与这些内容互动，进行单选或多选的控件。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图8&lt;a style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; &quot; href=&quot;http://list.tmall.com/50036640/g-d-----40-0--50036640-x.htm?spm=3.1000473.254665.1096&amp;amp;TBG=55137.107532.67&amp;amp;prt=1337054051482&amp;amp;prc=1&quot;&gt;淘宝商城_厨房用具二级页&lt;/a&gt;的树形筛选控件，比如用户要查找高压锅，对于一般新手用户，会来回点击厨房/餐饮用具的子分类，展开子分类，然后扫视每行字是否有高压锅，直到确认找到。树形控件承载的信息越多，认知的负担就会越重，浏览查找越困难。新手用户可能无法完全理解树的布局，只有当他们在对树操作一段时间之后可能会形成一个关于其关系的心理模型，成本较高。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图9&amp;nbsp;&lt;a style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; &quot; href=&quot;http://shopping.naver.com/category/category.nhn?cat_id=40000007&quot;&gt;Naver Shopping_厨房用具二级页&lt;/a&gt;的分类筛选，采用了图标加文字的形式，同样是查找高压锅，虽然是韩语，但是恰当的使用具象化图标，使用户基本上看懂，可以缩短用户操作时间，让用户更快捷地找到目标链接。对于中高级用户，对网站更加熟悉后，图标就更方便了。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1191&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337057869.png?sign=MBO:6cFxwpFUY9QP:JOE198tb54fqMUXFcS38tE%2BTuiE%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;与软件的设计主要针对中间级用户的不同，web界面设计需要针对新手及初级用户。用户在网站上愿意为之所付出的学习成本更低，更加缺乏耐心，则web界面需要更直接，让用户认知过程更短。而文字本身并没有视觉传达功能，恰当的使用图标，把要表述的功能可视化呈现给用户，可以缩短用户操作时间，往往效果更好。但也要根据用户效率，否则会成为鸡肋。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;strong style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;控件元素四：列表视图&lt;/strong&gt;&lt;strong style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; align=&quot;left&quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;列表视图（List View）是一个显示项目集合的扩展列表框控件，用于通过单选或多选的方式，查看并操作一个数据对象集合。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图10 SNS常用的好友分组和管理，采用列表的方式，列表目录清晰，但用户对其的选择管理成本稍大，特别是对于批量管理复杂。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1172&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337054294.png?sign=MBO:6cFxwpFUY9QP:i0GwTjY8wv%2BBHVxuQq3qbulxOGs%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;图11&amp;nbsp;&lt;a style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial; &quot; href=&quot;https://plus.google.com/&quot;&gt;google+&lt;/a&gt;&amp;ldquo;圈子&amp;rdquo;，查看更直观，批量管理操作也更简单，通过拖拽方式对用户分组，强调对好友的少层级管理，保证页面简洁，让体验变得有趣而可爱，更符合用户的心理模型。&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1171&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337054293.png?sign=MBO:6cFxwpFUY9QP:%2F0eWvoM2pOM3%2BJg9gyFSF%2F88uEk%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-1173&quot; style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot; src=&quot;http://bs.baidu.com/ueobaidu/%2F1337054385.png?sign=MBO:6cFxwpFUY9QP:xqxxbkPKpod8jbSS7ugQDXzU5Dg%3D&quot; alt=&quot;&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;总之，围绕着&amp;ldquo;快、明确、高效&amp;rdquo;的信息传递定位，揭其根本从功能模块、任务流程、界面控件元素、信息承载等方面去提升体验的有效性和合理性，设计中根据目标受众的需求、行为，合理运用可视化方式，使产品更易用，提高用户体验。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://ueo.baidu.com/?p=1126&quot; target=&quot;_blank&quot;&gt;http://ueo.baidu.com/?p=1126&lt;/a&gt;&lt;/p&gt;</description>
				<author>刘曼</author>
				<pubdate>2012-05-15 17:57:26</pubdate>
			</item>			<item>
				<title>定价技巧：通过比较驱使用户下决定</title>
				<link>http://ucdchina.com/snap/11868</link>
				<description>&lt;p&gt;一&lt;br /&gt;阿糕给我讲了一个笑话。一个小孩考试只考了18分，然后他拿红笔添了一横，变成78，然后又在7的上面多加了半圈，变成了98。后来卷子拿给他妈妈看，他妈妈说：这么明显的改动，你以为我会看不出来你其实考了78分吗？&lt;/p&gt;
 
&lt;p&gt;二&lt;br /&gt;阿糕给我讲了一个故事。卖饼的摊子上面写：3元一个，10元三个，顾客单买一个，又单买一个，再单买一个。&lt;/p&gt;
 
&lt;p&gt;三&lt;br /&gt;我一直很喜欢喝立顿，所以我一直对立顿绿茶的定价很在意：立顿绿茶两盒1联装总价比一盒2联装便宜，4联装大盒最便宜。&lt;/p&gt;
 
&lt;p&gt;四&lt;br /&gt;关于《经济学人》的经典定价案例，可能大家都比较熟知。&lt;br /&gt;第一种情况，括号内是购买人数百分比：&amp;nbsp;&lt;br /&gt;A 电子版 59美元 (16％)&amp;nbsp;&lt;br /&gt;B 印刷版 125美元 (0％)&lt;br /&gt;C 印刷版加电子版套餐 125美元 (84％)&amp;nbsp;&lt;br /&gt;根据以上数据，B没有销量，可以去掉，变成第二种情况。&lt;/p&gt;
 
&lt;p&gt;第二种情况：&amp;nbsp;&lt;br /&gt;A 电子版 59美元 (68％)&amp;nbsp;&lt;br /&gt;C 印刷版加电子版套餐 125美元(32％)&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;人们习惯在做选择的时候做对比，对比会影响他们的判断。&amp;nbsp;&lt;br /&gt;如果你能设计出一个故意让用户识破的破绽，用户会忘记初始预算，自以为捡了便宜反而花费更多。&lt;/p&gt;
 
&lt;p&gt;App Store的冰点价格很可能会促使你购买一些有意向，但不是很强的应用。QQ梦想城内置虚拟货币定价的策略，虽然没有故意卖破绽的设计，但是比较下来自然是买的越多越便宜。&lt;br /&gt;&lt;img src=&quot;http://filer.blogbus.com/1018184/1018184_1336998025q.jpg&quot; alt=&quot;&quot; /&gt;&lt;br /&gt;&lt;br /&gt;在网游中，我们也常常见到这样的定价。假如玩家觉得购买90天期限的道具比3个30天划算，就很有可能在进一步，一冲动去买无限期的道具，因为时限差很多但价格没差很多。&lt;br /&gt;&lt;img src=&quot;http://filer.blogbus.com/1018184/1018184_1336998006e.jpg&quot; alt=&quot;&quot; width=&quot;490&quot; height=&quot;208&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;最后附上一个App Store美元转换为人民币定价的列表，很有意思。以目前的汇率（1美元=6.3097人民币）来看，低于5美元，用人民币支付比美元支付便宜，高于5美元则相反。&lt;br /&gt;&lt;img src=&quot;http://filer.blogbus.com/1018184/1018184_1336998014j.jpg&quot; alt=&quot;&quot; /&gt;&lt;br /&gt;&lt;br /&gt;大部分笔记发布在&lt;a href=&quot;http://site.douban.com/129440/room/1125389/&quot; target=&quot;_blank&quot;&gt;豆瓣小站&lt;/a&gt;，欢迎访问&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://gotitea.blogbus.com/logs/213002123.html&quot; target=&quot;_blank&quot;&gt;http://gotitea.blogbus.com/logs/213002123.html&lt;/a&gt;&lt;/p&gt;</description>
				<author>云透</author>
				<pubdate>2012-05-15 11:26:40</pubdate>
			</item>			<item>
				<title>心理学报告丶不可思议之日常</title>
				<link>http://ucdchina.com/snap/11867</link>
				<description>&lt;p&gt;&lt;span style=&quot;color: #999999;&quot;&gt;你走路的方式会透露出你的哪些性格？&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#999999&quot;&gt;为什么有些人竟然会回忆起不曾发生过的事情？&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#999999&quot;&gt;夏天出生的人和冬天出生的人谁运气更好？&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#999999&quot;&gt;真心的笑容和虚假的笑容都打着哪些难以掩饰的烙印？&amp;hellip;&amp;hellip;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#999999&quot;&gt;原文访问：&lt;a href=&quot;http://jiangdaiwei.com/?p=94&quot; target=&quot;_blank&quot;&gt;娿九的博客《怪诞心理学》分享&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;首先，凭第一个感觉在你的额头上画一个&amp;ldquo;Q&amp;rdquo;,记住小尾巴的方向如下图&lt;/strong&gt;&lt;span style=&quot;color:#c0c0c0&quot;&gt;（听过分享的同学请自动忽略）&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/Q.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/Q.png&quot; alt=&quot;&quot; width=&quot;314&quot; height=&quot;140&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;h2&gt;&lt;span&gt;&lt;/span&gt;&lt;/h2&gt;
 
&lt;h2&gt;&lt;span style=&quot;color:#5f6f34&quot;&gt;_________________________________一、时间心理学___________________________________&lt;/span&gt;&lt;/h2&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;color:#808080&quot;&gt;&lt;span style=&quot;color:#333333&quot;&gt;现在都回来，我们来阅读下面这段文字：&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#999999&quot;&gt;&lt;strong&gt;&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/yinhao1.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/yinhao1.png&quot; alt=&quot;&quot; width=&quot;26&quot; height=&quot;21&quot; /&gt;&lt;/a&gt;&lt;/strong&gt;你需要别人喜欢你和欣赏你，但你通常对自己要求苛刻。虽然你在个性上的确有一些弱点，但你通常能够设法加以弥补。你在某些方面的能力并没有得到充分的发挥，所以还未能变成你的优势。从外表来看，你是一个讲求自律和自制的人，但内心却常常焦虑不安。有时候，你会强烈地怀疑自己是不是做出了正确的决定或正确的事情。你倾向于让自己的生活有所改变和变得丰富多彩，在遇到约束和限制时你会感到不满。你很自豪自己是一个能够独立思考的人，如果没有令人满意的证据，你不会接受别人的观点和说法。不过，你也觉得在别人面前过于直言不讳并不是明智之举。有时候你很外向，比较容易亲近，也乐于与人交往，但有时候你却很内向，比较小心谨慎，而且沉默寡言。你有很多梦想，其中有一些看起来相当不切实际。&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/yinyong2.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/yinyong2.png&quot; alt=&quot;&quot; width=&quot;27&quot; height=&quot;21&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;实验这里就不做了，简单说一下，曾经一个美国的教授在让自己的学生做了心里测试之后发给学生每人一样的性格描述后，百分80的学生在给准确性上打了满分，最低的也不低于3分（满分5分）。然而在教授告诉学生实情之后，学生在打分，就大部分只有1分2分了。&lt;/p&gt;
 
&lt;p&gt;出生时的星象位置并不会对一个人的个性产生什么魔法效应。然后，的确有那么一些人，由于对占星学中的星座和性格之间的关系非常熟悉，竟然真的就变成了具有某种星座特质的人。&lt;/p&gt;
 
&lt;p&gt;理学家伯特伦&amp;middot;福勒于1948年通过试验证明的一种心理学现象, 人们常常认为一种笼统的、一般性的人格描述十分准确地揭示了自己的特点，心理学上将这种倾向称为&lt;strong&gt;&lt;span style=&quot;color:#993300&quot;&gt;&amp;ldquo;巴纳姆效应&amp;rdquo;。&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#888888&quot;&gt;天生幸运儿&lt;/span&gt;&lt;/h3&gt;
 
&lt;p&gt;&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/luck.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/luck.png&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;这是作者对40W志愿者做的一个调查成果，夏天出生的人比冬天出生的人更觉得幸运的比较多，关于这点原因的分析，可能是因为冬天的环境比较恶劣，所以父母相对比较保护婴孩，也就导致了独立性以及发现新事物的比例相对夏天出生的孩子要少，但是有一点毋庸置疑，幸运的人一定是性格外向，容易接受新的机遇。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h2&gt;&lt;span style=&quot;color:#494c6f&quot;&gt;______________________________二、撒谎和欺骗心理学__________________________________&lt;/span&gt;&lt;/h2&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#999999&quot;&gt;泛美式微笑&lt;/span&gt;&lt;/h3&gt;
 
&lt;p&gt;&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/yinhao1.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/yinhao1.png&quot; alt=&quot;&quot; width=&quot;26&quot; height=&quot;21&quot; /&gt;&lt;/a&gt;&lt;span style=&quot;color:#999999&quot;&gt;1852年，一位年轻的法国艺术家从巴黎一家宾馆的四层窗口纵身跃下，并留下一封遗书：多年来，她得微笑把我折磨得几近绝望，现在我宁愿选择结束生命&lt;/span&gt;&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/yinyong2.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/yinyong2.png&quot; alt=&quot;&quot; width=&quot;27&quot; height=&quot;21&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;这个笑容大家应该第一反应就能知道，她是蒙娜丽莎的微笑&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/smile1.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/smile1.png&quot; alt=&quot;&quot; width=&quot;200&quot; height=&quot;252&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;500年来，人们一直对《蒙娜丽莎》神秘的微笑莫衷一是。不同的观者或在不同的时间去看，感受似乎都不同。有时觉得她笑得舒畅温柔，有时又显得严肃，有时像是略含哀伤，有时甚至显出讥嘲和揶揄。在一幅画中，光线的变化不能像在雕塑中产生那样大的差别。但在蒙娜丽莎的脸上，微暗的阴影时隐时现，为她的双眼与唇部披上了一层面纱。而人的笑容主要表现在眼角和嘴角上，达 &amp;middot;芬奇却偏把这些部位画得若隐若现，没有明确的界线，因此才会有这令人捉摸不定的&amp;ldquo;神秘的微笑&amp;rdquo;。&amp;nbsp;人们同样也把这种并不那么真实的微笑称为&lt;strong&gt;泛美式微笑。&lt;/strong&gt;&lt;/p&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#999999&quot;&gt;杜胥内微笑&lt;/span&gt;&lt;/h3&gt;
 
&lt;p&gt;&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/smile2.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/smile2.png&quot; alt=&quot;&quot; width=&quot;200&quot; height=&quot;252&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;心理学家保罗&amp;middot;艾克曼说，只有能活动到特定肌肉的微笑，才是能感受到幸福的&amp;ldquo;真正的微笑&amp;rdquo;。他一共发现了19种微笑，而其中18种是假笑。而那种让我们确实感到幸福和快乐的微笑是：嘴角上翘，双眼稍微靠近，眼角起了皱纹，眼睛下面的脸颊上浮现的，是真正的微笑，它被命名为&amp;ldquo;杜胥内微笑&amp;rdquo;。对比上图中眼角皱纹的变化，判断哪一个是发自内心的微笑。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#888888&quot;&gt;记忆可塑性&lt;/span&gt;&lt;/h3&gt;
 
&lt;p&gt;人类记忆的可塑性要比我们所能够想象的更为惊人。一旦某位权威人士指出我们有过某种经历，多数人都会觉得很难否认，随后就会用设想填补记忆中的空缺。经过一段时间之后，事实和虚构情节之间的界限就变得难以区分了，于是我们开始相信谎言。这种效果的力量是如此强大，以至于有时候我们并不需要权威的声音也能够愚弄自己。有时候，我们甚至完全有能力把自己骗得团团转。暗示的欺骗效果并不仅仅会让世界上的领导人把虚构的故事当作事实。职业骗子（或者魔术师）也会使用同样的技巧，并以此让人们相信他们曾经历过不可能发生的事情。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h2&gt;&lt;span style=&quot;color:#466367&quot;&gt;_______________________________三、灵异心理学_____________________________________&lt;/span&gt;&lt;/h2&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#999999&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/h3&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#999999&quot;&gt;回文&lt;/span&gt;&lt;/h3&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#999999&quot;&gt;&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/yinhao1.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/yinhao1.png&quot; alt=&quot;&quot; width=&quot;26&quot; height=&quot;21&quot; /&gt;&lt;/a&gt;O，Draconian devil！（啊，严酷的魔王！）&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#999999&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Oh，Lame Saint！（噢，瘸腿的圣徒！）&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#999999&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;重新排列就变成了：&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#999999&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;Leonardo da Vinci！（列昂纳多。达。芬奇！）&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#999999&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;The Mona Lisa！（蒙娜丽莎！）&lt;/span&gt;&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/yinyong2.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/yinyong2.png&quot; alt=&quot;&quot; width=&quot;27&quot; height=&quot;21&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#c0c0c0&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;（以上片段取自书本《达芬奇密码》）&lt;/span&gt;&lt;/p&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#999999&quot;&gt;巧合&lt;/span&gt;&lt;/h3&gt;
 
&lt;p&gt;英国每天都有上百起巧合时间发生，曾经有一个球迷在球场上狂欢时候，随手抓了一张从天空中飘下的碎纸片，纸片上印的正式这位球迷自己家的电话号码。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h2&gt;&lt;span style=&quot;color:#805937&quot;&gt;_________________________________四、幽默心理学___________________________________&lt;/span&gt;&lt;/h2&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#999999&quot;&gt;大脑半球与幽默&lt;/span&gt;&lt;/h3&gt;
 
&lt;p&gt;在拥挤的广场上，一名男子走到一位妇人旁边问：&amp;ldquo;抱歉，你看到这附近哪里有警察吗？&amp;rdquo; &amp;ldquo;对不起&amp;rdquo;，这位妇人说：&amp;ldquo;我找了好久也没有看到一个警察。&amp;rdquo;&lt;/p&gt;
 
&lt;p&gt;可能的笑点：&lt;/p&gt;
 
&lt;p&gt;1．那么好吧，你可以把自己的手表和项链叫出来吗？&lt;/p&gt;
 
&lt;p&gt;2．哦，没关系，我都找了半个小时了，连个警察的影子也没看见&lt;/p&gt;
 
&lt;p&gt;3．棒球是我最喜欢的运动&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;你选哪个作为笑点，一般情况下，大部分的同学都会选1对不对，请问&lt;span style=&quot;color:#993300&quot;&gt;&lt;strong&gt;有没有同学觉得3是最好笑的笑点？&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;-&lt;/p&gt;
 
&lt;p&gt;-&lt;/p&gt;
 
&lt;p&gt;-&lt;/p&gt;
 
&lt;p&gt;-&lt;/p&gt;
 
&lt;p&gt;-&lt;/p&gt;
 
&lt;p&gt;-&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#999999&quot;&gt;选3的同学，据实验论证的各位学者称是因为：&lt;strong&gt;大脑右半球受损&lt;/strong&gt;，所以觉得3是最有笑点的。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h2&gt;&lt;span style=&quot;color:#2e6674&quot;&gt;_________________________________五、决策心理学___________________________________&lt;/span&gt;&lt;/h2&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#999999&quot;&gt;小费的多少取决于？&lt;/span&gt;&lt;/h3&gt;
 
&lt;p&gt;服务态度，店家质量，地理环境，天气等是一些客观事物对当事人影响的因素，有时候有些行为细节，会是一些决定性的因素，例如：在客人吃饭结账时候，递过账单时候手微微轻触这样的细微接触会使小费加倍，这是经过怪诞心理学这本书的作者和伙伴们经过多次试验论证的结论。&lt;/p&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#999999&quot;&gt;消费打折&lt;/span&gt;&lt;/h3&gt;
 
&lt;p&gt;原价20英镑的计算器，售货员告诉你明天将会打折售价5英镑，你会选择今天买还是明天买？在换一个，售价999英镑的电脑，售货员同样告诉你，明天会便宜15英镑，你会选择今天买还是明天买？大部分的人在第一个计算器的选择上都会是明天来买，而电脑，大部分的人不会特地等到明天在来买，同样是便宜了15英镑，为什么会有不同的方式对待这两次购买行为？大多数人在购物并不是以绝对值来计算到底可以省下多少钱，而是以能够节省的金额在支出总额中所占的比例来衡量。&lt;/p&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#888888&quot;&gt;潜意识决定&lt;/span&gt;&lt;/h3&gt;
 
&lt;p&gt;在很多实验中都表明，潜意识可以决定购买行为，工作者们在电影中加入了可口可乐和爆米花的信息，这些信息展现的时间在千分之一秒左右，分别插入在不同的画面之间，事实上，观看电影的人并没有特别的感受，但是却导致这家电影院的爆米花和可乐的销量增加了一倍。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h2&gt;&lt;span style=&quot;color:#683d31&quot;&gt;_________________________________六、自私心理学___________________________________&lt;/span&gt;&lt;/h2&gt;
 
&lt;p&gt;比较社会上人们最信任和最不信任的两类人在诚实度上的差异，这两类人分别是牧师和二手车商。最近的盖洛普民意调查结果显示，59％的人认为神职人员是诚实的，但只有50％的人觉得汽车销售员比较诚实。那么这种观念能够反映现实中诚实度的真实情况吗?为了找出问题的答案，研究团队成立了一家虚假的室内装饰公司，公司的名称就是&amp;ldquo;诚信&amp;rdquo;，他们从新成立的公司给一群牧师和二手车商寄了一封信，感谢他们最近购买公司的产品，并随信附上了一张10英镑的支票作为返款。所有收到信的人都应该很清楚他们并没有从这家公司买过任何东西，但其中会有多少人不诚实地把这张支票兑现呢?结果证明两组人的表现没有太大的区别，大约50％的牧师和50％的二手车商都将拿到的支票兑现了。&lt;/p&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#888888&quot;&gt;城市生活节奏&lt;/span&gt;&lt;/h3&gt;
 
&lt;p&gt;实验者们造访了23个国家的首都，丢了400多支钢笔，戴了500多次假腿支架，并丢了大约800个信封。丢信封技巧被证明在各种文化中都会是一场噩梦。在特拉维夫，放在地上或汽车挡风玻璃上的包裹和信封往往会被当成炸弹，因此所有人都会远离这些东西。在萨尔瓦多，这些信封会引起人们的怀疑，因为它们跟一种著名的诈骗伎俩有关。如果有人捡起了信封，就会发现自己身边站着一个人，后者会说信封是他的，而且信封里放着一些现金。但现在信封里的钱却不见了，所以他们要求捡信封的人把他们辛苦挣来的钱还给他们。有些国家根本就没有邮筒，或者就像阿尔巴尼亚一样，没有可以信赖的邮政系统。不过，尽管面临重重困难，研究人员还是坚持下来了，并最终绘出了国际助人为乐排行榜。&lt;/p&gt;
 
&lt;p&gt;研究结果对于拉丁美洲人来说的确是个好消息，里约热内卢(巴西)和圣何塞(哥斯达黎加)排在了最乐于助人城市的前两位。位居第三的是非洲的利隆圭(马拉维)。排在倒数前三名的分别是新加坡(新加坡)、纽约(美国)和吉隆坡(马来西亚)。不同地区在助人为乐上的差异程度还不是一星半点。在里约热内卢和利隆圭，大街上的每一个&amp;ldquo;盲人&amp;rdquo;实验者都得到了帮助，然而，他们在新加坡和吉隆坡成功得到帮助的比例竟然只有50％。在圣何塞，95％的人都会帮装有假腿支架的实验者捡起掉在地上的杂志，但在纽约却只有28％的人愿意伸出援手。&lt;/p&gt;
 
&lt;p&gt;对美国城市里助人为乐的情况做了进一步的深入分析后，莱文和他的同事们发现，人口的密集程度是预测助人为乐程度的最佳指标。人口密度越大，助人为乐的程度就越低，这又是为什么呢?依据米尔格兰姆的理论，在人口众多的城市里，人们会更有更多的&amp;ldquo;感觉超负荷&amp;rdquo;经历。来自他人、手机、交通和广告的各种信息一直在对人们狂轰乱炸。结果他们就只能和所有需要处理大量信息的系统一样工作，那就是给所有的信息排列优先顺序，花最少的时间应付各种分散其注意力的琐事。米尔格兰姆认为，正因如此，人们才会从需要帮助的人身边径直走过去，从而把帮助这些人的责任推到了别人身上。所有这一切导致了一种自相矛盾的现象：某一个空间里的人越多，人们的孤独和孤立感就会越强烈。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h2&gt;&lt;span style=&quot;color:#888888&quot;&gt;_____________________________________小结语______________________________________&lt;/span&gt;&lt;/h2&gt;
 
&lt;p&gt;&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/book.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/book.png&quot; alt=&quot;&quot; width=&quot;200&quot; height=&quot;285&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;《怪诞心理学》这本书主要讲了6种心理学情况，时间心理，撒谎与欺骗心理，灵异心理，幽默心理，决策心理，自私心理，所举的例子互相之间都有从属关系，列如幽默心理中，对金发女郎的嘲笑笑话也是一种撒谎与欺骗心理等等&amp;hellip;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#808080&quot;&gt;&lt;strong&gt;在文章最开头的一个小实验，还记得那个小&amp;ldquo;Q&amp;rdquo;吗？现在公布结果：&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;Q的小尾巴，如果画好之后是左图，那就说明你比较在意别人眼中的你，行为决定也比较容易受人影响;右图，说明你比较独乐乐，并且相对而言，你比较自私一点。&lt;/p&gt;
 
&lt;p&gt;有一个实验者在研究微笑的过程中有这么一段描述，打保龄球的选手，在投出满分后，有些人在转身前微笑，而有些人在转身后才对着朋友或者观众微笑，那牵着就是独乐乐人群，后者是比较在意别人眼中的自己了。。。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h3&gt;&lt;span style=&quot;color:#808000&quot;&gt;分享资料下载：&lt;span style=&quot;color:#c0c0c0&quot;&gt;（等待图片加载完成后另存为，可打印）&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;
 
&lt;p&gt;&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/%E5%B9%B8%E8%BF%90%E5%84%BF%E6%B5%8B%E8%AF%95%E6%8A%A5%E7%BA%B8.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/%E5%B9%B8%E8%BF%90%E5%84%BF%E6%B5%8B%E8%AF%95%E6%8A%A5%E7%BA%B8-150x150.jpg&quot; alt=&quot;&quot; width=&quot;150&quot; height=&quot;150&quot; /&gt;&lt;/a&gt;&amp;nbsp; &amp;nbsp;&lt;a href=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/%E5%B9%B8%E8%BF%90%E5%84%BF%E6%B5%8B%E8%AF%95%E6%8A%A5%E7%BA%B82.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.aliued.cn/wp-content/uploads/2012/05/%E5%B9%B8%E8%BF%90%E5%84%BF%E6%B5%8B%E8%AF%95%E6%8A%A5%E7%BA%B82-150x150.jpg&quot; alt=&quot;&quot; width=&quot;150&quot; height=&quot;150&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;div style=&quot;width:425px&quot;&gt;
&lt;p&gt;&lt;strong&gt;&lt;a href=&quot;http://jiangdaiwei.com/?p=94&quot; target=&quot;_blank&quot;&gt;怪诞心理学分享完整版PPT观看&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://www.aliued.cn/2012/05/15/%e5%bf%83%e7%90%86%e5%ad%a6%e6%8a%a5%e5%91%8a%e4%b8%b6%e4%b8%8d%e5%8f%af%e6%80%9d%e8%ae%ae%e4%b9%8b%e6%97%a5%e5%b8%b8.html&quot; target=&quot;_blank&quot;&gt;http://www.aliued.cn/2012/05/15/%e5%bf%83%e7%90%86%e5%ad%a6%e6%8a%a5%e5%91%8a%e4%b8%b6%e4%b8%8d%e5%8f%af%e6%80%9d%e8%ae%ae%e4%b9%8b%e6%97%a5%e5%b8%b8.html&lt;/a&gt;&lt;/p&gt;</description>
				<author>的的</author>
				<pubdate>2012-05-15 11:25:07</pubdate>
			</item>			<item>
				<title>移动应用和网页应用对于用户分群分析的差异</title>
				<link>http://ucdchina.com/snap/11866</link>
				<description>&lt;p&gt;最近，基于用户细分的分析方法开始获得移动应用开发者更多的关注，这是由于用户细分不仅可以让运营人员更深入的理解用户的行为以及市场营销活动的效果，还可以帮助产品人员更好的理解导致这些结果产生的原因，而不像以前，大家只能够片面的给出管理层喜欢的浮华的指标。&lt;/p&gt;
 
&lt;p&gt;做运营推广的人都知道大部分市场活动并不能马上带来转化效果，大家只是模糊的认为将来某个时候这些被广告触及的客户会下载推广的应用，分享给他的好友，用户分群最大的好处就是消除这种对于效果的模糊性。&lt;/p&gt;
 
&lt;p&gt;拿社交游戏应用来举例，大部分游戏公司都采用DAU或者MAU作为KPI，这是因为对于社交游戏来说，围绕着总体用户数量/新增用户做文章，对于营收目标并没有任何意义。它们已经有一套通过真正玩游戏的活跃用户来赚钱的运营体系。大部分情况下，这些游戏本身采用免费方式，以吸引更多的玩家，而游戏公司竭尽全力的转化这些玩家为游戏付费，方式有很多：注册费用，头像，去除广告，解锁道具等等。&lt;/p&gt;
 
&lt;p&gt;正是在这种情况下，基于用户分群的断代分析方法经常被使用，断代分析在医药、社会科学、生物学等领域被广泛采用。在社交游戏领域，它用来跟踪一组利用特定的事件标识的用户，来观察他们的行为是否发生变化，用户分群的方法也可以是在特定的时间段按照相同的属性或者相同的体验来划分，如：安装后第一次启动的用户群，完成新手向导的用户群，创建账号的用户群等。而用户分群之后，分析人员通过观察这些用户群是否按照设计的动作/指标完成预想的动作。&lt;/p&gt;
 
&lt;p&gt;下图从TalkingData采样的客户分群的一个社交游戏的样例&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://blog.tenddata.com/wp-content/uploads/2012/05/image001.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;image001&quot; src=&quot;http://blog.tenddata.com/wp-content/uploads/2012/05/image001.png&quot; alt=&quot;&quot; width=&quot;553&quot; height=&quot;167&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;在这个例子中，如用户分群为3月19日开始玩游戏的那一群用户，转化标准为在游戏中完成1个关卡，接下来观察在第1，2，3，4周里，衡量标准依然是完成1个关卡。所以从3月19日开始的那一周有13.5%个用户完成1个关卡，到第2周的时候只有11%的用户回来游戏并完成了1个关卡，到第3周的时候就只有6.6%的用户完成1个关卡。分析人员马上直观的发现4月9日新增的那群用户按照断代分析的同期比较结果，相对来说用户完成关卡的比例更低，马上和相应的市场活动相关联，发现原因是4月9日新上了一个广告渠道，由于用户质量低于原有的广告渠道造成这种结果，下一步可能采取的动作就是优化投放策略。&lt;/p&gt;
 
&lt;p&gt;这是一个很好的如何利用科学的分析方法优化市场活动策略的例子，根据我们的经验这类应用一般有两种分析方法或者角度：&lt;/p&gt;
 
&lt;ul&gt;
&lt;li&gt;跟踪多个渠道 A、B、C的用户，观察他们的转化率、活跃度、留存率，不断优化市场投放策略以及成本策略。&lt;/li&gt;
 
&lt;li&gt;跟踪一个特定的用户群，如：产品某个版本的用户，看看用户的转化率和历史版本进行比较，虚拟物品的购买数量/比例、虚拟物品的重复购买率等。&lt;/li&gt;
 
&lt;/ul&gt;
&lt;p&gt;顺便提一下，前些天正好和几个做网站分析的同行交流到，传统的网站分析对于这种显式的用户分群分析还是有一定困难的，如果用户删除了cookie或者你无法持续追踪某个用户分群，数据就会变得很&amp;ldquo;脏&amp;rdquo;，所以就需要利用注册、登录等方法来绑定用户信息。这正是移动应用分析的特点，数据相对精准而且追踪的是活生生的&amp;ldquo;人&amp;rdquo;而不是冷冰冰的&amp;ldquo;页面&amp;rdquo;。&lt;/p&gt;
 
&lt;p&gt;接下来我们可以看一下在web分析中的用户分群中类似的实现。&lt;/p&gt;
 
&lt;p&gt;Google Analytics提供类似的高级功能，报表也很漂亮但是和移动分析还是有很大差别：&lt;/p&gt;
 
&lt;p&gt;这是一张随机时段的流量报告，我想来比较一下不同来源的新访客流量，并基于此观察这些客户回访的情况，你可以比较结果，两个不同的分群提供不同的结果。这样你很容易看出那个来源的回访客户更宝贵，它的转化率，AdSense的相应率以及eCPM也更好&lt;img title=&quot;image002&quot; src=&quot;http://blog.tenddata.com/wp-content/uploads/2012/05/image002.png&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;76&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;img title=&quot;image003&quot; src=&quot;http://blog.tenddata.com/wp-content/uploads/2012/05/image003.png&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;73&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;不管是移动分析还是网页分析，对于广大数据分析人员来说，分析的思想其实都是相通的，都需要设定业务目标，利用用户分群，专注目标转化。而经常学习相关产品，借鉴不同的方法是提高分析能力的捷径。&lt;/p&gt;
 
&lt;p&gt;By &lt;a href=&quot;http://weibo.com/datagrid?topnav=1&amp;amp;wvr=3.6&amp;amp;topsug=1&quot; target=&quot;_blank&quot;&gt;Leo Cui&lt;/a&gt;&lt;/p&gt;
 
&lt;div style=&quot;float:left&quot;&gt;&lt;/div&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://blog.tenddata.com/?p=136&quot; target=&quot;_blank&quot;&gt;http://blog.tenddata.com/?p=136&lt;/a&gt;&lt;/p&gt;</description>
				<author>woody</author>
				<pubdate>2012-05-15 11:22:33</pubdate>
			</item>			<item>
				<title>iOS Wow体验 - 利用iOS技术特性打造最佳体验</title>
				<link>http://ucdchina.com/snap/11857</link>
				<description>&lt;div&gt;本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第五章译文精选，其余章节将陆续放出。上一篇：&lt;a href=&quot;http://beforweb.com/node/80&quot; target=&quot;_blank&quot;&gt;Wow体验 - 第四章 - 为应用的上下文环境而设计&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;p&gt;关于本套译文分享的详情及目录结构，请参考&lt;a href=&quot;http://beforweb.com/node/58&quot; target=&quot;_blank&quot;&gt;iOS Wow体验 - 译文分享说明&lt;/a&gt;。&lt;/p&gt;
&lt;p&gt;全文由&lt;a href=&quot;http://weibo.com/c7210&quot; target=&quot;_blank&quot;&gt;C7210&lt;/a&gt;自发翻译(编译)，并首发于&lt;a href=&quot;http://beforweb.com&quot; target=&quot;_blank&quot;&gt;Beforweb.com&lt;/a&gt;，如需转载，请注明译者及出处信息。英文原书版权由Apress所有，中文引进版的版权由相关出版社所有。&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;iOS是设计师们得以施展技能的绝佳舞台。同时，苹果也向开发者们提供了一系列专业化的技术方法，帮助他们从容应对各种复杂的设计方案所带来的挑战。&lt;/p&gt;
&lt;p&gt;伴随着技术的革新与发展，越来越多的交互体验模式正在孕育而生。设计师的创作思路得以扩展，技术开发人员也拥有了更多高效的方法和工具来准确的实现设计方案。设计与开发之间的障碍正在被各种新技术不断的突破，项目中一些职能角色的性质也在发生着变化，越来越多的设计师超越了相对传统的专职领域，开始直接进行开发方面的工作&lt;a href=&quot;http://beforweb.com&quot; target=&quot;_blank&quot;&gt;。&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;对于团队来说，那些同时掌握着设计与开发技能的人员是非常有价值的。我们所说的这种&amp;ldquo;掌握&amp;rdquo;不单单是指对于技术概念或术语有基本程度的了解，更重要的是，设计师需要对开发技术在各方面的特性及优缺点做到心中有数，并能针对这些特性来创造最合理的设计方案。&lt;/p&gt;
&lt;p&gt;当然，要设计人员或团队完全精通某种开发技能，并且在相关平台中有过大量实战经验，这是不现实的，也没有必要。不过，如果设计师曾经切身实践过开发方面的工作，或是参加过相关的内部培训，那么这些经历通常可以有效地帮助他们打造出更具可行性的设计方案。另外一方面，不妨向更加专业的技术人员进行请教，让他们帮忙找出那些有可能对设计方案的实现与还原造成影响的潜在因素。&lt;/p&gt;
&lt;p&gt;接下来，我们将一同了解一些在iOS当中负责实现各种视觉交互表现形式的核心技术，并对它们各自的功能进行分析。这些技术知识会帮助你对设计方案的可行性及相关的开发方式做到心中有数。&lt;/p&gt;
&lt;p&gt;除此之外，我们还将了解一些其他方面的话题，包括界面外观的自定义、通用型应用、原生应用与Web应用的差异等。&lt;/p&gt;
&lt;h3&gt;关键性的图形技术&lt;/h3&gt;
 
&lt;p&gt;作为设计人员，你需要对四种关键性的图形技术有所了解。它们可以被分为两大类，第一类是用于支持iOS本地渲染的苹果专有技术，而第二类涉及到OpenGL，这种第三方技术可以有效地利用硬件加速功能渲染复杂的图形。怎样从设计的角度来理解这些概念呢？简单的说，第一类技术用于打造用户界面及相关交互元素的视觉表现形式，而与OpenGL相关的第二类技术的主要作用，则是在游戏或类似的上下文环境中对各种极端复杂的图形和动画效果进行即时渲染。&lt;/p&gt;
&lt;p&gt;需要注意的一点是，这些技术虽然各司其职，但并非只能专门用作各自的上下文领域。通过对这些技术的作用加以理解，你就可以对设计方案的实现方式做到心知肚明。特别是当你正在尝试一些独特的交互形式的时候，对于相关实现技术的了解就显得尤为重要了。&lt;/p&gt;
&lt;h4&gt;UIKit&lt;/h4&gt;
 
&lt;p&gt;UIkit是用来打造iOS应用的最重要的图形技术框架，它提供了用于构造触屏设备用户界面的全部工具和资源，并在整个交互体验的塑造过程中扮演着至关重要的角色。&lt;/p&gt;
&lt;p&gt;设计方案中的绝大部分内容都需要通过UIKit来实现，因为用户在iOS中所接触到的任何一种用户界面控件都由它来负责定义和输出，包括基本的按钮、滑块、文本域、切换开关等。除了这些标准控件之外，UIKit还提供了很多方法来帮助我们对控件的外观进行自定义。所以在界面元素的视觉表现形式上，我们不必受制于各种控件的默认样式。外观自定义工作还会涉及到我们将要在后文中了解到的其他图形技术，但是相关的解决方案都是由UIKit在整体上控制的。&lt;/p&gt;
&lt;p&gt;除了能够使用你所指定的图形文件(例如PNG图片)对界面控件的外观进行自定义之外，UIKit还能够程序化的渲染图形对象，换句话说，它可以按照我们设定好的规则来绘制图形。UIKit在这方面的能力与一些常见的矢量图形绘制技术很相似。在类似的方法中，我们通常需要定义最基础的几何图形或路径，然后为这些路径赋予具体的视觉属性，以实现设计中的目标样式。不过有一点需要提醒一下：这种程序化的绘图方式确实可以对生产效率起到一定的提升作用，然而另外一方面，你却需要花费更多的时间与精力去跟进到接下来开发流程当中，以确保技术人员所定义的图形属性可以精确的还原你的设计方案。在实际项目中，最好能够在开发流程之前与相关的技术人员一同对设计方案中的每一个细节进行充分的评估，确定一套最合理的图形技术方案。&lt;/p&gt;
&lt;p&gt;&lt;a rel=&quot;lightbox&quot; href=&quot;http://beforweb.com/sites/default/files/images/201205/uikit_classes.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img style=&quot;width:300px;height:352px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/uikit_classes.jpg&quot; alt=&quot;uikit_classes&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h4&gt;核心图形 (Core Graphics)&lt;/h4&gt;
 
&lt;p&gt;核心图形是用来实现用户界面视觉设计方案的重要技术框架。这套框架的核心是名为Quartz 2D的二维图形渲染引擎，它不仅可以动态地渲染很多不同种类的图形，而且还可以使应用具有创建和编辑图像的能力。&lt;/p&gt;
&lt;p&gt;你可以将核心图形理解成一种能够帮助你扩展产品功能的技术框架。相比于UIKit，它更擅长于处理那些较为复杂的图形；不过在必要的时候，也可以用来对普通用户界面元素进行渲染。相比之下，UIKit在界面外观自定义方面的支持能力更强。所以，只有当设计方案涉及到相对复杂的图形变换、队列处理和即时合成等方面的需求时，核心图形技术框架才能真正体现出它的优势与价值。&lt;/p&gt;
&lt;h4&gt;核心动画(Core Animation)&lt;/h4&gt;
 
&lt;p&gt;核心动画向开发者们提供了一套用于创建和渲染动态交互效果的简单易行的解决方案。换句话说，这项技术可以让你的设计方案真正动起来。通过与UIKit的紧密配合，核心动画可以将界面交互对象与动画过渡效果进行完美地整合。&lt;/p&gt;
&lt;p&gt;作为一种强大的技术工具，核心动画的能力范围是非常广泛的，它能使开发者在很多不同的层面上创建并控制交互对象的动画属性，而这对于设计师来说，则意味着能够实现的独特而高度定制化的动画效果的可能性几乎是无限的。&lt;/p&gt;
&lt;h4&gt;OpenGL ES&lt;/h4&gt;
 
&lt;p&gt;OpenGL ES与前面几项技术有所不同，它并非苹果所创造并独有的。OpenGL ES是面向嵌入式设备的OpenGL 3D图形应用程序接口(API)，它必须与核心动画协同配合，完成2D或3D图形内容的渲染输出。&lt;/p&gt;
&lt;p&gt;OpenGL ES可以通过硬件加速功能来渲染那些极端复杂的图形，所以这项技术通常被用来在游戏当中绘制那些需要进行即时渲染的3D图形。不过它的能力不限于此，通过与我们在前面了解到的那些技术的整合，它同样可以被用来渲染普通的元素，甚至还能以全3D的方式打造整个应用的界面环境。&lt;/p&gt;
&lt;p&gt;是否有必要在应用的开发中使用这项技术，最终还是取决于设计方案所要求的视觉表现形式。对于那些没有必要通过硬件加速功能来即时快速渲染的2D或3D图形，其他技术同样可以胜任。不过，如果你希望借助强大而复杂的技术工具对那些具有实验性质的视觉交互形式进行探索和挖掘，那么OpenGL ES的强大能力将不会让你失望。&lt;/p&gt;
&lt;p&gt;&lt;img style=&quot;width:300px;height:115px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/logo-opengl-es.png&quot; alt=&quot;logo-opengl-es&quot; /&gt;&lt;/p&gt;
&lt;h3&gt;界面外观的自定义&lt;/h3&gt;
 
&lt;p&gt;究竟有没有必要对应用的界面外观进行自定义？在打造设计方案的时候，我们通常会在这个问题上产生纠结。特别是在苹果刚刚推出应用商店的时候，这个问题显得尤其普遍与突出。为了能够尽快地将应用发布出去，以占领市场先机，产品决策者们宁愿放弃掉很多至关重要的设计流程，以达到压缩产品开发进度的目的。如今，从整个应用市场的角度来说，这种局面有所改善，人们再也不能忽视设计的重要性了，但是对于一些刚刚试水iOS应用的团队来说，类似的问题依然存在。&lt;/p&gt;
&lt;p&gt;很多公司和产品团队总是无法意识到高度定制化的界面外观对于一款应用产品的重要价值。其实道理很简单，如果只使用SDK(开发工具包)提供的默认控件来构筑用户界面，你的应用就会完全处于iOS原生的视觉识别体系当中，在用户体验方面也无法超越苹果制定的范围框架。虽然从本质上讲，这并不是一件坏事，但这种方式显然无法将具有品牌特色的用户体验效应整合到产品当中；无论是视觉表现形式还是交互方式，都难以满足用户对于差异化的渴望。&lt;/p&gt;
&lt;p&gt;抛开产品策略方面的因素，界面外观的自定义工作在技术层面不存在任何障碍。正如我们在前文中看到的，苹果在这方面有针对性的为开发者们提供了很多强大的图形技术。从某种程度上说，这项工作本应该成为整个设计开发流程中的一个重要且必要的组成部分。&lt;/p&gt;
&lt;p&gt;&lt;img style=&quot;width:250px;height:236px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/ios-iphone-UI-Appearance-Customization.jpg&quot; alt=&quot;ios-iphone-UI-Appearance-Customization&quot; /&gt;&lt;/p&gt;
&lt;p&gt;有一点需要说明的是，界面外观自定义的设计原则并非是泾渭分明的，实际上你确实不需要对所有的界面组成要素都进行定制化的处理，在很多情况下，使用SDK提供的原生控件反而更加合理。作为设计师，你要做的就是处理好原生控件与自定义样式之间的关系，将它们协调的整合在一起，确保用户不会对这两类元素产生彼此孤立与分化的感知。&lt;/p&gt;
&lt;p&gt;除了使用新的图形样式对各种常规界面元素的外观进行自定义之外，你还可以创造出全新类型的的界面交互对象，并为它们赋予独特的交互方式。不过，对于这种明显超出了&amp;ldquo;换肤&amp;rdquo;范畴的做法，苹果在用户界面设计规范当中所体现出的态度并不是具有鼓励性的，因为全新类型的交互对象会对用户的认知造成很大的障碍。作为规范，持有相对谨慎的态度是合乎情理的，不过这种具有极高创新性质的做法究竟能否成功，在很大程度上还取决于设计方案本身。过于隐晦的表现形式必然会使用户产生迷惑与挫败的感觉，无论它看上去有多酷；而简单直白、易于理解的方案则具有相当高的可行性。&lt;/p&gt;
&lt;h3&gt;通用型应用&lt;/h3&gt;
 
&lt;p&gt;在过去的几年中，iOS设备种类及规格的扩大发展为应用设计师与开发者带来了不少挑战。从前，我们只需要为一种设备规格打造设计方案；随着iPad的到来，事情开始变得复杂起来，我们必须针对新设备的特性考虑另外一个版本的设计方案。而开发团队也面临着同样的问题，他们必须同时开发和维护两个版本的应用，工作量几乎翻倍。&lt;/p&gt;
&lt;p&gt;不久之前，通用型应用的概念出现在了应用商店当中，这种应用可以运行在任何类型的iOS设备当中。它会自动判断当前的设备环境，并在用户体验形式上作出相应的调整，例如可以通过不同的方式对用户界面进行渲染，在功能方面也会根据当前平台的具体情况发生相应的改变。&lt;/p&gt;
&lt;p&gt;对技术开发人员来说，通用型应用是个好消息，它可以避免不同版本所带来的重复性工作，极大地提高开发流程的生产效率。不过站在设计师的角度，你仍然需要准确的把握不同设备在用户行为及体验模式上的差异，确保设计方案可以适用于它们各自的系统平台。而这种方式带来的进步也是显而易见的。在必须针对不同设备打造两个独立版本的情况下，你需要对已有的一套设计方案进行改造，在界面元素和交互形式等方面进行全方位的调整，以适应新的设备平台，这必然会导致两个版本的应用在界面外观和操作方式等方面存在显著的差异；而对于通用型应用，你可以在设计过程中预先考虑到两种设备的不同特性，并且能够在同一套设计方案中针对这些差异来定义局部样式或功能的响应式调整规则，从最大程度上确保用户体验的一致性。很多同时拥有两款设备的用户会在不同的需求情景中使用不同的设备来操作同一款应用，在这种情况下，具有高度一致性的界面外观及交互方式就显得尤为重要了。&lt;/p&gt;
&lt;p&gt;&lt;img style=&quot;width:400px;height:202px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/ios-iphone-ipad-universal-apps-s.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;
&lt;h3&gt;原生应用与Web应用&lt;/h3&gt;
 
&lt;p&gt;如今，关于是否真正有必要开发iOS原生应用的问题，行业中还存在一些争论。在当前复杂纷乱的移动市场中，除非你有足够的资源，否则为每一种设备平台都单独打造一套原生应用确实是不大现实的。在很多情况下，移动版本的网站或是Web应用都可以很好的满足需求。不过，在你着手于Web方向的解决方案之前，有一些重要的问题必须事先了解清楚。&lt;/p&gt;
&lt;p&gt;在用户体验方面，Web应用与原生应用之间的差距还是很明显的。如今，有很多&lt;a href=&quot;http://beforweb.com/node/22&quot; target=&quot;_blank&quot;&gt;前端开发技术框架&lt;/a&gt;可以帮助我们打造基于浏览器运行的Web应用。这些应用无论在界面外观还是交互方式上都与原生应用非常相似。然而，在实际的移动设备上下文环境中，它们仍然无法与原生的方式相提并论。正像我们在前文中了解到的，苹果为开发者们提供了很多强大的图形技术工具，作为设计师，我们不仅可以在设计方案中打造高度定制化的界面外观及交互效果，更重要的是，这些视觉表现形式都是在系统级别甚至硬件级别的功的支持下高性能的展现出来的。相比之下，基于浏览器运行的Web应用解决方案通常只能提供数量非常有限的交互效果，而且在性能方面更是无法与原生应用相比。所以，如果你正在考虑使用Web应用的方式来打造产品，至少要确保你的设计方案当中不会涉及到过多的视觉交互效果。&lt;/p&gt;
&lt;p&gt;其实，对于这两类应用，我们并不需要争论出一个非此即彼的结果，因为iOS允许这两种形式在同一款应用中兼容并包的存在，一款原生应用当中完全可以同时包括本地化的界面控件与基于Web的页面元素。这种混合型应用可以将两者的优势淋漓尽致地发挥出来，使其自身即能拥有原生应用高性能的表现力以及对硬件功能的访问能力，同时又具备Web应用的动态性与灵活性，并且更加易于维护。&lt;/p&gt;
&lt;p&gt;最终，对于解决方案的选择仍然取决于产品自身的功能及用户体验需求。任何关于产品实现方式的讨论都必须从这个角度出发&lt;a href=&quot;http://beforweb.com&quot; target=&quot;_blank&quot;&gt;。&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;总结&lt;/h3&gt;
 
&lt;p&gt;苹果为开发者们提供了四种用于渲染界面对象和视觉交互效果的关键性图形技术：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt; &lt;strong&gt;UIKit&lt;/strong&gt;：用于绘制界面元素的最重要的图形技术框架，在整个交互体验的塑造过程中扮演着至关重要的角色。&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;核心图形(Core Graphics)&lt;/strong&gt;：二维图形渲染引擎, 可以动态地渲染很多不同种类的图形，并能使应用具有创建和编辑图像的能力。在必要的时候，也可以用来对普通用户界面元素进行渲染。&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;核心动画(Core Animation)&lt;/strong&gt;：可以在UIKit的配合下，为用户界面中的交互对象创建动态的视觉效果。&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;OpenGL ES&lt;/strong&gt;：面向嵌入式设备的OpenGL 3D图形应用程序接口(API)，可以通过硬件加速功能来渲染具有高性能表现的2D或3D图像。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;以这些图形技术为后盾，我们可以在设计中大胆地尝试高度定制化的用户界面外观与独特的交互表现形式，甚至可以对交互对象的视觉行为属性进行实验性的探索。&lt;/p&gt;
&lt;p&gt;通用型应用的概念可以帮助我们有效的降低开发与维护成本，将iPhone与iPad两种版本的产品需求整合到同一款应用当中。不过，作为设计师，你仍然需要准确的把握两款设备在用户行为及体验模式上的差异，确保设计方案可以适用于它们各自的系统平台。这种方式所带来的进步是，你可以在设计过程中预先考虑到两种设备的不同特性，并在同一套设计方案中针对这些差异来定义局部样式或功能的响应式调整规则，从最大程度上确保用户体验的一致性。&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;相关话题：&lt;a href=&quot;http://ucdchina.com/topic/377&quot; target=&quot;_blank&quot;&gt;iOS Wow体验&lt;/a&gt;&amp;nbsp;源地址：&lt;a href=&quot;http://beforweb.com/node/81&quot; target=&quot;_blank&quot;&gt;http://beforweb.com/node/81&lt;/a&gt;&lt;/p&gt;</description>
				<author>c7210</author>
				<pubdate>2012-05-14 09:14:39</pubdate>
			</item>			<item>
				<title>体验设计师可以改进的5个习惯</title>
				<link>http://ucdchina.com/snap/11856</link>
				<description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;周末参加了&lt;a style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #21759b; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cccccc; text-decoration: none; &quot; href=&quot;http://www.techyizu.org/events/designing_shanghai_2012/&quot;&gt;UXDAY2012&lt;/a&gt;的活动即Designing Shanghai2012，活动的过程是去中山公园观察公园里的老人，以及探访老人之家，寻找到可以设计可以帮助老人建立更好生活体验的地方。活动很精彩，在整个过程中我也发现5个体验设计师可以改进的习惯，这里我总结一些我的方法和经验，希望给大家帮助。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;&lt;a style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #21759b; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cccccc; text-decoration: none; &quot; href=&quot;http://www.tuzei8.com/wp-content/uploads/2012/05/20120400_194344.jpg&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-389&quot; style=&quot;margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; display: block; &quot; title=&quot;20120400_194344&quot; src=&quot;http://www.tuzei8.com/wp-content/uploads/2012/05/20120400_194344.jpg&quot; alt=&quot;&quot; width=&quot;800&quot; height=&quot;600&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: 19px; &quot;&gt;用户情境观察的结果是感受或结论，而不是事实&lt;/h2&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;活动第一个环节是去中山公园和老人之家观察老人的行为，回来以后我们将收集的信息展示在黑板上。我看到了诸如&amp;ldquo;消极和悲观&amp;rdquo;、&amp;ldquo;孤独&amp;rdquo;、&amp;ldquo;希望社交&amp;rdquo;、&amp;ldquo;热衷于被关注&amp;rdquo;的信息，而在我看来这些信息都不足以成为建立情境所需要的高质量的信息。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;体验设计的第一步是建立一个尽可能真实的情境，在这样的情境中才可能产生尽可能真实的问题（problem），于是一个真实的情境需要真实的素材来构建。当你说&amp;ldquo;老人们热衷于被关注&amp;rdquo;的时候，你是基于什么有这样的结论──我们需要一个真实发生的故事。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;对于&amp;ldquo;热衷于被关注&amp;rdquo;这一点，我也有类似发现，而我更多是表达一个&amp;ldquo;故事&amp;rdquo;：领头的老人会把报道他们的报纸叠成豆腐块，随时揣在口袋里，拿出来说给关注他们的年轻人看。这是一个&amp;ldquo;故事&amp;rdquo;，而不是一个&amp;ldquo;推断&amp;rdquo;。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;情境应该基于&amp;ldquo;故事&amp;rdquo;，而不应该基于一个武断的&amp;ldquo;推断&amp;rdquo;，有足够多这样真实的故事，就可以让我们的情境变得更加丰满，因此而发现的问题或机会，就会变得贴和用户的需要。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;如果可能的话，把这些小故事用草绘的形式（或照片）表达出来，贴在墙上，布置一个情境房间，在房间里进行设计。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; text-align: center; &quot;&gt;&lt;a style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #21759b; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cccccc; text-decoration: none; &quot; href=&quot;http://www.tuzei8.com/wp-content/uploads/2012/05/IMG_1898.jpg&quot;&gt;&lt;img class=&quot;aligncenter  wp-image-386&quot; style=&quot;margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; display: block; &quot; title=&quot;persona-room&quot; src=&quot;http://www.tuzei8.com/wp-content/uploads/2012/05/IMG_1898-e1336908340115-764x1024.jpg&quot; alt=&quot;&quot; width=&quot;350&quot; height=&quot;469&quot; /&gt;&lt;/a&gt;&lt;br style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot; /&gt;这是一个在参加&lt;a style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #21759b; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cccccc; text-decoration: none; &quot; href=&quot;http://www.uxaustralia.com.au/servicedesign-2012/&quot;&gt;Service Design 2012 Melbourne&lt;/a&gt;看到的案例，把所有拍摄到的&amp;ldquo;故事&amp;rdquo;贴在一个模特的周围，布置一个情境房间。&lt;/p&gt;
&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: 19px; &quot;&gt;用自己的感官感觉替代用户的感官感觉&lt;/h2&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;在老人院的时候，作为有优越生活的一群人，我们不自然地对整个环境有了一个先入为主的判断，在头脑风暴时，很多人的发现是&amp;ldquo;缺乏幸福感的环境&amp;rdquo;、&amp;ldquo;潮湿阴暗无助&amp;rdquo;、&amp;ldquo;缺乏对社交的帮助&amp;rdquo;等等。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; text-align: center; &quot;&gt;&lt;a style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #21759b; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cccccc; text-decoration: none; &quot; href=&quot;http://www.tuzei8.com/wp-content/uploads/2012/05/IMG_1959.jpg&quot;&gt;&lt;img class=&quot;aligncenter  wp-image-387&quot; style=&quot;margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; display: block; &quot; title=&quot;IMG_1959&quot; src=&quot;http://www.tuzei8.com/wp-content/uploads/2012/05/IMG_1959-e1336908628295-764x1024.jpg&quot; alt=&quot;&quot; width=&quot;350&quot; height=&quot;469&quot; /&gt;&lt;/a&gt;&lt;br style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot; /&gt;很多对环境的感官感觉是主观的结论而非基于一个真实的故事（insights）&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;也许有老人也是这么想，但是作为用户和情境的研究者，我们不能用自己的感官感受来代替使用者的感官感受，在这里，我们同样需要各种各样的故事去支持这些感官的评价。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;人对情境的感官感觉来自于对周边每次互动时的反馈。于是我们需要思考的是老人与整个环境的互动，例如：走道的扶手；洗手间的扶手；灯的开关；床；轮椅；门以及门的扶手；座椅等等，这些就是交互触点（touchpoint），对所有触点的整体体会才构成了对整体情境的评价。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;而我们作为设计师，第一次来到这个环境，对整体情境的评价只来自于视觉、嗅觉、以及与以往经历的比较，而没有亲身体会那些老人们每天都在接触的交互触点，那么我们的感官判断是不准确的。&lt;/p&gt;
&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: 19px; &quot;&gt;对现在的解决方案不敏感&lt;/h2&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;发掘用户问题最好的方法是去研究现有的解决方案，因为绝大部分情况，只要还在使用的解决方案，背后一定有一个被解决或解决不好的问题，研究他们，自然能够挖掘出真实存在的问题。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;而我观察到我们很多人的方案更多还是与老人们直接沟通，问他们有什么问题，感觉怎样，而对现有的解决方案并不敏感。并不是说这种直接沟通不重要，而在于对于现有解决方案的了解有助于理解用户当前真正的需要，有意思的是，用户大部分情况会因为习以为常而忘记他周围常用的工具到底解决什么问题。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;因为时间有限，我观察了一个老人身边现有的一些解决方案，例如，健身器材，我看到因为在户外，健身器锈迹斑斑，有一个老人来锻炼的时候，还需要另外一个人帮助她抓住有些高的把手，注意，这些都是观察结果，要做的只是忠实记录，而不是做判断；其他的解决方案还包括报警器、每日的药盒、电视机和遥控机、纱门等。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;&lt;a style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #21759b; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cccccc; text-decoration: none; &quot; href=&quot;http://www.tuzei8.com/wp-content/uploads/2012/05/20120400_195311.jpg&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-390&quot; style=&quot;margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; display: block; &quot; title=&quot;20120400_195311&quot; src=&quot;http://www.tuzei8.com/wp-content/uploads/2012/05/20120400_195311.jpg&quot; alt=&quot;&quot; width=&quot;800&quot; height=&quot;600&quot; /&gt;&lt;/a&gt;&lt;br style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot; /&gt;这些是我拍摄的部分解决方案，每个现有的解决方案背后一定有真实存在的问题正在被不同程度地解决。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;如果时间充裕，我们应该对老人周围所有用到的解决方案进行一个完整的分析，分析结果应该包含每个解决方案应该解决的问题，有什么使用困难（改进点），各个解决方案之间有没有联系（创新点）等。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;这个解决方案图谱完成之后，相信你就会对目标用户有一个完整的认识，当然，了解解决方案的最佳方式是亲自体验。&lt;/p&gt;
&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: 19px; &quot;&gt;还没想清楚为什么这样，就开始想为什么不那样&lt;/h2&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;我看到最严重的问题是对解决方案的痴迷。在我看来，有创造力的含义是发现和定义一个用户真实存在问题，甚至不是解决了这个问题──发现和定义问题是一切设计的核心，当你发现了问题，最有本事的事情是用一个现有的东西去解决而非重新创造。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;这种痴迷体现在还没想清楚为什么是现在这个样子，就开始想为什么不那样。当我们谈老人院的时候，在我们还没有想清楚，这个我们看来&amp;ldquo;阴暗无助充满社交阻隔的地方&amp;rdquo;为什么是现在的样子前，我们马上就开始思考如何把这个地方变得&amp;ldquo;幸福活力阳光充满欢乐&amp;rdquo;。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;这件事的核心在于还没确定这是个问题就开始尝试解决问题，那么在我看来，这是承担巨大假设风险的。在进入解决方案的讨论前，应该明确的是两个问题：一是这是不是一个问题？二这个问题是不是我们应该最先解决的？如果这两个问题没有被很好的回答，除非运气极好，最后的结果无非是解决了个根本不是问题的问题，或者解决了不该现在解决的问题。&lt;/p&gt;
&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: 19px; &quot;&gt;不愿意做小&lt;/h2&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;很多人热衷于颠覆性的设计，而不愿意做小的改进，把创造等同于创意。我对这个问题的理解是，当你没有很好定义出典型用户、场景、和他们在场景中遇到的具体问题，而是用一个宽泛的断言代替设计方向，那么设计就会变得巨大。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;如果你的设计挑战是如何让老人变得快乐，你设计很可能变得漫无边际；而如果你的设计挑战是如何让在中山公园组织老人活动的老王更好地宣传他们的社团使得更多人参加，你的设计就可能变得实际和具体。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;也许有人说，那么你设计的东西就会变得狭隘，这是限制创新，其实并不是，当你深入到老人的情境中，梳理出更多基于真实故事的设计挑战，例如：如何让老人院的张爷爷记住自己喜欢的电视节目；如何让他锻炼自己的手指头；如何鼓励中山公园的社团参与者更多资助社团活动等等，这一系列小的设计挑战被解决以后，自然是整个体验的提升，自然是一件大的事情。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;体验设计中把设计环节需要的心智模型（mentality）定义为&amp;ldquo;可实现&amp;rdquo;（rationality），而把发现问题环节定义为&amp;ldquo;创造力&amp;rdquo;（creativity）确实不无道理，创造力应该体现在发现具体问题并转化成具体设计挑战的过程中，而设计过程应是切中要害，最忌天马行空，没有商业和技术支持的设计不产生任何价值。&lt;/p&gt;
&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: 19px; &quot;&gt;说多过于画&lt;/h2&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;在表达解决方案的时候，我仿佛回到了H公司的需求讨论现场，要么所有人都在说，要么只听一个人说，其他人不敢说，没有人使用任何可视化的工具引导讨论，后来我画了几张关于解决方案的草图才让无休止的讨论回到正轨。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;这就是为什么我们更加注重视觉引导的能力──如果可能事先把设计过程的框架用视觉化的方式搭建好；尽可能地使用白板，持续不断地把已经达成一致的东西写在白板上；更好使用贴纸的颜色，及时对信息进行组织和验证；对同一个设计挑战分组进行草图设计并展示，避免&lt;strong style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;设计被那些口才好，强势有气场的人绑架&lt;/strong&gt;。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;&lt;a style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #21759b; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cccccc; text-decoration: none; &quot; href=&quot;http://www.tuzei8.com/wp-content/uploads/2012/05/20120400_193740.jpg&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-388&quot; style=&quot;margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; display: block; &quot; title=&quot;20120400_193740&quot; src=&quot;http://www.tuzei8.com/wp-content/uploads/2012/05/20120400_193740.jpg&quot; alt=&quot;&quot; width=&quot;800&quot; height=&quot;600&quot; /&gt;&lt;/a&gt;&lt;br style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot; /&gt;图中右下角是我们最后的故事板，添加了一些草图后使得沟通更加有效率，其他两副图展示了我们做workshop的时候推崇的过程可视化的场景，大量使用草图、白板、并随时将过程产物贴在墙上。&lt;/p&gt;
&lt;h2 style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; line-height: 19px; &quot;&gt;写在最后&lt;/h2&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;我能理解这样的活动不需要太多条条框框的设计方法进行限制，这只是我的一些思考和经验分享，并不代表大家是不够格的设计师。&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;&lt;a style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #21759b; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cccccc; text-decoration: none; &quot; href=&quot;http://www.tuzei8.com/wp-content/uploads/2012/05/20120400_200355.jpg&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-392&quot; style=&quot;margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; display: block; &quot; title=&quot;20120400_200355&quot; src=&quot;http://www.tuzei8.com/wp-content/uploads/2012/05/20120400_200355.jpg&quot; alt=&quot;&quot; width=&quot;800&quot; height=&quot;600&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 1.4em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1.4em; line-height: 1.65; color: #222222; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; &quot;&gt;另外非常感谢&lt;a style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #21759b; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cccccc; text-decoration: none; &quot; href=&quot;http://www.techyizu.org/&quot;&gt;techyizu&lt;/a&gt;组织这么好的活动，我曾经在&lt;a style=&quot;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #21759b; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cccccc; text-decoration: none; &quot; href=&quot;http://www.tuzei8.com/?p=267&quot;&gt;牛津参加Design Jam&lt;/a&gt;，组织形式类似，它有个环节是在报名时每个人需要提供一个角色：例如designer, developer, 或者strategist等，以保证每个设计团队有足够平衡，供参考。但这个全球性的活动当时并没有用户研究的环节，而正是这个深入用户进行研究的活动真正让我学习到了很多东西，谢谢大家的努力，也希望不久的将来能在北京看到类似的活动。&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://www.tuzei8.com/?p=384&quot; target=&quot;_blank&quot;&gt;http://www.tuzei8.com/?p=384&lt;/a&gt;&lt;/p&gt;</description>
				<author>一只土贼</author>
				<pubdate>2012-05-13 19:49:12</pubdate>
			</item>			<item>
				<title>产品原则和产品评审团</title>
				<link>http://ucdchina.com/snap/11855</link>
				<description>&lt;p&gt;&lt;span style=&quot;color:#808080&quot;&gt;&lt;strong&gt;文&amp;nbsp;/&amp;nbsp;Marty&amp;nbsp;Cagan&amp;nbsp;&amp;nbsp;译&amp;nbsp;/&amp;nbsp;黄捷文，唐丰能&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#000000&quot;&gt;&lt;strong&gt;Marty&amp;nbsp;Cagan是享有世界声誉的产品管理专家，曾经担任网景副总裁、eBay产品管理及设计高级副总裁。本文是他回顾自己二十多年来从事软件产品管理工作的总结和经验分享，描述了产品开发需要遵循的产品原则以及成立产品评审团的必要性。&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#888888&quot;&gt;&lt;strong&gt;产品原则&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;产品原则是对团队信仰和价值观的总结，用来指导产品团队作出正确的决策和取舍。它体现了产品团队的目标和愿景，是产品战略的重要组成部分。从形式上看，它是一系列明确的、体现团队特色的产品价值准则。&lt;/p&gt;
 
&lt;p&gt;每次加入新团队，我要做的第一件事都是制定产品原则。这意味着要决定什么重要、什么不重要，哪些原则是根本的、战略性的，哪些是临时的、战术性的。&lt;/p&gt;
 
&lt;p&gt;产品原则不是产品功能的清单，不依赖于任何单独的产品，而是整个产品线的战略指南和公司的价值宣言。好的产品原则还可以激发设计产品的灵感。制定产品原则的过程也是学习的过程，可以从中了解新公司的企业文化，以及公司创始人设立的企业目标。产品原则是一套价值判断的框架，帮助公司作出正确的决策。&lt;/p&gt;
 
&lt;p&gt;举例来说，某电影网站的产品原则是相信社区用户的影评比专业人士的影评更有价值。当某家制片厂想借网站发表评论时，产品团队就可以根据这条产品原则决定是否采纳。产品原则是否公开因公司而异。它既可以用做团队内部的指导工具，如产品战略文档，也可以公开给客户、合作伙伴、投资人，用于向公众宣传公司的理念。此外，产品原则还可以用来团结产品团队，让产品经理、产品设计师、开发团队和营销团队形成共同的价值观，在认识上保持一致。这是任何产品说明文档都做不到的。注意，只罗列出产品原则还不够，还要按原则的重要性排序。所有产品都要既易于使用又安全可靠，但总有需要优先考虑的原则。最重要的究竟是易用性，还是可靠性？&lt;/p&gt;
&lt;div style=&quot;width:160px&quot;&gt;
&lt;p&gt;打造用户喜爱的产品&lt;/p&gt;
&lt;/div&gt;
 
&lt;ul&gt;
&lt;li&gt;制定产品原则时，容易出现以下两类错误。&lt;/li&gt;
 
&lt;li&gt;原则过于空泛，失去了指导作用。&lt;/li&gt;
 
&lt;/ul&gt;
&lt;p&gt;把设计原则误当成产品原则。比如，为用户提供清晰的导航路径（方便用户完成下一步操作）属于常见的设计原则，不是产品原则。&lt;/p&gt;
 
&lt;p&gt;如果你所在的团队还没有制定清晰的、有关产品理念的产品原则，那么应该把大家召集起来，花点时间来讨论分析，确定团队最看重的价值理念。&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#888888&quot;&gt;&lt;strong&gt;解决意见冲突&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;不少产品经理向我抱怨，他们受够了没完没了的会议（既无议程也无结果），以及会议中的那些争论和冲突。公司高管还时不时打断会议进程，扔下没头没脑的意见，拂袖而去，留下他们丈二和尚摸不着头脑。&lt;/p&gt;
 
&lt;p&gt;这种情况在产品决策过程中经常发生，原因主要有以下几点。&lt;/p&gt;
 
&lt;ul&gt;
&lt;li&gt;每位同事对产品都有自己的看法。&lt;/li&gt;
 
&lt;li&gt;大家都非常在乎产品，明白公司盈利得靠用户，只有产品才能吸引用户。&lt;/li&gt;
 
&lt;li&gt;许多人以为自己比其他人了解目标用户，事实上并非如此。&lt;/li&gt;
 
&lt;/ul&gt;
&lt;p&gt;另外，产品团队大多不必向产品经理汇报工作，产品经理没有管理产品团队的实权。在需要产品团队的配合时，产品经理只能摆事实、讲道理，不能强制执行。所以产品经理总觉得施展不开拳脚，非常沮丧。&lt;/p&gt;
 
&lt;p&gt;有时大家各持己见，僵持不下，只能请高管出面定夺。出现这种局面，说明沟通方式有问题。产品创意在辩论中可以得到完善，但前提是大家形成一致意见。请高管出面决策、解决冲突会激化团队内部矛盾，得不偿失。&lt;/p&gt;
 
&lt;p&gt;制定产品决策的过程中存在的困难着实不少，且是不可避免的，因为建设性的辩论和论证是定义优秀产品的必由之路。不过即使认识到这一点，我也很难把争论当成一种享受。&lt;/p&gt;
 
&lt;p&gt;为了鼓励创新，改善讨论效果，同时降低外界干扰，在作产品决策之前，应该先确定决策要解决什么问题，让大家在以下几个要点上达成共识。&lt;/p&gt;
 
&lt;ul&gt;
&lt;li&gt;究竟要解决什么问题？&lt;/li&gt;
 
&lt;li&gt;要为哪类人物角色解决这个问题？&lt;/li&gt;
 
&lt;li&gt;产品要达到什么目标？&lt;/li&gt;
 
&lt;li&gt;每项目标的优先级是什么？&lt;/li&gt;
 
&lt;/ul&gt;
&lt;p&gt;在我看来，每当团队内出现严重的意见分歧时，并非是大家对事实的认定有争议，而是对目标和目标的优先级有不同的理解。&lt;/p&gt;
 
&lt;p&gt;比如说，团队首先应该确定哪个目标对用户最重要，是易用性、响应速度、功能、成本、安全性，还是用户隐私？只有先统一对产品目标和目标优先级的认识，大家才能在此共识上进一步讨论各种方案的合理性与可行性。&lt;/p&gt;
 
&lt;p&gt;务必认真分析产品目标的优先级（从最重要到最不重要逐项排序），让团队达成共识。切不可把所有目标都贴上&amp;ldquo;关键&amp;rdquo;和&amp;ldquo;重要&amp;rdquo;的标签。一定要区分什么最重要，什么第二重要&amp;hellip;&amp;hellip;&lt;/p&gt;
 
&lt;p&gt;我常被请去解决产品决策中出现的争议，发现多数团队跳过了这关键的一步。由于缺少基本评估标准，每个人对目标和优先级的理解都不同，大家往往情绪激动，在细枝末节上争执不下。&lt;/p&gt;
 
&lt;p&gt;即使大家已经达成共识，也应该在讨论开始前再次予以强调，最好把目标按优先级顺序写在白板上，这样每位同事都可以看到评估方案和制定决策的确切依据。&lt;/p&gt;
 
&lt;p&gt;制定决策的过程和依据必须完全透明，不要让人觉得你只凭直觉判断。务必告诉大家决策的依据和理由，清楚地展示每一个决策环节。&lt;/p&gt;
 
&lt;p&gt;激烈的会议争论会影响大伙的斗志和工作效率。如果再出现这种情况，请先回顾产品目标和目标优先级，确保大家达成共识。&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#888888&quot;&gt;&lt;strong&gt;制定更及时、更可靠的产品决策&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;即使对小公司来说，制定决策通常也是既耗时又费力的。产品公司需要一套机制让决策者和相关人员及时作出明智的产品决策。我认为成立产品评审团是最好的解决途径。&lt;/p&gt;
 
&lt;p&gt;我通常不热衷于出席会议或参加各种委员会，但产品评审团除外。产品评审团让所有决策者坐到一起，为把产品推向市场共同制定决策，可以有效地加快研发产品的速度。&lt;/p&gt;
 
&lt;p&gt;组织产品评审团的难点在于既要为高管制定产品决策、监督产品流程提供透明的信息，又要避免高管干预产品团队的具体工作，如参与产品设计。不少公司都有类似的组织，但我认为最早提出这个概念的人是&lt;span style=&quot;font-family:Times New Roman&quot;&gt;eBay&lt;/span&gt;&lt;span&gt;前&lt;/span&gt;&lt;span style=&quot;font-family:Times New Roman&quot;&gt;COO&amp;nbsp;Maynard&amp;nbsp;Webb&lt;/span&gt;&lt;span&gt;。多年来，我一直在实践中不断规范产品评审团的具体职责，完善其流程。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;产品评审团的工作目标&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;成立产品评审团的目的是决定产品战略方向，从宏观上监督公司产品的研发流程，合理配置资源。产品评审团不制定公司的商业战略，而是在给定商业战略的条件下，提出与之相匹配的产品战略。产品评审团的决策直接影响企业的运营。&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;产品评审团的成员组成&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;产品评审团由公司各个部门的管理者组成。虽然各个公司的情况不同，但通常都包括以下人员。&lt;/p&gt;
 
&lt;ul&gt;
&lt;li&gt;首席执行官&lt;span style=&quot;font-family:Times New Roman&quot;&gt;/&lt;/span&gt;&lt;span&gt;首席运营官&lt;/span&gt;&lt;span style=&quot;font-family:Times New Roman&quot;&gt;/&lt;/span&gt;&lt;span&gt;部门总经理&lt;/span&gt;&lt;/li&gt;
 
&lt;li&gt;产品管理总监&lt;span style=&quot;font-family:Times New Roman&quot;&gt;/&lt;/span&gt;&lt;span&gt;副总监&lt;/span&gt;&lt;/li&gt;
 
&lt;li&gt;用户体验设计总监&lt;span style=&quot;font-family:Times New Roman&quot;&gt;/&lt;/span&gt;&lt;span&gt;副总监&lt;/span&gt;&lt;/li&gt;
 
&lt;li&gt;市场总监&lt;span style=&quot;font-family:Times New Roman&quot;&gt;/&lt;/span&gt;&lt;span&gt;副总监&lt;/span&gt;&lt;/li&gt;
 
&lt;li&gt;开发总监&lt;span style=&quot;font-family:Times New Roman&quot;&gt;/&lt;/span&gt;&lt;span&gt;副总监&lt;/span&gt;&lt;/li&gt;
 
&lt;li&gt;网站运营总监&lt;span style=&quot;font-family:Times New Roman&quot;&gt;/&lt;/span&gt;&lt;span&gt;副总监&lt;/span&gt;&lt;/li&gt;
 
&lt;li&gt;客户服务总监&lt;span style=&quot;font-family:Times New Roman&quot;&gt;/&lt;/span&gt;&lt;span&gt;副总监&lt;/span&gt;&lt;/li&gt;
 
&lt;/ul&gt;
&lt;p&gt;产品评审团的工作效果很大程度上取决于会议组织者的技巧。他必须不受干扰，善于阐明问题、促成决策。大公司里，组织者通常由公司的产品负责人担任；小公司里，则由老板担任。要确保每个关键部门都有代表参加产品评审团，但最好把人数控制在十人以内。如果有的部门不止一人参加评审团，应该选一个人代表部门陈述观点。例如，销售总裁代表市场部发言，质检（&lt;span style=&quot;font-family:Times New Roman&quot;&gt;QA&lt;/span&gt;&lt;span&gt;）主管代表开发部门发言。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#000000&quot;&gt;&lt;strong&gt;产品评审团的职责&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;产品评审团并不是设计和开发产品的团队，它的职责是监督产品研发流程，制定关键决策。&lt;/p&gt;
 
&lt;p&gt;它根据研发产品的四个里程碑来评审产品，制定决策。&lt;/p&gt;
 
&lt;p&gt;1.&amp;nbsp;&lt;span&gt;评审产品战略和产品路线图，启动评估产品机会的工作，即选择值得投入精力的产品，请产品经理开始评估产品机会。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;2.&amp;nbsp;&lt;span&gt;根据评估产品机会的结果，决定是否开始定义产品的解决方案。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;3.&amp;nbsp;&lt;span&gt;评审产品原型、用户测试结果、成本估算明细，决定是否开始开发产品。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;4.&amp;nbsp;&lt;span&gt;评审最终产品、产品品质、发布计划、社会效应，决定是否发布产品。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;注意事项&lt;/strong&gt;&lt;/p&gt;
 
&lt;ul&gt;
&lt;li&gt;小公司的产品评审团通常负责评审公司所有的产品；大公司可能需要根据业务单位的大小，设立若干个产品评审团。&lt;/li&gt;
 
&lt;li&gt;产品评审团不负责评审对产品细节的更新或修正。这是为了加快对细节问题的处理，保证公司业务运作流畅。&lt;/li&gt;
 
&lt;li&gt;产品评审团不负责具体的产品设计工作。如果产品存在缺陷，应该由产品团队着手处理，然后重新提交产品评审团评审。&lt;/li&gt;
 
&lt;li&gt;在&lt;span style=&quot;font-family:Times New Roman&quot;&gt;2&lt;/span&gt;&lt;span&gt;号里程碑处，由于产品解决方案尚未形成，不可凭直觉估算产品的成本，至多只能估计大致的项目规模；但在&lt;/span&gt;&lt;span style=&quot;font-family:Times New Roman&quot;&gt;3&lt;/span&gt;&lt;span&gt;号里程碑处，应该仔细估算开发时间和成本，让公司上下做好准备。&lt;/span&gt;&lt;/li&gt;
 
&lt;li&gt;尽量避免产品评审团讨论具体执行策略，讨论这些问题非常耗费时间。如果必须讨论，则一定要控制好时间，不要影响产品评审团监督产品流程的主要工作。&lt;/li&gt;
 
&lt;li&gt;产品评审团开会频率取决于具体产品的进度，可以每月开一小时会议或者每周开两小时会议。&lt;/li&gt;
 
&lt;li&gt;产品评审团还应该回顾、分析产品上市后的表现。可以在产品发布&lt;span style=&quot;font-family:Times New Roman&quot;&gt;3~6&lt;/span&gt;&lt;span&gt;个月后，请产品团队汇报产品的市场业绩表现，产品评审团可以反思之前的决策是否明智，今后应该如何调整。&lt;/span&gt;&lt;/li&gt;
 
&lt;li&gt;每次评审会议，最好由产品经理向产品评审团汇报产品的进展情况。由产品经理的直接领导指导产品经理准备陈述内容，确保产品经理准备充分。在会议召开前，产品经理最好逐一向产品评审团成员做简要汇报，存在疑问应及时解决，避免在汇报过程中措手不及。&lt;/li&gt;
 
&lt;/ul&gt;
&lt;p&gt;如果公司制定产品决策的效率太低，应考虑组织产品评审团。它可以替代以往各种冗长的决策会议，大大缩短决策时间，制定明智、及时、透明的产品决策。&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#808080&quot;&gt;&lt;strong&gt;何时估算项目成本&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;尽管软件行业早就有估算成本的传统，但直到今天仍然容易出现混乱的估算结果。我认为混乱的原因在于管理层总是希望尽早获悉成本信息，但开发人员往往要较晚才能精确估算成本（至少要等到具体的解决方案出炉）。结果，要么过早估算导致结果与实际出入很大，要么结果虽然准确，但远远超出预算，让管理层难以接受。&lt;/p&gt;
 
&lt;p&gt;这里要介绍的估算方式虽然源自我提倡的产品研发流程，但同样能解决大多数公司的问题。&lt;/p&gt;
 
&lt;p&gt;开始研发产品前，应该先评估产品机会。评估产品机会的目的是看产品创意宣称要解决的问题是否有价值。此时，解决方案尚未出炉，手头仅有产品创意和待解决的问题，所以产品团队只能先大致估算项目的规模（建议分成小型、中型、大型三个等级），再根据项目规模粗略估算项目成本。虽然这种估算与实际情况会有出入，但通常不会出现跨级别的误差。&lt;/p&gt;
 
&lt;p&gt;确认产品机会有价值，粗略估算的成本也可以接受，管理层才能允许项目组着手定义产品解决方案。理想情况下，详细的产品解决方案还应该包含可供用户测试的高保真原型。&lt;/p&gt;
 
&lt;p&gt;在定义解决方案的过程中，首先产品经理和交互设计师需要一位开发人员的协助来评估不同解决方案的成本。然后产品经理和交互设计师根据评估结果进一步调整解决方案。待完整的产品说明文档形成后，即可根据文档细节生成详细、可靠的成本估算结果。&lt;/p&gt;
 
&lt;p&gt;此时，手头有了详细的产品说明文档、可信的成本估算结果，管理层可以很方便地决定是否开始开发产品。如果解决方案有问题或成本估算结果超出了预算，管理层可以马上叫停。如果决定开发产品，产品团队就可以在充分了解产品定义与成本细节的条件下全力开始工作。&lt;/p&gt;
 
&lt;p&gt;总而言之，我建议分两个阶段进行成本估算。在评估产品机会时做粗略估算，根据最终的产品说明文档做详细估算。&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/636588416/programmer/feedsky/s.gif?r=http://www.programmer.com.cn/11279/&quot; border=&quot;0&quot; alt=&quot;&quot; width=&quot;0&quot; height=&quot;0&quot; /&gt;&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://www.programmer.com.cn/11279/&quot; target=&quot;_blank&quot;&gt;http://www.programmer.com.cn/11279/&lt;/a&gt;&lt;/p&gt;</description>
				<author>baiyuzhong</author>
				<pubdate>2012-05-12 19:07:41</pubdate>
			</item>			<item>
				<title>不看不见de视觉，不知不觉de设计</title>
				<link>http://ucdchina.com/snap/11849</link>
				<description>&lt;p&gt;隐形的尺寸、边缘的思量、手势的语汇、动画的语法&amp;hellip; 看得见的视觉，看不见的视觉背后的设计故事&amp;mdash;&amp;mdash;阿里巴巴中国站无线产品经验总结&amp;hellip;&lt;/p&gt;
 
&lt;p&gt;原文链接：&lt;a href=&quot;http://liuchenhuan.net/?p=1610&quot; target=&quot;_blank&quot;&gt;http://liuchenhuan.net/?p=1610&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://pic.yupoo.com/liuchenhuan/BXbkuW1Y/10RUXx.jpg&quot; border=&quot;0&quot; alt=&quot;隐形的尺寸&quot; width=&quot;700&quot; height=&quot;1042&quot; /&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://pic.yupoo.com/liuchenhuan/BXbkuNPd/Cwfi.jpg&quot; border=&quot;0&quot; alt=&quot;边缘的思量&quot; width=&quot;700&quot; height=&quot;1235&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://pic.yupoo.com/liuchenhuan/BXbkv336/5eUVz.jpg&quot; border=&quot;0&quot; alt=&quot;手势的语汇&quot; width=&quot;700&quot; height=&quot;1830&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://pic.yupoo.com/liuchenhuan/BXbkvbiS/YLG9V.jpg&quot; border=&quot;0&quot; alt=&quot;动画的语法&quot; width=&quot;700&quot; height=&quot;2023&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;项目成员：刘宸寰（为一），夏明芬（夏夏）， 黄海 （黄黄），裴芸，邱燕维（维维）&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://www.aliued.cn/2012/05/10/%e4%b8%8d%e7%9c%8b%e4%b8%8d%e8%a7%81de%e8%a7%86%e8%a7%89%ef%bc%8c%e4%b8%8d%e7%9f%a5%e4%b8%8d%e8%a7%89de%e8%ae%be%e8%ae%a1.html&quot; target=&quot;_blank&quot;&gt;http://www.aliued.cn/2012/05/10/%e4%b8%8d%e7%9c%8b%e4%b8%8d%e8%a7%81de%e8%a7%86%e8%a7%89%ef%bc%8c%e4%b8%8d%e7%9f%a5%e4%b8%8d%e8%a7%89de%e8%ae%be%e8%ae%a1.html&lt;/a&gt;&lt;/p&gt;</description>
				<author>liuchenhuan</author>
				<pubdate>2012-05-11 11:07:22</pubdate>
			</item>			<item>
				<title>掌控像素的虚实</title>
				<link>http://ucdchina.com/snap/11848</link>
				<description>&lt;p&gt;3月份，Photoshop CS6 Beta版(下文简称PS CS6)发布公测，有着多项惊艳的新特性，工作中整天和像素打交道，感触比较深的特性就是PS CS6支持矢量对象绘制、变换时像素自动对齐网格。&lt;/p&gt;
&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;当然，对象绘制、变换时像素对齐网格并不是PS CS6独有的功能，只是更智能更好用了，PS CS6的像素自动对齐网格功能在绘图过程中，无疑方便了很多，不必再担心图形边缘会出现模糊，但是我们在实际的图形设计过程中会发现，还是会经常需要调整一些路径没有完全对齐到网格产生的半透明的过渡像素，用来平滑图形边缘减少锯齿感，或让图形看上去更饱满、更细腻，我们称其为次像素&amp;nbsp;(或亚像素，Sub-pixel，一般用于屏幕显示技术等领域)，如下图所示。&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/11.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;317&quot; /&gt;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&lt;span style=&quot;color:#888888&quot;&gt;图1-消除锯齿的次像素&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;趁着&amp;nbsp;PS CS6正式版还未普及，以PS CS5为例，和大家探讨矢量路径图形绘制时如何让像素对齐网格，如何利用路径调整次像素改善图形的饱满度的一些经验，希望对大家有所启发和帮助。&lt;/p&gt;
 
&lt;h2&gt;&amp;nbsp;&lt;/h2&gt;
 
&lt;h2&gt;一、像素对齐网格&lt;/h2&gt;
 
&lt;p&gt;&lt;strong&gt;1.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/strong&gt;&lt;strong&gt;对象绘制时像素对齐网格&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;像素对齐网格最大的作用就是避免绘制图形时出现虚边，解决图形模糊的问题，尤其是将画布放大数倍去抠界面、图标细节时，精度可以达到像素级，让设计师将精力更多的集中在创意表达层面，不必因为担心模糊而谨慎的去操作，从而提高工作效率。&lt;/p&gt;
 
&lt;p&gt;在PS CS5初始状态时，只有当画布在100%比例下，也就是实际像素比例时，画出来的图形才不会模糊，放大或缩小画布到其他比例下，即使打开网格进行辅助，画出来的图形也会模糊，如图2所示，蓝色图形与紫色图形分别为100%画布下不打开网格，和非100%比例画布下打开网格随意绘制的相同大小的矩形，我们能明显的看到紫色图形边缘非常的模糊。&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/21.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;300&quot; /&gt;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&lt;span style=&quot;color:#888888&quot;&gt;图2-对齐像素图形和未对齐像素图形的对比&lt;/span&gt;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;　　这时的网格没有起到作用，是因为在PS CS5初始状态时，网格的参数不是以像素为单位，而是毫米，如图-3，首选项窗口可以通过主菜单中&amp;ldquo;编辑&amp;gt;首选项&amp;gt;常规&amp;rdquo;或快捷键Ctrl+K来打开。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/3.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;484&quot; /&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&lt;span style=&quot;color:#888888&quot;&gt;图3-初始状态下的网格参数&lt;/span&gt;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;想要在常规图形&amp;nbsp;(矩形、圆角矩形、圆形)&amp;nbsp;绘制过程中，使像素在任何情况下都对齐网格，在PS CS5的首选项窗口中，对&amp;ldquo;参考线、网格和切片&amp;rdquo;选项卡的网格参数进行简单的设置，并配合快捷键就可以做到。&lt;/p&gt;
 
&lt;p&gt;图3中可以看到网格线间隔的默认值是25毫米，将单位改为像素，这时单位前面的数值会自动变为1，这时的网格线并未与画布上的像素格对齐，需要手动重新输入数值，且网格线间隔数值与子网格数值必须相等，图4展示的是在3200%比例下，两种不同数值网格所呈现出的效果，可根据自己的喜好进行调整。网格可通过主菜单&amp;ldquo;视图&amp;gt;显示&amp;gt;网格&amp;ldquo;来显示或隐藏，快捷键为Ctrl+&amp;rsquo;(回车左侧的引号键)。&amp;nbsp;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/4.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;420&quot; /&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&lt;span style=&quot;color:#888888&quot;&gt;图4-不同网格参数呈现的效果&lt;/span&gt;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;完成了如上设置，最后确保&amp;rdquo;主菜单&amp;gt;视图&amp;gt;对齐&amp;rdquo;及&amp;ldquo;对齐到&amp;gt;网格&amp;ldquo;两个选项已勾选，&amp;ldquo;对齐到&amp;gt;网格&amp;ldquo;选项在打开显示网格的情况下才可编辑。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/5.jpg&quot; alt=&quot;&quot; width=&quot;380&quot; height=&quot;620&quot; /&gt;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&lt;span style=&quot;color:#888888&quot;&gt;图5-对齐功能及相关选项&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;像素对齐网格设置完成，以后在非100%视图下绘制常规图形，只要打开网格辅助，就不会出现模糊情况。像素对齐网格在PS CS5中还是存在一定的局限性，受到图形形状的约束，当使用线条工具、多边形工具、自定义形状工具绘制一些带有倾斜边缘或非直角的图形时，还是无法保证所有角点和边缘对齐网格，当然这里的模糊更多的是防锯齿效果，可以利用网格手动调整。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;2.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/strong&gt;&lt;strong&gt;对象变换时像素对齐网格&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;PS CS5中，长宽都是奇数或都是偶数时，进行90&amp;deg;变换时都可以对齐像素，当长宽数值分别是奇数和偶数时，再进行顺时针或逆时针90&amp;deg;变换就会使图形模糊，无法对齐到像素，这时可以先旋转，然后打开网格进行辅助，不要退出自由变换模式，拖动对象，这时边缘就会自动吸附对齐网格，如下图：&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/6.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;540&quot; /&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&lt;span style=&quot;color:#888888&quot;&gt;图6-变换图形时对齐网格&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h2&gt;二、利用次像素让图形更饱满&lt;/h2&gt;
 
&lt;p&gt;举个小例子，看看次像素在图形设计中的作用，抛砖引玉。&lt;/p&gt;
 
&lt;p&gt;在界面设计中，经常会绘制下拉菜单等控件上的三角形箭头形状，最常见的做法就是用铅笔工具点象素画出来，如图7-a所示，看上去很清晰，但在分辨率较小的屏幕上看，会稍显生硬、有锯齿感，影响界面的细腻度；用路径对齐网格绘制箭头，如图7-b所示，解决了锯齿问题，但看上去体量感被削弱了，不够饱满；图7-c中所示的效果，是对次像素微调后的效果，既消除了锯齿，而且在体量感上不输第一种方案的效果。&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/7.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;197&quot; /&gt;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&lt;span style=&quot;color:#888888&quot;&gt;图7-三种不同方法绘制的箭头&lt;/span&gt;&lt;/p&gt;
 
&lt;p align=&quot;left&quot;&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p align=&quot;left&quot;&gt;没看出差别？我们将三种方案放在一起对比下，见图8，从左至右依次为图7中的a、b、c方案，我们看到中间的b方案虽然没有了锯齿，但体量上明显小于a、c方案，而c方案同时具备无锯齿、相等的体量感两个优点。&lt;/p&gt;
 
&lt;p align=&quot;left&quot;&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/8.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;179&quot; /&gt;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&lt;span style=&quot;color:#888888&quot;&gt;图8-下拉箭头效果对比&lt;/span&gt;&lt;/p&gt;
 
&lt;p align=&quot;left&quot;&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p align=&quot;left&quot;&gt;通过放大图片我们可以看到在次像素上的差别，要达到方案c的方法其实很简单，看看下图放大的效果和路径你就明白了。&lt;/p&gt;
 
&lt;p align=&quot;left&quot;&gt;&amp;nbsp;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/9.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;416&quot; /&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p align=&quot;center&quot;&gt;&lt;span style=&quot;color:#888888&quot;&gt;图9-使用路径改善后的次像素&lt;/span&gt;&lt;/p&gt;
 
&lt;p align=&quot;left&quot;&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p align=&quot;left&quot;&gt;只要将角点上的路径锚点分别向外移动一点，让原本颜色比较淡的次像素稍微加深就可以了，操作时，放大画布让调节更细微和精确，选中锚点，轻点多次键盘上的方向键来移动即可，这个方法不局限于箭头形状，大家可以开启像素眼去发现更多的应用场景。&lt;/p&gt;
 
&lt;p align=&quot;left&quot;&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p align=&quot;left&quot;&gt;&lt;strong&gt;总结&lt;/strong&gt;&lt;/p&gt;
 
&lt;p align=&quot;left&quot;&gt;啰嗦了这么多，希望这些小的点能对大家工作有所帮助和启发。我们总是希望利用现有的资源做更多的事，不断的探索设计中的更多可能性，关注设计细节的展现，无论是PS CS5还是即将发布的&amp;nbsp;CS6，每一项功能改进都激动人心，使操作更加得心应手，也帮助设计师能够在更智能的环境中专注于创意表达，提高输出效率，相信Adobe CS6设计套装在各个方面都不会让人失望，让我们一起期待。&lt;/p&gt;
 
&lt;p&gt;(本文出自腾讯CDC博客: &lt;a href=&quot;http://cdc.tencent.com/?p=5584&quot; target=&quot;_blank&quot;&gt;http://cdc.tencent.com/?p=5584&lt;/a&gt;)&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://cdc.tencent.com/?p=5584&quot; target=&quot;_blank&quot;&gt;http://cdc.tencent.com/?p=5584&lt;/a&gt;&lt;/p&gt;</description>
				<author>CDCer</author>
				<pubdate>2012-05-11 11:05:11</pubdate>
			</item>			<item>
				<title>美国YP iPad 软件设计经验分享</title>
				<link>http://ucdchina.com/snap/11844</link>
				<description>&lt;p&gt;前言：前几天按照习惯对自己以前负责的设计项目做总结，发现AT&amp;amp;T已经把YP iPad版本从Appstore浏览类挪动到旅行类了。公司做出了合理的商业计划改变，让YP能适用到更准确的种类里，赞！同时也意味着这个设计项目进入了另外一个阶段。这里想总结一下这个项目，是我第一个上线的iPad设计项目，是我第一个在AT&amp;amp;T的设计项目，也是至今我所有设计项目中在Appstore种类排名第一最长时间的项目：11个月。&lt;/p&gt;
&lt;div&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;这个设计项目非常典型，有设计的纠结，产品的干扰，开发的谈判，老板的干预。以下会纪录设计过程，并总结设计要点。&lt;/div&gt;
 
&lt;div&gt;文章内容all my 2 cents，见谅。：）&lt;/div&gt;
 
&lt;div&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/1.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;923&quot; /&gt;&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;
&lt;p&gt;设计经历：&lt;br /&gt; 2010年底，雅虎进行了新一轮裁员，新来的非常nice的老板把我带到会议室，想安慰我希望同事的离职不会影响我以后工作的心情。恰好，那天也是我决定提出离职的日子，所以第一次见到新老板的第一次回忆就是谈离职&amp;hellip;&amp;hellip; 那个时候心情是比较复杂的，一方面认识的很多雅虎的同事不能一起共事了，一方面感慨2010年各种理由离开公司的各个同事，一方面又对新的具有挑战性的工作充满了期待。然后圣诞节和老婆一起到Vegas休息了一周，放松了工作许久以来积累的压力，也准备好了圣诞节后第一天就去新公司报道的心情。这些大概就是2010年底进入AT&amp;amp;T工作的心情背景。第一天上班的时候，领到iMac，Macbook Pro，iPhone等设备，了解到接下来会负责设计YP的各种平台产品，非常兴奋。有趣的是，第一个项目不是我最熟悉的Mobile Web，iPhone，或者是Android的项目，而是iPad项目。YP iPad已经上市一段时间，需要重新设计并提高设计质量（和很多产品一样，第一版主要是上功能，抢时间）。所以第二版的设计需求非常开放，产品经理的设计需求只提及了基本功能点，对设计没有做任何限制。其实作为交互设计开始阶段，这样的需求是最难做的。等于是解答一道没有具体描述的题目，设计师需要想到任何一种设计可能。当时我的经理也非常支持我先出几版创意稿，然后再看情况推进。于是我的第一版就出来了，还没有完全了解公司的工作模式，产品的各种局限，就画了一版。基本包裹了我心目好的iPad App的所有优点，简洁，干净，功能特点强，新特性，灵活的交互模式，用户自设定特点，新增的基于用户思考模式的功能点。当时我交出这版，也觉得要实现起来难度比较大，风险也比较大。直觉是对的，所以第一版被打回来要重新想想。这里为了把握大家的思考节奏，我的第二版出的比较快，在一天多的时间内，我又重新架构了一次，做了一版更现实，更可行的版本。设计团队这边感觉好些了，但是产品团队那边还是觉得改动太大，不符合当前的产品进度和开发情况。这里和产品团队交流效率不高，原因是设计团队和部分开发团队在硅谷，而产品团队和部分开发团队在洛杉矶。我开始项目的时候还没有见过电话会议几次的产品经理Sam。所以这个时候我决定一定要尽快去当面交流，确定项目大概思路。一周之内我就订好了机票，从此过上了一日出差的艰苦日子（早上5点多起床，6点出租车准时出发，7点到San Jose机场，9点多到Burbank机场，10点前到Glendale的公司，工作到5点多，7点的飞机回来，晚上9点多到家）。&lt;/p&gt;
 
&lt;p&gt;尽早与产品经理面谈是正确且有效率的。第一次会议我就基本了解了项目背景，现在的问题，项目前景，以及很多有用的数据。Sam是非常典型的硅谷类型PM，Stanford的本科教育让Sam对市场，经济，技术都有非常踏实的了解，UCLA的MBA教育让Sam也对各种产品管理技巧经验丰富，多年的产品经理工作也让后面合作中我学习到了很多宝贵的经验。这次出差我对产品的了解更踏实，也对下一版的设计有了新的想法。&lt;/p&gt;
 
&lt;p&gt;第三版也是来的很快，是为了让沟通中的团队都保持对产品思考的节奏。第三版的架构在设计团队和产品团队方面都得到了基本认可。趁热打铁，节奏，节奏，我尽快把之前没有时间确定的细节进行了添加，也让这个版本更成熟，目标是为了让产品和设计两方的更多认可和支持。&lt;/p&gt;
 
&lt;p&gt;第四版在第三版确定后两天已经准备好了，这次进行了更大规模的确认。这次的反对声音是来自开发团队。原来开发团队已经对新产品的架构有了技术构思，并认为我这个版本可实现难度过大，资源和时间都有顾虑。在会议争论后，大家都同意考虑下择日再商量。这个时候简单来说，我猜，大家的心态都多少有这样的情况：设计方面觉得开发支持不够不能达到设计预期效果，开发方面觉得设计天马行空不切实际提难题。在美国的IT公司开发是很重要的，很多时候是主导地位（例子：google, apple, yahoo, linkedin, you name it&amp;hellip;&amp;hellip;），但是这个时候不能妥协（第一个iPad项目啊lol），我立马会后联系了各个主要的开发人员，仔细地听他们的意见，了解他们对我设计的认可和不认可的地方。因为都是电话会议，我的策略是先多听，听的时候快捷思考，然后他们说完了我就开始说，逐点论证，赢得大部分利益，摆事实讲道理（本科人大校训：实事求是）。我不是强悍型的设计讨论者（参考我之前文章：发现自己），所以整个交流过程我都是一个诚恳求证的状态。会议结束后，我立马修改了设计，保留我认为最核心的点，调整结构让开发实现更有效，妥协了部分细节（这个时候妥协的少许细节在之后的迭代工作中一一加回&amp;hellip;&amp;hellip;，phew，幸好以前大部分开发同事都不读中文）。&lt;/p&gt;
 
&lt;p&gt;所以有了第五版，大家都比较认可，产品，设计，开发都在一条战线上了。这个时候我奢侈的花了几天来做自我认证。产品几经变革，还保留最初的价值么？还是你心目中的样子么？还能达到你所有的目的么？这个过程只有设计师做，产品经理或多或少都是站在商业的角度来看产品的，虽然他们最喜欢说&amp;rdquo;from a user&amp;rsquo;s perspective&amp;rdquo;，哈哈。经过几天，我做出了第六版，自我认证后加入了很多小思考，小细节，但是我个人认为很重要，因为很多时候用户体验而感动的，就是这些小细节，而不是对一个产品宏观的理解。&lt;/p&gt;
 
&lt;p&gt;这个时候大家都以为方向确定了，就解决了大问题了吧。哈哈，我也这么觉得。第六版后的几个版本小改，所有都进入日程了，老板们华丽出现了。公司大老板和副总裁出差在飞机上看了我的设计，有了新想法。然后某天，在我埋头苦干的时候，副总裁漫漫散步到我的桌子边，微微一笑，说&amp;rdquo;YoYo, I like your designs, especially your design document style&amp;rdquo;（夸我麻醉我），&amp;rdquo;But for this one we have some different thoughts, look at this app&amp;rdquo;（我最难招架的一招，看看其他app，压力啊）。大概意思是，更喜欢另外一种设计架构。&lt;/p&gt;
 
&lt;p&gt;副总裁比我高N级，本科毕业后海军5年（高大挺拔），然后苹果工作，Stanford MBA，各个大公司任管理职务，气场比我强太多了。这个时候我还是老实站起来听完了他的想法，然后为我的设计做了讲述，并强调了这是经过设计，产品，开发各个方面反复确定的设计。然后我看到了副总裁的疑惑，我马上说，好，我立马出一版你要的，我们一起看（回到以上同一话题，我不是强悍型设计讨论者，是默默不甘心型）。然后副总裁说好，问什么时候，并说，&amp;ldquo;明天？我开玩笑的&amp;rdquo;&amp;hellip;&amp;hellip; 显然很急，我点点头笑笑，我想，明天可以。&lt;/p&gt;
 
&lt;p&gt;第二天我出了一个独立版本的设计，把大老板和副总裁的想法实现出来，并在他们想法的基础上多画了一版。然后把每个版本的优点缺点一一计划好。所有的设计，产品，开发和老板们都参加了这次的会议，结果如计划一样，老板们没有坚持。结论是这个独立版本保留，但是还是用我们的设计来进行。&lt;/p&gt;
 
&lt;p&gt;很快强大的开发团队就给出了Demo。我和用研团队的同事一起准备了用户测试。于是又是好几次繁忙的一日出差，进行了多次用研，并了解了用户的反馈。同时准备进入视觉设计。这段时间是最繁杂的。交互设计还在不停迭代，用研的结果又在影响设计，视觉的设计也需要我这边提供一些支持。突然觉得在雅虎工作时团队有半年没有产品经理的经历帮助了我，这段时间虽然很忙，但是成就感越来越多，因为产品雏形了。&lt;/p&gt;
 
&lt;p&gt;视觉设计的时间很紧张，我们有很优秀的设觉设计师，但是因为时间非常少，我们在视觉细节上必须有选择。这时交互设计师还要作为帮助产品守门的角色，帮助视觉设计focus到重要的点，以求设计质量最大化。这里有三位视觉设计师都提供了帮助，非常赞！&lt;/p&gt;
 
&lt;p&gt;项目最后发布，历时2个多月。结果看文章最后。：）&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/2.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;540&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;设计总结：&lt;/p&gt;
 
&lt;p&gt;设计基本能力，产品管理能力，等等常见话题就不说了，说我觉得有意思的重点。：）&lt;/p&gt;
 
&lt;p&gt;1，节奏&lt;br /&gt; 节奏非常重要，特别是大公司环境，很多角色都是注意力分散的，这个时候设计师需要让自己的项目有一个良好的节奏感。一个拖上半年的或者每个月才有一个版本的项目基本达不到移动项目设计的节奏。设计要快，准确，多发布。一个良好的节奏可以保持让参与项目的所有角色串联起来，效率提升明显。这个项目不长的时间，至少更新了10次大改版，小改版没有统计，节奏很快。&lt;/p&gt;
 
&lt;p&gt;2，交流&lt;br /&gt; 交流在这个案例里非常重要。各个环节都需要设计师去疏通。这个项目里，我基本和所有角色都有争吵的时候，这个时候交流效率，交流方式都很重要，因为只有所有角色都认同的情况下，项目才有成功的希望。这里特别记得一个例子，在和开发争论时，我和每个开发都电话谈过。后来开发整个组来硅谷开会，我和一位开发握手打招呼，他说：&amp;rdquo;Hah, YoYo, the voice on the phone!&amp;rdquo;，他没有见过我，但是对我的声音和名字已经很有印象了，之后和他的合作一直很顺利。&lt;/p&gt;
 
&lt;p&gt;3，设计文档&lt;br /&gt; 设计输出方式在这个项目中给了我很大帮助。我去的第一天就把所有的文档方式从以前的1个Omnigraffle大图显示30个图的一张图方式，改变为1页显示4个图的标准文档。我也按照以前自己的InDesign设计文档方式建立了Omnigraffle设计文档模版。每次输出设计文档到各个角色时，设计是不是符合他们的期望先不论，设计文档本身是漂亮的，大家就都会有个好印象。人人都是爱美的，交互设计也需要有对美的要求，我个人热衷于漂亮的设计文档。&lt;/p&gt;
 
&lt;p&gt;4，关键思考能力&lt;br /&gt; 很多时候需要关键思考能力来解决问题。例如这个项目中，每个角色来打断你的设计思路（有可以借鉴的，也有可以先不太注意的），你都需要关键思考能力。特别是大老板这一层，无论是经验上，气势上，交流方式上，都远远强于你，这个时候如果设计有不同意见，对我来说唯一比较有用的就是关键思考能力了。多思考，多出方案，用思路和设计质量证明自己。&lt;/p&gt;
 
&lt;p&gt;5，吃苦&lt;br /&gt; 如果要出好东西，真的需要吃苦。两个例子，第一个，在美国理论上我是不能加班的，因为工作签证关系我只能每周工作40小时，忙起来经理还是让我尽量避免加班，所以除了把工作带回家做的情况，大部分时候我需要在上班8小时内解决所有问题。上班从来不做任何其他事情，午饭有时就是老婆给包好的三明治边吃边工作，或者边吃边开会。在洛杉矶的同事也很习惯在中午1点开始就book我的calendar。第二个是一日出差，按照我这样的体力，凌晨5点多起，晚上9点多回家的出差情况，一次就得累三天&amp;hellip;&amp;hellip; 但是如果没有这样的沟通，项目也不能进展的顺利，所以每次要出差我都是不会躲的。注：去洛杉矶出差很多次，其实都没有去过downtown或者任何好玩的地方，最远的一次是一个人走路20分钟看了下Glendale的商业街，感兴趣了下Pasadena（生活大爆炸故事中主角住的地方），就算中午旅游休息了。&lt;/p&gt;
 
&lt;p&gt;6，解决问题的能力&lt;br /&gt; 这里说的是解决关键问题，这个需要工作积累，需要自己做。很多时候老板，产品经理，开发是不能给你解决问题的。印象中有两个例子很深刻，一个是我们的产品暂时没有商家图片，而Yelp，Google都有，这个很被动，怎么解决。最后调整了很多次设计才扬长避短。第二个是有一个设计场景中，iPad的横屏竖屏两种状态没法和谐，大家都安慰我说要不就先重点横屏吧，我最后还是想出了一个灵活改动方式，同时适应了两种状态。这个解决过程让刚聘用我的经理更加信任我。&lt;/p&gt;
 
&lt;p&gt;&amp;hellip;&amp;hellip;&amp;hellip;&lt;/p&gt;
 
&lt;p&gt;总结总是写不完的，就简单些，这样。&lt;/p&gt;
 
&lt;p&gt;设计结果：&lt;/p&gt;
 
&lt;p&gt;享受过程，更要享受结果。我从来就是一个做了一个产品就会一直check它的设计师。从YP iPad改版上线后我就盯着Appstore每天。在最积极的一段时间基本看了每一个评论，对不好的评论会感到难受，或者想辩论，看到好的评论就开心的。Appstore的评价从之前的3.5星到4.5星。上线后很快就是浏览类排名第一。（团队合作功劳，我只是很小的一部分）。&lt;/p&gt;
 
&lt;p&gt;最后以一些AT&amp;amp;T同事对我的Linkedin评论来结束这文章。谢谢所有AT&amp;amp;T优秀的同事，你们让我学到了很多东西。：）&lt;/p&gt;
 
&lt;p&gt;My Linkedin:&amp;nbsp;&lt;a href=&quot;http://cn.linkedin.com/in/freshyoyo&quot; target=&quot;_blank&quot;&gt;http://cn.linkedin.com/in/freshyoyo&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;ldquo;Yoyo is a very smart, diligent and efficient designer. I find him to be extremely teamwork-oriented and helpful in working with the QA team. I enjoy working with Yoyo a great deal.&amp;rdquo; &amp;ndash; Jason&lt;/p&gt;
 
&lt;p&gt;&amp;ldquo;I worked with YouYou(yuanqing) on a daily basis, he is sharp in mind and a hard worker. He can always produce high quality designs, which is crystal clear in details, so developers never have trouble to understand what is going on. By the way the projects he worked on all turned out to be quite successful as the user reviews shows in the app store.&amp;rdquo; &amp;ndash; Jet&lt;/p&gt;
 
&lt;p&gt;&amp;ldquo;Yoyo is one of the talented Interaction designers I have worked with. I had to interact with him a lot to understand the flow and implement it on the android application. His interaction flow from the wire frames are always clear and very well thought out. He effectively communicates with engineers like us and always has a solid reasoning behind his flow. He keeps his designs updated of the ever changing requirements. His communication and leadership skills on owning the product will make him a great addition to any team.&amp;rdquo; &amp;ndash; Kalpana&lt;/p&gt;
 
&lt;p&gt;&amp;ldquo;I had the good fortune to work with Yoyo during his time at AT&amp;amp;T Interactive. During that time he designed several versions of our flagship smartphone app YPmobile. Yoyo&amp;rsquo;s designs are clear, intelligent, and understandable. He is capable of fast turnarounds without sacrificing quality, and he&amp;rsquo;s a genuine pleasure to work with. I look forward to any opportunities I have to work with him again in the future.&amp;rdquo; &amp;ndash; Michelle&lt;/p&gt;
 
&lt;p&gt;&amp;ldquo;I had the opportunities to work with Yuanqing(yoyo) at AT&amp;amp;T Interactive. Yoyo is not only an excellent UX designer, but has an exceptional product sense. His design is clear, intelligent and user friendly. Yoyo is also a great communicator and listener, engineers never had issue in understanding the design.Yoyo&amp;rsquo;s work in AT&amp;amp;T including YPmobile Android, which was featured by Google in Android Market place and YPmobile iPhone, once ranked top 1 in navigation category in app store.&amp;rdquo; &amp;ndash; Cheng&lt;/p&gt;
&lt;/div&gt;
 
&lt;p&gt;(本文出自腾讯CDC博客: &lt;a href=&quot;http://cdc.tencent.com/?p=5579&quot; target=&quot;_blank&quot;&gt;http://cdc.tencent.com/?p=5579&lt;/a&gt;)&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://cdc.tencent.com/?p=5579&quot; target=&quot;_blank&quot;&gt;http://cdc.tencent.com/?p=5579&lt;/a&gt;&lt;/p&gt;</description>
				<author>CDCer</author>
				<pubdate>2012-05-09 10:27:47</pubdate>
			</item>			<item>
				<title>iPhone和Android的控件对比</title>
				<link>http://ucdchina.com/snap/11842</link>
				<description>&lt;h3&gt;
&lt;h3 style=&quot;font-family: Arial, Tahoma, Arial; font-size: 16px; color: #222222; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(http://www.penddy.com/wp-content/themes/blogger/img/dots.gif); background-position: 0% 100%; background-repeat: repeat no-repeat;&quot;&gt;&lt;a name=&quot;_Toc322082532&quot;&gt;一、前言&lt;/a&gt;&lt;/h3&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;开发者在产品上同时覆盖iOS平台和Android平台时，则会遇到同一个功能在不同平台中界面和交互如何展现的问题。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;了解两个平台间的控件对应关系和异同点，对同时面向两个平台的产品和交互设计是有帮助的。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;此部分就两个平台的控件进行对应，并辅以一定的描述，更详细的控件说明和适用的场合请直接参阅参考资料中的相关文档。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;说明：Android中的系统控件会根据不同的ROM和操作系统版本有所变化，本文中Android控件以《Android Design》为主要参考。&lt;/p&gt;
&lt;h3 style=&quot;font-family: Arial, Tahoma, Arial; font-size: 16px; color: #222222; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(http://www.penddy.com/wp-content/themes/blogger/img/dots.gif); background-position: 0% 100%; background-repeat: repeat no-repeat;&quot;&gt;&lt;a name=&quot;_Toc322082533&quot;&gt;二、目的&lt;/a&gt;&lt;/h3&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;本文期望表达的含义，集中于如下三个方面：&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;radic; iOS和Android的的控件在目标上是趋同的，但形式则有较大区别，因此Android产品符合Android本身的风格，不建议直接沿用iOS风格。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;radic; 了解iOS和Android控件的对应关系，有助于在产品设计时，既能利用现有的思路，又能符合相应平台的风格&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;radic; Android因为各设备商自定义ROM、不同系统版本之间的不同、设备物理属性的多样化等原因，造成Android本身的风格有多种，设计优秀的Android应用，是一件不容易的事情。&lt;/p&gt;
&lt;h3 style=&quot;font-family: Arial, Tahoma, Arial; font-size: 16px; color: #222222; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(http://www.penddy.com/wp-content/themes/blogger/img/dots.gif); background-position: 0% 100%; background-repeat: repeat no-repeat;&quot;&gt;&lt;a name=&quot;_Toc322082534&quot;&gt;三、功能栏&lt;/a&gt;&lt;/h3&gt;
&lt;h4 style=&quot;font-family: 'Trebuchet MS', Tahoma, Arial; font-size: 17px; line-height: 17px; color: #222222; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(http://www.penddy.com/wp-content/themes/blogger/img/dots.gif); background-position: 0% 100%; background-repeat: repeat no-repeat;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082535&quot;&gt;3.1&amp;nbsp;&lt;/a&gt;状态栏(Status Bar)&lt;/h4&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp; iPhone的状态栏系统提供了3种样式，分别为浅色、深色、深色半透，高度固定。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp; Android的状态栏根据各个手机厂商自定义的ROM不同，会有多种样式，在MIUI中还可以根据主题不同也会变化。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0024.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image002[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0024_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image002[4]&quot; width=&quot;404&quot; height=&quot;100&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082536&quot;&gt;3.2&lt;/a&gt;导航栏(Navigation Bar)&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp; iPhone的导航栏高度固定，放置在界面顶部，导航栏中部一般放置标题，但也可以被用来放置其他内容，左侧一般放置导航或者其他按钮，右侧一般放置按钮。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp; Android的导航栏会根据情况不同而承担导航、操作栏(Acton Bar)、情景操作栏(Contextual Action Bars)的功能。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;当承担导航功能时，出现的元素包含标题，左箭头（代表上一级），这些元素联合界面、系统返回键（硬返回键或软返回键）一起构成了导航。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;当其承担操作栏功能是，出现的元素有操作图标（有时候是平面的纯文字，包括更多图标）、Spinners下拉菜单、选项卡等，如果操作栏图标过多，会在界面最下方提供另外一条操作栏。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;情景操作栏的出现场景包括文本选择、内容的选择等，一般是通过对当前内容长按出现。此控件是Android 4.0，用来一定程度上代替长按的弹出菜单。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0044.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image004[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0044_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image004[4]&quot; width=&quot;406&quot; height=&quot;137&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h4 style=&quot;font-family: 'Trebuchet MS', Tahoma, Arial; font-size: 17px; line-height: 17px; color: #222222; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(http://www.penddy.com/wp-content/themes/blogger/img/dots.gif); background-position: 0% 100%; background-repeat: repeat no-repeat;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082537&quot;&gt;3.3&lt;/a&gt;工具栏(Tool Bar) vs 操作栏(Action Bar)&lt;/h4&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; iPhone的工具栏高度固定，放置在界面底部，界面上一般放置图标或者按钮。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Android的当顶部操作栏空间不够无法放置更多按钮时，会出现在底部，但在有菜单键的手机上，会通过菜单弹出放不下的操作栏按钮。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;另外，底部操作栏是在Android 4.0中引入的。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0064.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image006[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0064_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image006[4]&quot; width=&quot;244&quot; height=&quot;49&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h4 style=&quot;font-family: 'Trebuchet MS', Tahoma, Arial; font-size: 17px; line-height: 17px; color: #222222; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(http://www.penddy.com/wp-content/themes/blogger/img/dots.gif); background-position: 0% 100%; background-repeat: repeat no-repeat;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082538&quot;&gt;3.4&lt;/a&gt;标签栏&lt;/h4&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; iPhone的标签栏放置在底部，样式固定。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; Android的标签栏包括位置可变和固定的两种，在Android 2.x的系统中，还有图文并排的标签，在Google自身的应用中，就有多种标签风格。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;在Android 4.0中的标签，基本上都是可以左右拖动切换标签的，也可以直接点击切换。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0084.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image008[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0084_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image008[4]&quot; width=&quot;354&quot; height=&quot;152&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3 style=&quot;font-family: Arial, Tahoma, Arial; font-size: 16px; color: #222222; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(http://www.penddy.com/wp-content/themes/blogger/img/dots.gif); background-position: 0% 100%; background-repeat: repeat no-repeat;&quot;&gt;&lt;a name=&quot;_Toc322082539&quot;&gt;四、&lt;/a&gt;&amp;nbsp;列表&lt;/h3&gt;
&lt;h4 style=&quot;font-family: 'Trebuchet MS', Tahoma, Arial; font-size: 17px; line-height: 17px; color: #222222; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(http://www.penddy.com/wp-content/themes/blogger/img/dots.gif); background-position: 0% 100%; background-repeat: repeat no-repeat;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082540&quot;&gt;4.1&lt;/a&gt;列表&lt;/h4&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp; iOS的列表包括普通的表格、带索引的表格、分组的表格。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp; Android的列表则也普通的表格、带分组的表格，有横线占满和不占满的区别，不占满的和iOS的分组表格比较类似。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0104.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image010[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0104_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image010[4]&quot; width=&quot;504&quot; height=&quot;292&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0124.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image012[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0124_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image012[4]&quot; width=&quot;504&quot; height=&quot;198&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h5 style=&quot;color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; line-height: 19px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082541&quot;&gt;4.2&amp;nbsp;&lt;/a&gt;表格控件&lt;/h5&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;在这些iOS的表格控件中:&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;uuml; Android的单选多选通过右侧的复选框和Radio Box来实现;&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;uuml; Android无展开指示符;&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;uuml; 其他的&amp;ldquo;详情指示按钮、添加、删除&amp;rdquo;等操作，可以以下方类似Spinners的标记点击后通弹出操作列表来完成。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;Android因为本身没有提供这样的表格控件，但因为有类似有需要的场合，所以即使是google官方的应用，也扩展出不少非标准的控件，比如表格空间中Google Doc右侧的按钮、Google Music右侧的Spinners等等。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0144.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image014[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0144_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image014[4]&quot; width=&quot;394&quot; height=&quot;332&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h5 style=&quot;color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; line-height: 19px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082542&quot;&gt;4.1&amp;nbsp;&lt;/a&gt;开关&lt;/h5&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp; iPhone中的开关只有一种样式。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp; Android 则提供了类似iOS的开关、复选、单选 等开关。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0164.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image016[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0164_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image016[4]&quot; width=&quot;424&quot; height=&quot;97&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3 style=&quot;font-family: Arial, Tahoma, Arial; font-size: 16px; color: #222222; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(http://www.penddy.com/wp-content/themes/blogger/img/dots.gif); background-position: 0% 100%; background-repeat: repeat no-repeat;&quot;&gt;&lt;a name=&quot;_Toc322082543&quot;&gt;五、对话框、动作列表&lt;/a&gt;&lt;/h3&gt;
&lt;h5 style=&quot;color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; line-height: 19px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082544&quot;&gt;5.1&amp;nbsp;&lt;/a&gt;对话框&lt;/h5&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;这点主要是风格不同，作用比较类似。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;另外Android 4.0之前，确定一般在左侧，Android 4.0中，确定变到了右侧。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0184.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image018[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0184_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image018[4]&quot; width=&quot;354&quot; height=&quot;147&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h5 style=&quot;color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; line-height: 19px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082545&quot;&gt;5.2&amp;nbsp;&lt;/a&gt;带文本输入框的对话框&lt;/h5&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0204.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image020[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0204_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image020[4]&quot; width=&quot;399&quot; height=&quot;216&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h5 style=&quot;color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; line-height: 19px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082546&quot;&gt;5.3&amp;nbsp;&lt;/a&gt;动作列表&lt;/h5&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;iOS上的动作列表，Android中没有直接对应的元素，但有类似的元素&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0224.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image022[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0224_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image022[4]&quot; width=&quot;493&quot; height=&quot;375&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3 style=&quot;font-family: Arial, Tahoma, Arial; font-size: 16px; color: #222222; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(http://www.penddy.com/wp-content/themes/blogger/img/dots.gif); background-position: 0% 100%; background-repeat: repeat no-repeat;&quot;&gt;&lt;a name=&quot;_Toc322082547&quot;&gt;六、其他系统控件&lt;/a&gt;&lt;/h3&gt;
&lt;h5 style=&quot;color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; line-height: 19px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082548&quot;&gt;6.1&amp;nbsp;&lt;/a&gt;选择器&lt;/h5&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;strong&gt;&lt;/strong&gt;iPhone和Android分别提供了不同样式的选择器。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp; Android中的选择器不同ROM和不同系统版本风格不同。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0244.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image024[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0244_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image024[4]&quot; width=&quot;448&quot; height=&quot;170&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h5 style=&quot;color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; line-height: 19px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082549&quot;&gt;6.2&lt;/a&gt;页面指示器&lt;/h5&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp; iPhone页面指示器在应用和主界面一致。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp; Android的页面指示器主要用于桌面页面的切换， 不同ROM和不同系统版本风格不同。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0264.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image026[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0264_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image026[4]&quot; width=&quot;407&quot; height=&quot;121&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h5 style=&quot;color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; line-height: 19px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082550&quot;&gt;6.3&lt;/a&gt;滑块&lt;/h5&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp; iOS滑块一种风格，Android不同ROM和不同系统版本风格不同。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0284.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image028[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0284_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image028[4]&quot; width=&quot;244&quot; height=&quot;98&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;strong&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;h5 style=&quot;color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; line-height: 19px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082551&quot;&gt;6.4&lt;/a&gt;进度条&lt;/h5&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp; Android的进度条依然因为不同ROM和不同系统版本风格不同&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0304.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image030[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0304_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image030[4]&quot; width=&quot;313&quot; height=&quot;128&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h5 style=&quot;color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; line-height: 19px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082552&quot;&gt;6.5&lt;/a&gt;单选和复选&lt;/h5&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; iOS的单选和复选都可以通过列表中的&amp;ldquo;对号&amp;rdquo;来处理，也有类似右图的样式。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; Android的基本上是Radio Box和Checkbox的风格，当然，风格一如既往的和ROM以及系统版本号有关系。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0324.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image032[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0324_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image032[4]&quot; width=&quot;472&quot; height=&quot;256&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h3 style=&quot;font-family: Arial, Tahoma, Arial; font-size: 16px; color: #222222; margin-top: 10px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-image: url(http://www.penddy.com/wp-content/themes/blogger/img/dots.gif); background-position: 0% 100%; background-repeat: repeat no-repeat;&quot;&gt;&lt;a name=&quot;_Toc322082553&quot;&gt;七、特有控件&lt;/a&gt;&lt;/h3&gt;
&lt;h5 style=&quot;color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; line-height: 19px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082554&quot;&gt;7.1 Android&lt;/a&gt;特有的控件&lt;/h5&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;此处只列出了部分Android特有的控件。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;左侧是Spinners，在iOS中没有直接原生对应的，但会有应用会尝试使用类似的，比如新浪微博的客户端有类似用法。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;右侧是toast，会显示几秒钟消失，常用来做某些没有重要到直接通过对话框来程度的提示，此控件在iOS中也没有原生对应的，但一样会有应用尝试使用，比如不少应用的网络错误提示。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0344.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image034[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0344_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image034[4]&quot; width=&quot;372&quot; height=&quot;160&quot; /&gt;&lt;/a&gt;&amp;nbsp;，&lt;/p&gt;
&lt;h5 style=&quot;color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; line-height: 19px;&quot;&gt;&lt;a style=&quot;color: #225d99;&quot; name=&quot;_Toc322082555&quot;&gt;7.2 iOS&lt;/a&gt;特有的控件&lt;/h5&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;分段控制器，是在Android中缺失的控件。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;分段控制器在Android中没有太好的替代选择，google原生应用中会用标签栏或九宫格来一定程度上达到分段控制的作用。&lt;/p&gt;
&lt;p style=&quot;padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; color: #111111; font-family: Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif; font-size: 13px; font-weight: normal; line-height: 19px; margin: 0px;&quot;&gt;&lt;a style=&quot;color: #225d99; text-decoration: none;&quot; href=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0364.gif&quot;&gt;&lt;img style=&quot;display: inline; border-color: initial; border-style: initial;&quot; title=&quot;clip_image036[4]&quot; src=&quot;http://www.penddy.com/wp-content/uploads/2012/05/clip_image0364_thumb.gif&quot; border=&quot;0&quot; alt=&quot;clip_image036[4]&quot; width=&quot;280&quot; height=&quot;134&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/h3&gt;&lt;p&gt;相关话题：&lt;a href=&quot;http://ucdchina.com/topic/360&quot; target=&quot;_blank&quot;&gt;iphone与android&lt;/a&gt;&amp;nbsp;源地址：&lt;a href=&quot;http://www.penddy.com/%E6%B5%85%E8%B0%88ios%E5%92%8Candroid%E7%9A%84%E4%BA%A7%E5%93%81%E4%BA%A4%E4%BA%92%E8%AE%BE%E8%AE%A1%E4%B8%89iphone%E5%92%8Candroid%E7%9A%84%E6%8E%A7%E4%BB%B6%E5%AF%B9%E6%AF%94.html&quot; target=&quot;_blank&quot;&gt;http://www.penddy.com/%E6%B5%85%E8%B0%88ios%E5%92%8Candroid%E7%9A%84%E4%BA%A7%E5%93%81%E4%BA%A4%E4%BA%92%E8%AE%BE%E8%AE%A1%E4%B8%89iphone%E5%92%8Candroid%E7%9A%84%E6%8E%A7%E4%BB%B6%E5%AF%B9%E6%AF%94.html&lt;/a&gt;&lt;/p&gt;</description>
				<author>penddy</author>
				<pubdate>2012-05-08 13:38:18</pubdate>
			</item>			<item>
				<title>为什么iOS应用比安卓应用更好看?</title>
				<link>http://ucdchina.com/snap/11841</link>
				<description>&lt;p&gt;大部分用户可能都认为，智能手机应用软件的设计工作很单纯，它与平台无关，无论在iOS上或安卓上都一样。&lt;/p&gt;
 
&lt;p&gt;但事实上，在兼营这两个平台的开发者们看来，在iOS上设计一款界面精美细致的应用要更容易。美国在线旅游公司Hipmunk的UI设计师、iOS开发者达尼洛&amp;middot;坎波斯（Danilo Campos）为我们进行了概括：&amp;ldquo;最简单的答案就是：在iOS上做个好看而吸引人的应用要比在安卓上容易不少。&amp;rdquo;&lt;/p&gt;
 
&lt;p&gt;先看看他得出上述结论的原因吧。&lt;/p&gt;
 
&lt;p&gt;&lt;img title=&quot;为什么iOS应用比安卓应用更好看&quot; src=&quot;http://imgmacgg.b0.upaiyun.com/20120506ios1.png&quot; alt=&quot;为什么iOS应用比安卓应用更好看&quot; /&gt;&lt;br /&gt; &lt;em&gt;左图是Hipmunk的iOS应用，界面中的功能按钮都能放在屏幕边角上，但在右图的安卓应用中就很难将它们放到合适的位置。&lt;/em&gt;&lt;/p&gt;
 
&lt;p&gt;首先，安卓设备的&amp;ldquo;碎片化&amp;rdquo;是个大问题。在iOS平台上写代码时，开发者们只需要处理很有限的屏幕分辨率参数和硬件配置，毕竟iPhone和iPad就那么几款；而现在市面上的安卓机型恐怕没人能数得清，这就导致开发者们要兼顾大量的设备参数。&amp;ldquo;安卓设备有各种外形、大小、屏幕分辨率和处理速度&amp;mdash;&amp;mdash;这就给我们造成了巨大的困难，&amp;rdquo;Karma App公司的联合创始人李&amp;middot;林登（Lee Linden）告诉《连线》网站，&amp;ldquo;我们需要对差不多20款拥有不同分辨率和CPU的机型进行测试，这的确会大大拖慢开发进度。&amp;rdquo;&lt;/p&gt;
 
&lt;p&gt;坎波斯说：&amp;ldquo;在那些高分辨率的安卓设备上，图案看上去会很赞，然而我们在一些老机型上进行测试，结果却惨不忍睹。&amp;rdquo;遇到这种情况，开发者们就只能重新构思设计元素并且考虑更改程序代码。&lt;/p&gt;
 
&lt;p&gt;再举个例子，Hipmunk公司在为安桌平台设计图案时必须准备三套方案：老式机型用一倍大小的；高分辨率的新机型用两倍大小的；还有一套奇怪的1.5倍大小图案给其它设备使用。不过有些开发者会放弃为那些特殊机型设计图案，后果就是那些机型的使用者没有好的用户体验。&lt;/p&gt;
 
&lt;p&gt;的确，移动应用开发必须以极快的速度进行，那些应用开发团队往往很小，资金也不足，如果要在每一个设计元素上都花费额外的时间，那就意味着在其它方面的创新时间减少。以上种种原因都导致安卓应用开发者们制作的应用没有那么美观。&lt;/p&gt;
 
&lt;p&gt;另外，安卓领域的开发工具和开发文档也略显不足。苹果已经在开发者支持上进行了20多年的改进，在软件开发包和用户界面指引上几乎已臻完美，而谷歌在这方面才刚刚起步。因此，对比安卓，iOS平台的开发者就有了更多工具去进行有趣而独一无二的设计。&amp;ldquo;如果我的手上有更多官方与第三方技术文档，那么在开发时就会更顺畅。&amp;rdquo;坎波斯这样描述自己的iOS开发工作。但放在安卓平台的开发上，事情就不是这么简单了。&amp;ldquo;很令人心烦的就是在开发时会遇到许多未被明确说明的东西，&amp;rdquo;坎波斯说，&amp;ldquo;我们的安卓开发员莱恩必须去深入阅读源代码，才能明白一些未被标明的XML格式化部分，这简直让他求死不能。&amp;rdquo;&lt;/p&gt;
 
&lt;p&gt;&lt;img title=&quot;为什么iOS应用比安卓应用更好看&quot; src=&quot;http://imgmacgg.b0.upaiyun.com/20120506ios2.png&quot; alt=&quot;为什么iOS应用比安卓应用更好看&quot; /&gt;&lt;br /&gt; &lt;em&gt;左边是房地产搜索引擎Trulia的iOS版应用，其中有细节、照片、地图等标签，但在右边的安卓版应用上就没有了这样明确的分类。&lt;/em&gt;&lt;/p&gt;
 
&lt;p&gt;一些经过仔细设计的产品特性也更容易应用到iOS应用中，因为iOS有着各种各样的API接口和函数库。&amp;ldquo;在安卓平台上很难实现一些好看的触摸动作，比如转场效果（transitions ）和圆角（rounded corners）。&amp;rdquo;Trulia公司的产品经理史蒂夫&amp;middot;雅各（Steve Yarger）说。林登也对这一点表示赞同：&amp;ldquo;iOS平台的确让手势转场效果变得更容易实现，UI中元素的渐现、渐隐和滑动都开放给开发者使用，而且在每个iOS设备上这些动作都是一致的。但安卓平台上有许多不同的框架，这就让你无法知道什么东西可以通用于所有设备。&amp;rdquo;&lt;/p&gt;
 
&lt;p&gt;当然，谷歌也不会对这种情况坐视不理，在推出了安卓4.0版（冰淇淋三明治）之后，谷歌在Google+上建立了安卓开发者页面，并且开设了安卓训练课堂。现在谷歌也建立起了完备的安卓设计指引，这让开发者们更容易进行整个设计工作。但是，安卓设备的&amp;ldquo;碎片化&amp;rdquo;仍未解决，目前只有不到3%的安卓设备运行着4.0系统。&lt;/p&gt;
 
&lt;p&gt;&lt;img title=&quot;为什么iOS应用比安卓应用更好看&quot; src=&quot;http://imgmacgg.b0.upaiyun.com/20120506ios3.png&quot; alt=&quot;为什么iOS应用比安卓应用更好看&quot; /&gt;&lt;br /&gt; &lt;em&gt;Karma公司的iOS应用（左）和安卓应用（右）看上去很相似，但是后者的开发花费的时间要多得多。&lt;/em&gt;&lt;/p&gt;
 
&lt;p&gt;不过在iOS平台上也不是什么都好，尽管iOS让高精度设计更为容易，但是安卓则给予了开发者更多的自由。&amp;ldquo;在安卓上，只要你愿意花时间，你可以做到你想做的一切，&amp;rdquo;雅各说，&amp;ldquo;苹果给开发者的约束很多，但这就是交易，用较少的开发自由来换得让应用更好看的开发工具。&amp;rdquo;&lt;/p&gt;
 
&lt;p&gt;雅各为我们进行了总结：&amp;ldquo;如果你只想设计一个好看而合格的应用，在iOS平台上更为简单；苹果已经创造的&amp;lsquo;生态系统&amp;rsquo;就是用来进行这样的工作。&amp;rdquo;&lt;img src=&quot;http://www1.feedsky.com/t1/635195594/MacGG/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/MacGG/~7240343/635195594/5349783/1/item.html&quot; border=&quot;0&quot; alt=&quot;&quot; width=&quot;0&quot; height=&quot;0&quot; /&gt;&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://www.macgg.com/archives/7629.html&quot; target=&quot;_blank&quot;&gt;http://www.macgg.com/archives/7629.html&lt;/a&gt;&lt;/p&gt;</description>
				<author>Applemars</author>
				<pubdate>2012-05-08 12:55:23</pubdate>
			</item>			<item>
				<title>忘记技术原理，关注用户心智</title>
				<link>http://ucdchina.com/snap/11840</link>
				<description>&lt;p&gt;浴室水龙头，有两种常见的设计。先说说A方案，如下图。有两个旋钮，一个控制热水的出水量，一个控制冷水的出水量。&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://raydeng.blog.techweb.com.cn/files/2012/04/e6b0b4e9be99e5a4b41.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://raydeng.blog.techweb.com.cn/files/2012/04/e6b0b4e9be99e5a4b41.png&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;281&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;从工程师的角度看，这个设计很自然，因为特定温度的水其实就是冷水和热水混合出来的，这就是其&amp;ldquo;技术原理&amp;rdquo;。&lt;/p&gt;
 
&lt;p&gt;但实际上，这不好用，因为它不符合用户心智。用户心智中，水有两个维度：一个是水量，一个是温度，这两者是分离的。下面这个B方案，就是符合用户心智的方案。旋转可以控制温度，开合可以控制水量。有没有发现，这样自然多了？&lt;/p&gt;
 
&lt;p&gt;所以，在交互设计中，要忘记技术原理，关注用户心智。别总惦记着数据库的表结构，想想用户想要的究竟是哪些数据。&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://raydeng.blog.techweb.com.cn/files/2012/04/e6b0b4e9be99e5a4b42.png&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://raydeng.blog.techweb.com.cn/files/2012/04/e6b0b4e9be99e5a4b42.png&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;459&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;另外，A方案中，把温度和水量混合在一起，还有一个致命的易用性问题&amp;mdash;&amp;mdash;每次都得重新调节温度。既让人崩溃，又浪费水。&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://www.raydeng.com/%e5%bf%98%e8%ae%b0%e6%8a%80%e6%9c%af%e5%8e%9f%e7%90%86%ef%bc%8c%e5%85%b3%e6%b3%a8%e7%94%a8%e6%88%b7%e5%bf%83%e6%99%ba.html&quot; target=&quot;_blank&quot;&gt;http://www.raydeng.com/%e5%bf%98%e8%ae%b0%e6%8a%80%e6%9c%af%e5%8e%9f%e7%90%86%ef%bc%8c%e5%85%b3%e6%b3%a8%e7%94%a8%e6%88%b7%e5%bf%83%e6%99%ba.html&lt;/a&gt;&lt;/p&gt;</description>
				<author>邓熔</author>
				<pubdate>2012-05-08 12:47:58</pubdate>
			</item>			<item>
				<title>PIC那些事儿</title>
				<link>http://ucdchina.com/snap/11839</link>
				<description>&lt;p&gt;在我们的生活，工作，学习过程中，社交网络已经逐渐成为未来互联网发展的趋势。今年，Facebook,Twitter,Google+都是时下社交网络的热门产品，每月的用户使用量都在逐渐增多。&lt;/p&gt;
&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;然后，今天我要谈的并不是这些我们耳熟能详的热门互联网产品。&lt;/p&gt;
 
&lt;p&gt;而是现如今，随着社交网络的日新月异的变化着，我们越来越多的年轻人都在使用手持无线设备上网，进行他们的交际圈子，这也是图片社交新兴的一个时代。图片分享的社交形式越来越普及，许多的年轻人喜欢用图片的形式去分享自己身边发生的人与事，去show自己的生活，idea和圈子。随着Iphone,Andirod等智能手机的普及，人们可以随时随地的分享图片来丰富自己的社交网络，这就是我今天要谈的关于PIC那些事儿。&lt;/p&gt;
 
&lt;p&gt;在社交网络市场上，热门的Facebook、Google+、Twitter、校内网等为用户提供的是综合性的社交服务，而现在人们更专注于图片的存储和分享。随着网络上用户图片数量的与日俱增，现在还缺乏专业化的服务来满足人们在图片分享方面相应的需求。图片中所蕴含的&amp;ldquo;人&amp;rdquo;的信息，没能得到充分的重视；这使得现有的图片分享服务，大多数成为在线的图片储存工具，而没有将图片背后的社交、娱乐等价值充分发挥出来。致力于为用户提供独特的服务，帮助它们在图片和个体之间建立联系，让人们能够更加得心应手地分享和使用图片。&lt;/p&gt;
 
&lt;p&gt;现在在市面上，出现了很多款满足这类需求的APPS，我在这里做一些说明和分析，帮助大家更好的认识图片社交网络的魅力。有2011年接近风靡instagram，照片编辑为主的camera360，私密社交分享的PATH，趣味性十足的picplz等等，这些都是国外做的比较不错几个APPS。&lt;/p&gt;
 
&lt;p&gt;下面我来分享下这些图片类社交应用。主要讲instagram和path这两款，因为它们改版后的经验度尤为震撼到了我，尤其是path改版后的界面风格整个提升不少，给我们国内UI界带来了新启迪，希望能给关注这类产品的同学们有一些帮助。&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;Instagram：&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;是一个免费，有趣，简单的方法制作和分享你的iPhone华丽的照片，也可以即时分享到Facebook，Twitter的，Flickr等社交平台上，与你和你的朋友产生互动的的应用程序。&lt;/p&gt;
 
&lt;p&gt;它是一个只有6个人的创作小团队组成，然后在2011年只花了一年的时间，将使用的用户突破1400万，发布图片4亿多张，用户量遍布全球。目前只有IOS平台的介入，Android版应用希望早日开发出来，方便大家使用。我们来看下它的成功之处和吸引人的魅力所在之处究竟何在？&lt;/p&gt;
 
&lt;p&gt;从图片显示：&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/0000.png&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;1051&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;Instagram从1.0到如今的2.0的蜕变，界面和LOGO都发生了很多质的飞跃。LOGO调整的更加精细写实了。从之前的扁平质感的彩带LOMO照相机演变成了现在新版的浓质感立体化的镜头，使得整个APPS更显高贵和升级之感。界面功能增加了很多滤镜效果。图片质量也提高了不少，最主要的是服务器容量做了比较大的改善，速度加快了很多。&lt;/p&gt;
 
&lt;p&gt;我们来看下它的一路蜕变史。&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/002.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;603&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;2.0的这次的升级改版使Instagram的全球用户量又一次攀升，将它推向了顶点。&lt;/p&gt;
 
&lt;p&gt;1.100％免费的自定义设计的滤镜器；滤镜微创新，比过去处理照片快200倍。&lt;br /&gt; 2.镜深和移轴效果的加入；&lt;br /&gt; 3.即时分享到Facebook，Twitter，Flick与朋友互动，迈入了独立社交产品的地位。&lt;br /&gt; 4.技术上工程师的精挑细选，可以支持无线的海量上传，服务器更加稳定。&lt;br /&gt; 5.朋友的喜欢和意见，评论；&lt;br /&gt; 6.删去了一些不必要的功能，进行了界面简化；&lt;br /&gt; 7.并且还推出了系列周边延展应用；（Insta Rader它可以找到方圆5英里用instagarm分享的照片并标记处地理位置；Insta Rgam是一款增强现实的应用，可以将附近的社区分享的热门优秀照片推送出来。Insta Deck可以将Instagarm的体验迁移到Mac电脑的桌面上。&lt;/p&gt;
 
&lt;p&gt;这就是Instagram的web版体验，方便大家参与和体验。&lt;a href=&quot;http://statigr.am/&quot; target=&quot;_blank&quot;&gt;http://statigr.am/&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/04.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;810&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;UI界面做的也是非常的精致，非常符合时下文艺小青年的审美调子，欢迎大家在上面分享各种有意思的图片哇！&lt;/p&gt;
 
&lt;p&gt;Instagram 在移动端融入了很多社会化元素，包括好友关系的建立、回复、分享和收藏等，这是Instagram 作为服务存在而非应用存在最大的价值。&lt;/p&gt;
 
&lt;p&gt;但非所有的图片分享工具都赞同开放的社交图片与路线，另外一家图片拍摄与分享服务商Path就坚持&amp;ldquo;私密分享&amp;rdquo;的另一种选择。&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt; Path:&lt;/strong&gt;这个APPS是非常值得一提的一款应用程序，这是由两个前 Facebook 员工精心打造出来的&amp;ldquo;密友社交平台&amp;rdquo;已经突破了 100 万的用户数量，它在这次2.0改版之后，做了一个华丽光鲜的转身，把许多同类产品都遥遥的甩在了身后。直接领跑整个图片类社交分享圈子，无论是在功能和界面设计上都做的相当的精致出位，很受大家的喜爱追捧。&lt;/p&gt;
 
&lt;p&gt;Path其实是一个私人图片社交圈子，它只能够添加你最亲密的50人作为好友，它让你不能不想部分受众SAY NO。这样也同时很好的建立起互联网上第三种社交网络类别。2.0的path是模拟了一本智能杂志的形式，可以帮助您分享生活，爱人，你的想法，你听的好听的歌曲，视频。新版更增加了时间轴排列的信息，让你更加清晰的看来一路走来的时间、地点、人物和事件，更加好的帮助回忆过往发生的事情。新版还添加了有意思的唤醒功能，当你睡觉和醒来的瞬间，只要玩过Path，就可以轻松识别您的地理位置和睡觉的时间，让你最私密的好友们最清晰的第一时间了解你的动态。还可以让你的朋友知道你在哪里共享路径上的地方。同时也可以看到你好友添加了哪些朋友，从而加密关系链。&lt;/p&gt;
 
&lt;p&gt;最惊艳的是其主页的版式，很大气简洁的排版，也充分的展示了所需的基本信息。新增的一些功能也开始彰显出设计团队对于私密朋友间社交模式的新思考。&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/4.png&quot; alt=&quot;&quot; width=&quot;399&quot; height=&quot;285&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;令人耳目一新的华丽界面，当用户登录新版本的Path时，将可以按照自己的喜好更换自己主页的背景图片，用户可以通过自定义这张&amp;ldquo;背景图片&amp;rdquo;，来向好友们展现自己的审美观念，有点个人博客的感觉。这里处理头像的手法也是相当的精致，很巧妙的和主页背景COVER所结合，配以醒目的英文名字和基本信息作为主页标题，整款APPS在首页进入就带给人们不一样的精致度，再加上IOS显示的精细度，将这款转型后的Path展现的凌厉尽致。可以用几个关键词来形容：革命突破性的颠覆；最具独特的创新转型；与同类产品的竞争潜力提升百倍。&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/5.gif&quot; alt=&quot;&quot; width=&quot;381&quot; height=&quot;288&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;UI的设计非常精细考究，简洁明了的表达了他们的功能含义。&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/05.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;443&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;进入应用程序本身，许多细节的精巧构思也令人在使用过程中心生爱意。&lt;/p&gt;
 
&lt;p&gt;用户在轮动浏览的过程中，屏幕右侧会自动出现一个时间轴指示器，指针的动态滚动，帮你记录了所有的动态信息。&lt;/p&gt;
 
&lt;p&gt;用户的操作形式也非常的新颖，都是基于屏幕左下方的那个&amp;ldquo;+&amp;rdquo;号图标&amp;mdash;&amp;mdash;点击它，6 个扩展选项按钮随即弹出，此时的红色&amp;ldquo;+&amp;rdquo;号已经变成了红色&amp;ldquo;X&amp;rdquo;号，提醒用户再次点击将会把扩展出来的选项按钮一并收回。Flash动作的缓动实现带给用户轻松活泼的感觉。&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/005.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;350&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;菜单的三屏模式左右滚动切换，界面的关联展示，强化了操作过程的连续性，使得信息展示更加直观，这也是2.0非常独出心裁的设计制作，使用户在交互和视觉的体验上都相当的完美。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;手机底部左下角区域，在人机交互的逻辑下，更适合右手操作，&amp;ldquo;X&amp;rdquo;按钮包含多个常用功能，展示节省空间，直观引导。&lt;/p&gt;
 
&lt;p&gt;还有一个很值得一提的新鲜玩意，记录下每天睡觉苏醒的时间和地点，让最亲密的人感受到彼此的存在。&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/9.png&quot; alt=&quot;&quot; width=&quot;446&quot; height=&quot;666&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;Path带给我与众不同的感觉，很多精心完美的贴心服务让用户倍感有趣和温馨。做产品做到这个程度，真的可以给到用户一种宾至如归的感觉。&lt;/p&gt;
 
&lt;p&gt;Feed的时间轴情感化展示，穿插着这些可爱且识别率高的ICON，让人特别喜欢！留下深刻影响，为这款APPS增添了不少趣味性。&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/10.png&quot; alt=&quot;&quot; width=&quot;446&quot; height=&quot;228&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;这是我觉得时下图片社交网络，做的相当成功的两款应用程序。同样是涉及图片分享来传达信息的APPS。但是他们完全在两个维度都满足了大家渴望了解彼此动态的需求，而且图文并茂，惟妙惟肖。将整个社交网络推向了图片share的一个巅峰时刻。&lt;/p&gt;
 
&lt;p&gt;当然，最后再推荐几款本人用的比较不错的同类产品，希望喜欢share图片的爱好者们多多尝试体验哟！&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://cdc.tencent.com/wp-content/uploads/2012/05/066.jpg&quot; alt=&quot;&quot; width=&quot;720&quot; height=&quot;157&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;(本文出自腾讯CDC博客: &lt;a href=&quot;http://cdc.tencent.com/?p=5564&quot; target=&quot;_blank&quot;&gt;http://cdc.tencent.com/?p=5564&lt;/a&gt;)&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://cdc.tencent.com/?p=5564&quot; target=&quot;_blank&quot;&gt;http://cdc.tencent.com/?p=5564&lt;/a&gt;&lt;/p&gt;</description>
				<author>CDCer</author>
				<pubdate>2012-05-08 12:46:29</pubdate>
			</item>			<item>
				<title>iOS Wow体验 -为应用的上下文环境而设计</title>
				<link>http://ucdchina.com/snap/11838</link>
				<description>&lt;div&gt;
&lt;div&gt;
&lt;div&gt;本文是《iOS Wow Factor:Apps and UX Design Techniques for iPhone and iPad》第四章译文精选，其余章节将陆续放出。上一篇：&lt;a href=&quot;http://beforweb.com/node/71&quot; target=&quot;_blank&quot;&gt;Wow体验 - 第三章 - 用户体验的差异化策略&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;p&gt;关于本套译文分享的详情及目录结构，请参考&lt;a href=&quot;http://beforweb.com/node/58&quot; target=&quot;_blank&quot;&gt;iOS Wow体验 - 译文分享说明&lt;/a&gt;。&lt;/p&gt;
&lt;p&gt;全文由&lt;a href=&quot;http://weibo.com/c7210&quot; target=&quot;_blank&quot;&gt;C7210&lt;/a&gt;自发翻译(编译)，并首发于&lt;a href=&quot;http://beforweb.com&quot; target=&quot;_blank&quot;&gt;Beforweb.com&lt;/a&gt;，如需转载，请注明译者及出处信息。英文原书版权由Apress所有，中文引进版的版权由相关出版社所有。&lt;/p&gt;
&lt;/div&gt;
&lt;p&gt;对于要打造怎样的iOS应用，也许你在心里已经相当有谱了。不过在读过&lt;a href=&quot;http://beforweb.com/node/71&quot; target=&quot;_blank&quot;&gt;上一章&lt;/a&gt;之后，你就会发现自己还可以站在更高的层面上，通过具有差异化的用户体验策略来重新定义产品概念。&lt;/p&gt;
&lt;p&gt;正如我们在前文中了解到的，用户研究方面的工作是用户体验策略当中的一个重要环节。当你在创造用户角色、构思需求用例、设计任务脚本的时候，必须对用户及移动应用所处的上下文环境加以考虑。这可以帮助你更加准确和有效的验证产品的概念模型，为打造杀手级的iOS应用奠定良好的基础。&lt;/p&gt;
&lt;p&gt;在本章当中，我们首先会阐述一下移动设备的核心价值，并为你提供一个用于比较iPad与iPhone之间行为模式差异的思路框架，从而让你可以根据不同的需求情况来更合理地塑造相应的用户体验模式。随后，我们还将一同来了解一下有哪些指导原则可以帮助你制定更具针对性的需求用例，使你的用户研究工作更有成效，确保产品能够准确地命中用户的需求点&lt;a href=&quot;http://beforweb.com&quot; target=&quot;_blank&quot;&gt;。&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;移动计算的核心价值&lt;/h3&gt;
 
&lt;p&gt;当前，整个移动领域仍在持续迅猛地发展着。你会阅读本书，多半就证明了你已经看到移动设备在功能与用户体验等方面的巨大潜能。不过，究竟是什么原因使得人们对于移动设备及应用市场的热情如此高涨呢？&lt;/p&gt;
&lt;p&gt;移动计算的核心价值就是用户可以随时随处地使用功能、获取数据。说到底就是这么简单。在很短的时间内，手机就从一种只具备电话功能的奢侈品，发展成为具有极高普及率的个人计算设备，其中，电话功能已经不再是人们所关注的主要方面了。如今，iPhone这类移动设备所拥有的计算能力及体验模式都确保了随时随处的可访问性，这也是它们得以成功与流行的关键所在。&lt;/p&gt;
&lt;p&gt;过去，无论是使用应用软件还是上网，我们通常需要通过家中或是办公室里的电脑来进行操作；&amp;ldquo;时间&amp;rdquo;和&amp;ldquo;地点&amp;rdquo;这两个方面因素会在很大程度上限制我们的行为和需求。即使这两方面的条件都可以满足，我们也不得不接受一种完全形式化了的人机交互模式，例如坐在某个特定的屋子或是角落中，通过键盘鼠标操作着电脑。一般而言，我们在家或是办公室使用传统的桌面设备，大多是为了完成某些特定的任务；其中，以休闲为目的行为所占的比例很小。当然，我们这里描述的只是一种最普遍的状况。重点在于，在这种高度形式化了的情景模式下，无论是我们自身，还是我们与计算设备进行交互的方式，都受到了极大的约束。&lt;/p&gt;
&lt;p&gt;&lt;img style=&quot;width:420px;height:315px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/ios-wow-factor-killer-apps-experience-design-mobile-device-home.jpg&quot; alt=&quot;ios-wow-factor-killer-apps-experience-design-mobile-device-home&quot; /&gt;&lt;/p&gt;
&lt;p&gt;如果可以打破时间与地点的局限，我们就能张开双臂拥抱全新的可能，这里包括我们能够想得到或是想不到的各种新需求，以及形形色色有待探索和体验的应用程序。这也正是iPhone这类移动计算设备的核心价值：将人们从传统的桌面设备中解放出来，使他们在各种需求情景中都能够享受到高效能的计算体验。这种演变带来了巨大的机遇，让我们可以对人机交互模式进行重新思考，使这些新设备、新应用能够全方位的融入到我们的生活当中。苹果准确地把握住了这个机遇，使iPhone及各种功能强大的应用程序得以广泛普及并保持高速增长；这些软硬件产品的功能与用户体验无不体现出厂商及设计开发人员对于科技与文化变迁的深刻领悟。&lt;/p&gt;
&lt;h3&gt;&amp;ldquo;移动&amp;rdquo;与&amp;ldquo;便携&amp;rdquo;的体验模式比较&lt;/h3&gt;
 
&lt;p&gt;在本书中，每当提起移动设备，我们通常是在指iPhone及其同类产品。但是对于本章的话题来说，我们必须同时考虑到另外一类设备。从定义上来说，这类设备并不能算是严格意义上的移动设备，虽然这与我们通常的认知不大相符。&lt;/p&gt;
&lt;p&gt;苹果于2010年发布了第一代iPad。对于这款产品，苹果的意图很明确，他们就是希望打造一种介于智能手机与笔记本之间的设备。就在苹果一如既往的对新产品进行大肆宣传，并在消费者当中制造起巨大狂热的时候，一些批评与质疑的声音也此起彼伏。在批评者们看来，iPad只是大号的iPhone而已。不过，他们并不了解&amp;ldquo;大尺寸&amp;rdquo;所蕴藏的重要意义；正是这种特质，使得iPad可以从容应对很多新奇有趣的需求，而这些是iPhone或任何尺寸的笔记本(包括MacBook在内)所无法实现的。&lt;/p&gt;
&lt;p&gt;&lt;img style=&quot;width:500px;height:318px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/ios-wow-factor-killer-apps-experience-design-mobile-device-ipad.jpg&quot; alt=&quot;ios-wow-factor-killer-apps-experience-design-mobile-device-ipad&quot; /&gt;&lt;/p&gt;
&lt;p&gt;相比于传统的笔记本电脑，iPhone与iPad都更加的移动化。不过，这两款iOS设备之间的尺寸差异也相应的造成了它们各自行为方式的不同。我们首先需要明白，手机是纯粹的个人设备，你的手机是和你&amp;ldquo;绑定&amp;rdquo;在一起的，一个来电的呼叫目标就是你本人。在人们的意识当中，手机就是你本人的一个化身或代理。大家在打电话的时候一般会说&amp;ldquo;我打给你是要怎样怎样...&amp;rdquo;，而不是&amp;ldquo;我打给你的手机是要怎样怎样...&amp;rdquo;。从这一点上，我们可以看出此类设备与使用者身份特征之间的紧密关系。&lt;/p&gt;
&lt;p&gt;无论去任何地方，我们几乎都会随身带着自己的手机；它就像是我们的亲密伙伴，从不会离开。使得这种情况成为可能的主要原因，就是包括iPhone在内的绝大多数手机在尺寸方面都相对较小。而iPad则不具备这方面的优势，虽然它同样非常轻便，易于携带，但从尺寸规格上来说，它的移动化特征还是无法与iPhone相比。&lt;/p&gt;
&lt;p&gt;不过，iPad在这方面的弱点却也是它的优势所在。虽然它无法像手机那样可以被我们一直揣在身上，但在很多时候，它可以带来iPhone所难以实现的炫酷体验。我们固然可以使用iPhone来阅读文章、浏览网页或是观看视频，但iPad的大屏幕显然可以带来更棒的视觉效果，并能使用户在交互过程中感受到更多的乐趣。如今的市场正在越发明确地将iPad定性成为 &amp;ldquo;休闲计算设备&amp;rdquo;，这种说法并不是一个新的概念，但iPad的出现使它在休闲娱乐及数码体验等方面的含义更加地与时俱进了。&lt;/p&gt;
&lt;p&gt;&lt;img style=&quot;width:500px;height:460px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/ios-wow-factor-killer-apps-experience-design-mobile-device-ipad-iphone.jpg&quot; alt=&quot;ios-wow-factor-killer-apps-experience-design-mobile-device-ipad-iphone&quot; /&gt;&lt;/p&gt;
&lt;p&gt;我们可以从这些方面逐渐开始看到iPhone与iPad之间最主要的差异所在。在iPad上进行交互操作的流程所需要占用的时间会相对较长，例如，对于看片子、读书、看报等方面的目标任务，我们必需拥有相对宽裕的时间以及不受打扰的环境才能完成。而与此相反，iPhone中的常见需求用例通常只涉及到一些快速简短的交互行为，譬如查看股票行情、天气预报、社交网站中的好友更新等等。在实际生活中，由于我们会一直将手机带在身边，所以在任何时候几乎都可以拿出来进行使用，甚至在做其他事情的时候也不例外。一有机会就掏出手机摆弄摆弄应用，这已然成为绝大多数iPhone用户的习惯了。从这个角度来看，iPad与iPhone的用途及行为特征是截然相反的。我将这一点归纳如下：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt; &lt;strong&gt;iPhone&lt;/strong&gt;：使用频率高，每次交互行为所持续的时间都很短。&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;iPad&lt;/strong&gt;：使用频率低，但每次交互行为所持续的时间都相对较长。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;当然，这只是一种普遍规律，不能反映出全部的实际状况；但也正是这种最具代表性的观察结论可以体现出这两种设备在行为方式上的典型差异。&lt;/p&gt;
&lt;p&gt;可以说，iPhone所切实体现出的&amp;ldquo;移动性&amp;rdquo;的概念是被多数人所理解并认同的，而iPad则不然。 它并不算是一个完全意义上的移动设备，而且它身上所体现出的&amp;ldquo;便携&amp;rdquo;特征与以往的任何设备都有所不同。我之所以更倾向于用&amp;ldquo;便携&amp;rdquo;这个词来描述iPad，是因为在现实生活中，我们确实会时常将它带在身边，但同时，它又不像iPhone那样与我们的关系如此密切，可以随时随地的被拿出来使用。&lt;/p&gt;
&lt;p&gt;作为移动计算的一个分支概念，&amp;ldquo;便携&amp;rdquo;的特质可以很明显地体现在我们日常使用iPad的过程当中。正如我们在前文中了解到的，用户对于iPad的使用频率相对较低，但每次交互行为所持续的时间都比较长。所以用户在使用iPad的时候通常都处于一种相对稳定的环境当中，并且拥有较为充裕的时间。能够满足这些条件的一个最典型的场景就是在家中。例如，人们会在一种非常放松的状态下窝在沙发里，端着iPad或是将它放在膝上进行操作。虽然从整体上看，用户对于iPad的使用频率相对较低，但是在以家庭为代表的环境场景中，iPad被用到的频率却会超出iPhone；而当用户开始真正动起来的时候，他们对iPad的使用率就会开始下降。可以说，离开了家庭这样舒适稳定的环境之后，人们就很少有机会能够真正安心的享受iPad所带来的休闲体验了。&lt;/p&gt;
&lt;p&gt;&lt;img style=&quot;width:500px;height:254px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/ios-wow-factor-killer-apps-experience-design-mobile-device-ipad-user.jpg&quot; alt=&quot;ios-wow-factor-killer-apps-experience-design-mobile-device-ipad-user&quot; /&gt;&lt;/p&gt;
&lt;p&gt;除此之外，这两款iOS设备之间还存在着其他方面的差异。iPhone之所以能够与用户个人保持更为密切的关系，从某种程度上讲，与它的电话功能有很大关系，因为这方面的因素会极大的影响用户对于设备的感知与定位。由于iPad并不具备这种隐私性质的功能，所以它的个人化色彩就相对较弱。在很多时候，用户会与他人分享使用自己的iPad。特别是当他们同时拥有iPhone和笔记本电脑的时候，这方面的行为特征就更加明显。因为在人们的意识当中，手机和笔记本是用于联系他人或进行办公的主要工具，在这些需求面前，iPad只是一种次要设备。这方面最具代表性的例子仍然是以家庭为环境背景的：通常，家庭成员都拥有各自的手机或是笔记本电脑，但他们往往会共同使用一部iPad来完成自己的相关需求。&lt;/p&gt;
&lt;h3&gt;移动应用的五类需求用例&lt;/h3&gt;
 
&lt;p&gt;移动应用的需求用例大致可以分为五种类型，它们都可以在各自的上下文环境中为用户带来重要的使用价值。这些需求用例固然不能代表全部的情况，但是我确信，你可以在很多自己所钟爱的应用当中找到它们的身影。实际上，你完全可以将它们理解成几种典型的应用类别，甚至是具有代表性的功能集合。只是&amp;ldquo;需求用例&amp;rdquo;的概念更加具有&amp;ldquo;以用户为中心&amp;rdquo;的色彩，另外，从用户体验策略的角度来看，这种说法也更加合适。&lt;/p&gt;
&lt;p&gt;这五类典型的需求用例包括：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt; 人际交往&lt;/li&gt;
&lt;li&gt; 娱乐消遣&lt;/li&gt;
&lt;li&gt; 基于地理位置的服务(LBS)&lt;/li&gt;
&lt;li&gt; 电子商务&lt;/li&gt;
&lt;li&gt; 实用效率&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;从某种程度上说，这些类别确实可以涵盖到市面上绝大多数的应用产品。接下来，就让我们逐一对这些用例进行具体的分析。&lt;/p&gt;
&lt;h3&gt;人际交往&lt;/h3&gt;
 
&lt;p&gt;可以说，这是最没有悬念的一类需求用例。在用户对于iPhone这类设备的定义与感知当中，&amp;ldquo;交际&amp;rdquo;是最基础的功能与用途，因为手机本身正是作为&amp;ldquo;电话&amp;rdquo;这种点对点的交际工具被创造出来的。不过，对于我们现在要说到的&amp;ldquo;人际交往&amp;rdquo;，电话功能或手机固有的其他相关功能只是其中的一小部分，我们需要站在更高的层面来进行分析和理解。这类需求用例可以进一步被拆分为 &amp;ldquo;一对一&amp;rdquo;和&amp;ldquo;一对多&amp;rdquo;这两个方面。&lt;/p&gt;
&lt;h4&gt;一对一的交际功能&lt;/h4&gt;
 
&lt;p&gt;下面的四种功能模式虽然都可以在实际当中用作多人之间的信息交流，但它们的核心概念都属于&amp;ldquo;一对一&amp;rdquo;的模式：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt; 基本的电话及语音功能&lt;/li&gt;
&lt;li&gt; 电子邮件&lt;/li&gt;
&lt;li&gt; 短消息&lt;/li&gt;
&lt;li&gt; 即时通讯&lt;/li&gt;
&lt;/ul&gt;
&lt;h4&gt;一对多的社交功能&lt;/h4&gt;
 
&lt;p&gt;以下这些功能与产品形式真正地从深度和广度上定义了&amp;ldquo;一对多&amp;rdquo;的人际交往模式：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt; 社交网络(Facebook、Google+、Twitter等)&lt;/li&gt;
&lt;li&gt; 媒体分享平台(YouTube、Flickr、Vimeo等)&lt;/li&gt;
&lt;li&gt; 音频及视频播客&lt;/li&gt;
&lt;li&gt; 个人博客&lt;/li&gt;
&lt;li&gt; 社会化评论&lt;/li&gt;
&lt;li&gt; 论坛&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;当我们通过这种方式把&amp;ldquo;人际交往&amp;rdquo;分解成不同类型的功能模式之后，这个概念在实际产品中的价值也就显现出来了。有很多成功的应用是直接围绕着其中的某种功能模式进行打造的，而另外一些则会将社交方面的模式作为产品的辅助功能。&lt;/p&gt;
&lt;p&gt;&lt;img style=&quot;width:300px;height:451px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/ios-wow-factor-killer-apps-experience-design-mobile-device-iphone-social-apps-s.jpg&quot; alt=&quot;ios-wow-factor-killer-apps-experience-design-mobile-device-iphone-social-apps-s&quot; /&gt;&lt;/p&gt;
&lt;h3&gt;娱乐消遣&lt;/h3&gt;
 
&lt;p&gt;这是一种覆盖面极大的需求用例，它可以通过很多方式被整合到各种产品形式当中。作为一种应用产品的类别，&amp;ldquo;娱乐&amp;rdquo;的概念显得过于宽泛了，但在抽象的层面，它又是一个具有绝对代表意义的需求用例。一个功能模式是否具有娱乐性，在很大程度上取决于用户在使用过程中的态度与感知。例如，在某些特定的情况下，对于某些用户来说，查看金融信息与股市行情真的是一种娱乐消遣行为。&lt;/p&gt;
&lt;p&gt;我们可以将娱乐性质的应用进一步分为两类：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt; 游戏&lt;/li&gt;
&lt;li&gt; 内容消费&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;游戏类应用产品所具有的娱乐性是显而易见的。人们对于游戏产品在移动领域中的市场定位问题还存在一些争议，对于怎样的游戏模式可以通吃各类移动平台的讨论也是各有各的看法。鉴于本书的主旨，我们不会去探究涉及游戏本身的复杂交互理论，虽然我们在前面几章里学到的那些思路和概念其实有很多是同样可以被运用到游戏应用的设计与开发当中的。&lt;/p&gt;
&lt;p&gt;而作为娱乐性需求用例的另外一个组成部分，内容消费本身就是一个形式多样的庞大概念；看片子、听音乐、读书、浏览网页等一系列行为无一例外地被囊括在这个范畴当中。市面上很多非常流行的iPhone或iPad应用都是聚焦在这个方向上的，这些产品大多拥有特色鲜明的用户体验方式，使得内容消费行为具有很强的娱乐性，对于用户具有极高的吸引力。当然，这也说明很多产品设计人员和开发者都看到了这类需求在市场中的巨大潜力，并且已经开始在自己的产品中付诸实践了。不过即便如此，你也不必过于担心竞争方面的问题；这方面的需求空间依然是巨大的，用户们始终会对那些能够给他们的内容消费行为带来新奇体验的应用产品保持强烈的关注与期待。&lt;/p&gt;
&lt;p&gt;&lt;img style=&quot;width:470px;height:400px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/ios-wow-factor-killer-apps-experience-design-mobile-device-iphone-entertainment-game-apps.jpg&quot; alt=&quot;ios-wow-factor-killer-apps-experience-design-mobile-device-iphone-entertainment-game-apps&quot; /&gt;&lt;/p&gt;
&lt;h3&gt;基于地理位置的服务(LBS)&lt;/h3&gt;
 
&lt;p&gt;这是一种在当前的移动领域中比较新兴的应用服务类型，而且在我们提到的这些典型需求用例当中，它是唯一一个只能通过移动设备进行操作的。这种产品服务类型的出现，得益于当前移动领域中一系列新技术的整合运用，包括GPS、数码罗盘技术、能够在地理位置和定向等方面提供高精准细节信息的移动网络等。&lt;/p&gt;
&lt;p&gt;在苹果的应用商店中，有很多应用会以非常有意思的方式整合着LBS方面的功能，其中有一部分产品获得了成功，而多数则表现平平。这其中的主要原因还在于LBS仍然属于一种比较新兴的用例模式，对于这方面功能所蕴藏的潜能，多数产品设计人员只是触及到了一些皮毛。这类应用当中，有很大一部分会帮助用户以&amp;ldquo;一对一&amp;rdquo;或是&amp;ldquo;一对多&amp;rdquo;的方式分享他们当前所处的地理位置，而另外一部分会为用户提供由A点出发前往B点的出行方案。这里最大的问题在于，LBS最核心的价值究竟是什么，你应该以怎样的方式在自己的产品概念当中将这个价值整合进来。其实答案很简单，LBS最本质的作用，就是将产品自身的核心功能与移动设备所处的上下文环境建立合理的关联，使产品的价值得到提升。&lt;/p&gt;
&lt;p&gt;&lt;img style=&quot;width:450px;height:332px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/ios-wow-factor-killer-apps-experience-design-mobile-device-lbs-foursquare.jpg&quot; alt=&quot;ios-wow-factor-killer-apps-experience-design-mobile-device-lbs-foursquare&quot; /&gt;&lt;/p&gt;
&lt;h3&gt;电子商务&lt;/h3&gt;
 
&lt;p&gt;这是一类对于多数平台设备都具有普遍代表性的需求用例。我们在传统互联网领域中所熟悉的那些电子商务基础功能及行为模式，例如浏览商品、阅读介绍、将商品放入购物车等几乎已经成为了我们的第二天性。在移动应用所处的上下文环境中，怎样针对设备的交互特性，打造最简单直接的购物流程，这是一个不小的挑战。此外，对于关键环节中的交互体验进行优化也是很重要的，例如提升用户在商品浏览过程中对于速度、效率以及屏幕空间利用率等方面的感知与体验。&lt;/p&gt;
&lt;p&gt;这些只是比较简化和常规的产品设计思路。如果你希望将目光放的更远，力图打造一款在各个方面都表现优异的电子商务应用，那么你将逐渐看到这类功能模式所蕴藏的更多潜力。当前，有一些&amp;ldquo;强化型&amp;rdquo;解决方案开始引起人们的关注，这类产品旨在为现有的电子商务平台及相关的购物行为提供支持与强化，而它本身并不需要具备交易方面的功能。这种模式可以被分为两大类：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt; &lt;strong&gt;策展&lt;/strong&gt;：利用第三方资源帮助用户在复杂的商品结构中进行浏览，在此期间有针对性地向用户提供商品推荐，以达到引导消费行为的目的。&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;聚合&lt;/strong&gt;：整合外部资源，按照用户指定的方式对商品内容进行呈现与管理。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;你完全可以根据自己产品的实际情况，基于一套有效的用户体验策略，针对你的目标用户群探索出更多有意思的电子商务强化模式。&lt;/p&gt;
&lt;p&gt;&lt;img style=&quot;width:500px;height:357px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/ios-wow-factor-killer-apps-experience-design-mobile-device-iphone-ecommerce-ebay-apps.jpg&quot; alt=&quot;ios-wow-factor-killer-apps-experience-design-mobile-device-iphone-ecommerce-ebay-apps&quot; /&gt;&lt;/p&gt;
&lt;h3&gt;实用效率&lt;/h3&gt;
 
&lt;p&gt;在第二章里，我们对于iOS所体现出的更加倾向于&amp;ldquo;效用&amp;rdquo;的设计思想做了一定程度的了解，而这方面的价值观同样可以体现在应用当中。从概念上说，&amp;ldquo;实用效率&amp;rdquo;与我们前面提到&amp;ldquo;娱乐消遣&amp;rdquo;是截然相反的两类需求用例。后者所需的上下文环境更加适合具有便携色彩的iPad，而实用型和效率型应用产品则与iPhone这类具有真正移动性的设备有着更为密切的关联，而这种情况也符合用户头脑中对于这两款设备在定义与感知方面的差异。对于效率类的应用来说，即使缺乏出众的视觉设计与令人眩目的交互方式，只要它能够帮助用户迅速高效的完成特定的任务，就有可能获得巨大的成功。&lt;/p&gt;
&lt;p&gt;实用效率的概念同样是非常广泛的，不过你仍然可以根据移动应用所处的上下文环境来考虑以怎样的方式将这个概念整合到自己的产品当中。如果你的目标就是要打造一款纯粹的效率类应用，那么你的产品必须对以下两个方面进行良好的落实：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt; &lt;strong&gt;准确的功能&lt;/strong&gt;：提供用于完成目标任务的最准确的功能方法。&lt;/li&gt;
&lt;li&gt; &lt;strong&gt;简化的操作&lt;/strong&gt;：提供用于完成目标任务的最简化的操作方式。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img style=&quot;width:500px;height:313px&quot; src=&quot;http://beforweb.com/sites/default/files/images/201205/ios-wow-factor-killer-apps-experience-design-mobile-device-iphone-utility-apps.jpg&quot; alt=&quot;ios-wow-factor-killer-apps-experience-design-mobile-device-iphone-utility-apps&quot; /&gt;&lt;/p&gt;
&lt;h3&gt;多种功能模式的整合&lt;/h3&gt;
 
&lt;p&gt;对于这五种最具代表性的需求用例，我们已经逐一进行了分析。对于某些项目来说，确实有必要像这样有针对性的从某个特定的需求用例出发，对产品进行设计和规划，但在很多情况下，你还需要将更多的用例模式作为不同方面的功能属性整合到同一款产品当中。特别是当你的产品概念已经具备了一定的核心框架，而你希望在此基础上增强产品与移动应用上下文环境之间的相关性的时候，这种更具综合性的产品设计思路就显得尤为重要了。当然，你并不需要将所有这些典型的用例模式都非常明显的体现到产品当中，重点在于能否通过这些核心框架之外的功能模式，为产品与其所处的上下文环境建立更加精准的关联。在这个过程中，你也许还可以为产品创造出更多额外的价值，并有可能开拓出一些全新的需求用例模式，使产品能够更好地满足用户对于独特的功能与体验方式的渴望。&lt;/p&gt;
&lt;p&gt;&amp;ldquo;实用效率&amp;rdquo;本身就是个具有普遍性的概念。其实，无论对于哪一类应用，我们都应该在 &amp;ldquo;准确的功能&amp;rdquo;与&amp;ldquo;简化的操作&amp;rdquo;这两方面加以落实，以提升产品的用户体验。不同类型的应用，其功能侧重点有所不同，效率方面的优先级可以根据实际情况进行调整。&lt;/p&gt;
&lt;p&gt;无论你的产品是否以基于地理位置的服务作为核心功能，这种模式都是值得考虑的。不妨在规划产品概念的时候设想一下，如果为应用增加这方面的辅助功能，它会不会为正在外出的用户带来更多的使用价值。&lt;/p&gt;
&lt;p&gt;社交功能也是我们需要重点考虑的一个产品模式。你可以在应用的核心框架中以非常简单的方式将社交功能整合进来，例如在用户个人资料当中添加一个&amp;ldquo;点击进行通话&amp;rdquo;的按钮。将应用产品与社交媒体方面的功能进行整合的重要性正在日益凸显，无论从用户的角度还是从商业的角度来看都是这样。你还可以将更具深度和广度的&amp;ldquo;一对多&amp;rdquo;的社交模式以很多不同的方式整合到自己的产品中。具体应该将哪种社交模式与当前产品概念中的哪些功能点以怎样的方式相结合，这些问题都要由你来根据用户在上下文环境中的实际需求加以判断。&lt;/p&gt;
&lt;p&gt;目标设备的类型也会影响一款产品对于这些典型需求用例的整合程度。基于我们在前文中所了解到的iPhone与iPad这两类设备在行为与体验等方面的差异，你可以更有针对性的为自己的产品制定功能模式整合策略&lt;a href=&quot;http://beforweb.com&quot; target=&quot;_blank&quot;&gt;。&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;总结&lt;/h3&gt;
 
&lt;p&gt;移动计算的核心价值就是用户可以随时随处地使用功能、获取数据。它打破了时间与地点的限制，将人们从传统的桌面设备中解放出来，使他们在各种需求情景中都能够享受到高效能的计算体验。各种新的需求形式与功能模式都在不断地涌现，它们之间保持着互相推动与促进，这也加速了iPhone这类移动设备的发展与普及。&lt;/p&gt;
&lt;p&gt;不同类型的设备在行为与体验方面的差异会对你的产品设计决策造成重要的影响。iPhone是一种真正意义上的移动设备，而iPad则更加具有&amp;ldquo;便携&amp;rdquo;的特质，它虽然时常被我们带在身边，却不像iPhone那样真正与我们的生活绑定在一起。由于目标任务通常更侧重于休闲娱乐等方面，所以在iPad上进行交互操作的流程所需要占用的时间相对较长，我们必需拥有充裕的时间以及不受打扰的环境，才能完成目标。而我们对于iPhone的使用频率则要高很多，但每次交互行为所持续的时间都相对较短。另外，iPhone的隐私性更强，它与用户的个人关系十分密切，而iPad在很多时候更像是一种共享型的设备。&lt;/p&gt;
&lt;p&gt;在本章里，我们还对五种最具代表性的需求用例进行了了解：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt; 人际交往&lt;/li&gt;
&lt;li&gt; 娱乐消遣&lt;/li&gt;
&lt;li&gt; 基于地理位置的服务(LBS)&lt;/li&gt;
&lt;li&gt; 电子商务&lt;/li&gt;
&lt;li&gt; 实用效率&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;这些用例可以涵盖到市面上绝大多数的移动应用产品形式。在实际项目中，你既可以有针对性的从某个特定的需求用例出发，对产品进行设计和规划，也可以将更多其他的用例模式作为不同方面的功能属性整合到同一款应用当中，以提升产品与移动上下文环境之间的关联性。&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;相关话题：&lt;a href=&quot;http://ucdchina.com/topic/377&quot; target=&quot;_blank&quot;&gt;iOS Wow体验&lt;/a&gt;&amp;nbsp;源地址：&lt;a href=&quot;http://beforweb.com/node/80&quot; target=&quot;_blank&quot;&gt;http://beforweb.com/node/80&lt;/a&gt;&lt;/p&gt;</description>
				<author>c7210</author>
				<pubdate>2012-05-08 12:34:16</pubdate>
			</item>			<item>
				<title>移动应用丰富动效的六点原则</title>
				<link>http://ucdchina.com/snap/11837</link>
				<description>&lt;p&gt;如果想让你的移动应用更活泼更灵动，丰富的动效是不可少的，丰富的动效可以让你的应用更具活力，充满生机；丰富的动效可以让你的应用彰显效率，提升品质感；丰富的动效可以让你的应用充满魅力，引人探索；丰富的动效可以让你的应用减少焦虑，消除等待感；丰富的动效可以让你的应用充满韵味，有节奏感；丰富的动效可以让你的应用有出奇的信息组织，整洁高效。&lt;/p&gt;
 
&lt;p&gt;这里主要介绍六种简单通用的方式&amp;mdash;&amp;mdash;转场、邀请、过渡、反馈、缩放、吸附。&lt;/p&gt;
 
&lt;h2&gt;原则一：转场&lt;/h2&gt;
 
&lt;p&gt;&lt;a href=&quot;http://elya.cc/wp-content/uploads/2012/05/zhuanchang.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;转场动效&quot; src=&quot;http://elya.cc/wp-content/uploads/2012/05/zhuanchang.png&quot; alt=&quot;zhuanchang 移动应用丰富动效的六点原则&quot; width=&quot;623&quot; height=&quot;440&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;由于手机屏幕空间有限，更多的内容会被隐藏在屏幕后边，或者屏幕的左边、右边、下边，转场动效能帮助应用营造一种空间方位感。转场动效是目前应用最多的动效种类，毕竟iPhone、Andoird、Wp7都有提供一些官方的动效的API，一些简单的动效可以直接调用官方API来完成。Android官方动效8个，iPhone官方动效19个，WP7官方动效6个，具体几个平台的动效有哪些差异，后续有机会分享。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h2&gt;原则二：邀请&lt;/h2&gt;
 
&lt;p&gt;&lt;a href=&quot;http://elya.cc/wp-content/uploads/2012/05/IMG_1581.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;提供邀请&quot; src=&quot;http://elya.cc/wp-content/uploads/2012/05/IMG_1581.png&quot; alt=&quot;IMG 1581 移动应用丰富动效的六点原则&quot; width=&quot;300&quot; height=&quot;450&quot; /&gt;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&lt;a href=&quot;http://elya.cc/wp-content/uploads/2012/05/IMG_1582.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;提供邀请2&quot; src=&quot;http://elya.cc/wp-content/uploads/2012/05/IMG_1582.png&quot; alt=&quot;IMG 1582 移动应用丰富动效的六点原则&quot; width=&quot;300&quot; height=&quot;450&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;直接提供邀请，告知用户可以做的事，效果最直观，引导性最好。但是要注意操作邀请一定是需要突出的主要功能或任务，不能什么功能都邀请用户试用一下，要知道，大部分用户只用到你应用里的20%就算不错了。邀请不能过于强制，如非必要，中断用户正在执行的操作是很不礼貌的行为。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h2&gt;原则三：过渡&lt;/h2&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://elya.cc/wp-content/uploads/2012/05/20120506122711.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;过渡&quot; src=&quot;http://elya.cc/wp-content/uploads/2012/05/20120506122711.png&quot; alt=&quot;20120506122711 移动应用丰富动效的六点原则&quot; width=&quot;300&quot; height=&quot;450&quot; /&gt;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&lt;a href=&quot;http://elya.cc/wp-content/uploads/2012/05/IMG_1604.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;过渡&quot; src=&quot;http://elya.cc/wp-content/uploads/2012/05/IMG_1604.png&quot; alt=&quot;IMG 1604 移动应用丰富动效的六点原则&quot; width=&quot;300&quot; height=&quot;450&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;当应用正在加载数据的时候，一定要给予过渡，让用户知道应用正在努力工作，系统级的过渡分为两种&amp;mdash;&amp;mdash;进度条和菊花转，进度条是用在可预知完成进度和剩余时间的情况下；菊花转是用在无法预知剩余时间的情况下。iPhone上照片转发邮件、邮件从收件箱移动到垃圾邮件都有很好的过渡动效，让用户知道当前从一个应用跳转到另外一个应用，知道从一个文件夹跳转到另外一个文件夹，避免了迷路的麻烦。&lt;/p&gt;
 
&lt;p&gt;不是所有情况下，都要清晰的告知用户当然任务的加载进度的，比如iPhone自带的短信应用，发送短信的时候有一个进度条，本意是好的，让用户知道短信发送的进度。但是由于进度条会给人造成一种明显的等待感，而且用户担心离开当前界面，短信就会发送失败（用户怎么知道同步和异步？），所以只能傻等在那里。其实完全可以让短信后台发送，只要保证发送失败有办法告知用户就可以。同理，那些图片分享应用也是如此，后台上传就可以了。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h2&gt;原则四：反馈&lt;/h2&gt;
 
&lt;p&gt;&lt;a href=&quot;http://elya.cc/wp-content/uploads/2012/05/20120506121716.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;反馈1&quot; src=&quot;http://elya.cc/wp-content/uploads/2012/05/20120506121716.png&quot; alt=&quot;20120506121716 移动应用丰富动效的六点原则&quot; width=&quot;300&quot; height=&quot;450&quot; /&gt;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&lt;a href=&quot;http://elya.cc/wp-content/uploads/2012/05/20120506121725.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;反馈2&quot; src=&quot;http://elya.cc/wp-content/uploads/2012/05/20120506121725.png&quot; alt=&quot;20120506121725 移动应用丰富动效的六点原则&quot; width=&quot;300&quot; height=&quot;450&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;当任务成功或失败之后，需要有办法告知用户。比如Reeder客户端，就会在你点了Unread后，立刻弹层告诉你已标为Unread，在你点了Statted后，立刻弹层告诉你，已经Starred。反馈需要在合适的时间引起用户的注意，简洁明了的传达操作的结果，&lt;/p&gt;
 
&lt;p&gt;如果是成功类的提醒，往往只是告知状态就可以了，用户无需执行操作，反馈就可以自己消失。而如果是失败类的反馈，则需要引起关注，可以相对强势一些，反馈出现的位置可以考虑相关性，比如帐号错误可以出现在帐号旁边，密码错误可以出现在密码旁边，采用相对警示的颜色和设计风格。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h2&gt;原则五：缩放&lt;/h2&gt;
 
&lt;p&gt;&lt;a href=&quot;http://elya.cc/wp-content/uploads/2012/05/IMG_1623.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;小输入框&quot; src=&quot;http://elya.cc/wp-content/uploads/2012/05/IMG_1623.png&quot; alt=&quot;IMG 1623 移动应用丰富动效的六点原则&quot; width=&quot;300&quot; height=&quot;450&quot; /&gt;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&lt;a href=&quot;http://elya.cc/wp-content/uploads/2012/05/IMG_1624.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;大输入框&quot; src=&quot;http://elya.cc/wp-content/uploads/2012/05/IMG_1624.png&quot; alt=&quot;IMG 1624 移动应用丰富动效的六点原则&quot; width=&quot;300&quot; height=&quot;450&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;在一寸土一寸金的手机界面上耕耘，恨不得盖个复式小洋楼，一行当两行用。其实不是不可以，只需要一个设计思想&amp;mdash;&amp;mdash;盒子主义。每一个功能模块都是一个盒子，在你不需要用到的时候，它只是一个盒子，上面贴着标签，你知道里面装的是袜子，当你需要的时候，你就可以打开盒子，露出里面很多很多双袜子。&lt;/p&gt;
 
&lt;p&gt;比如Bluga这个输入框，当你不需要输入的时候，它看起来就是一个输入的入口，但是当你点击的时候，输入的辅助信息都出来了，更大的文字撰写框、位置、图片、发送按钮，你可以打开盒子，编辑一条丰富的消息。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;h2&gt;原则六：吸附&lt;/h2&gt;
 
&lt;p&gt;&lt;a href=&quot;http://elya.cc/wp-content/uploads/2012/05/20120506224502.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;吸附&quot; src=&quot;http://elya.cc/wp-content/uploads/2012/05/20120506224502.png&quot; alt=&quot;20120506224502 移动应用丰富动效的六点原则&quot; width=&quot;300&quot; height=&quot;450&quot; /&gt;&lt;/a&gt;&amp;nbsp;&amp;nbsp;&lt;a href=&quot;http://elya.cc/wp-content/uploads/2012/05/20120506224716.png&quot; target=&quot;_blank&quot;&gt;&lt;img title=&quot;吸附2&quot; src=&quot;http://elya.cc/wp-content/uploads/2012/05/20120506224716.png&quot; alt=&quot;20120506224716 移动应用丰富动效的六点原则&quot; width=&quot;300&quot; height=&quot;450&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;吸附是网格系统中一个很具有美学色彩的设计，当你拖拽着一个应用切换位置的时候，这个应用会被自动吸附到对齐网格的位置，保证界面整洁利索（不像Nokia的某些手机，Widget可以满屏幕拖拽，跟我凌乱的桌面一样）；当你拖拽一个应用到另外一个应用上的时候，就可以变成一个文件夹，这里也是通过文件夹的样式和吸附的效果，让用户明白建立文件夹的交互的。&lt;/p&gt;
 
&lt;p&gt;任何的动效，都需要经过场景和需求的思考， 在什么样的特殊情景下，解决了什么样的问题，不要为了动而动，WP7的动效，恐怕看久了都会腻吧。&lt;/p&gt;
 
&lt;p&gt;除了界面本身的动效之外，还需要包含震动、声音、手势等等因素一起去考虑，好的动效，配合着合适的音效、合理的手势，才是最自然的交互方式。&lt;/p&gt;
 
&lt;p&gt;从今天开始，努力提升你的应用的品质，让它动起来吧！&lt;/p&gt;&lt;p&gt;相关话题：&lt;a href=&quot;http://ucdchina.com/topic/322&quot; target=&quot;_blank&quot;&gt;移动设备的交互和设计&lt;/a&gt;&amp;nbsp;源地址：&lt;a href=&quot;http://elya.cc/2012/05/06/1234/&quot; target=&quot;_blank&quot;&gt;http://elya.cc/2012/05/06/1234/&lt;/a&gt;&lt;/p&gt;</description>
				<author>elya妞</author>
				<pubdate>2012-05-08 12:21:43</pubdate>
			</item>			<item>
				<title>原型的构建与设计</title>
				<link>http://ucdchina.com/snap/11835</link>
				<description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/?p=432&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-486&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;原型的构建与设计&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/04/%E5%8E%9F%E5%9E%8B%E7%9A%84%E6%9E%84%E5%BB%BA%E4%B8%8E%E8%AE%BE%E8%AE%A1.jpg&quot; alt=&quot;&quot; width=&quot;664&quot; height=&quot;212&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;继续&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; title=&quot;交互设计的职能&quot; href=&quot;http://www.54xiaomeng.com/?p=270#more-270&quot; target=&quot;_blank&quot;&gt;上一章&lt;/a&gt;的内容，那么怎么去组织页面元素，制作原型Demo；哪些表现层面是交互设计师该重点表达的内容，原型的制作又有哪些章法可循呢？&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: #800000; font-style: inherit; line-height: 1.625; &quot;&gt;Ⅰ. 什么是原型?&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: #800000; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;/strong&gt;原型的概念说的简单直白些就是用户使用产品的界面模型，原型的设计主要包括三部分：&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;①需求内容的呈现 &amp;nbsp;②导航和链接 &amp;nbsp; ③数据的交换&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;①需求内容的呈现&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;span style=&quot;color: #008000; font-style: inherit; font-weight: inherit; line-height: 1.625; &quot;&gt;1）文本，多媒体内容的呈现&amp;nbsp;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;最基础的web页面就是文字和多媒体的载体，通过文字和媒体把需求内容呈现给访问者是Web设计最最基础的部分，设计师需要将信息分主次的传达给访问者，这是设计最基本的目的，之前我写过类似的文章&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/?p=66&quot; target=&quot;_blank&quot;&gt;《视觉设计是为了表达信息》&lt;/a&gt;。其实不管是交互还是视觉，都应该具备排版组织能力，分得清主次，明白目标，懂得用户群，才能谈的上设计。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;了解栅格，有排版功底的交互设计师可以省去很多沟通成本：&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E6%8E%92%E7%89%88.jpg&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-495&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;排版&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E6%8E%92%E7%89%88.jpg&quot; alt=&quot;&quot; width=&quot;664&quot; height=&quot;1000&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;和传统的视觉排版不同的是，交互设计需要在有限的空间内组织信息，举几个最常用的手法：&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E6%8E%92%E7%89%88-2.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-504&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;排版 (2)&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E6%8E%92%E7%89%88-2.png&quot; alt=&quot;&quot; width=&quot;635&quot; height=&quot;536&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;在设计布局的过程中，交互还必须要清楚前端实现的方法，基本的html,css和一些常用脚本效果都要有所了解。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;span style=&quot;color: #008000; font-style: inherit; font-weight: inherit; line-height: 1.625; &quot;&gt;2）行为召唤&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;除了基本的排版布局，交互在需求的呈现方面还需要花点心思。读点心理学，了解数据分析，熟悉用户的行为习惯，想好以何种方式呈现内容才能迎合用户。对待用户，设计师要有一颗奴才的心态去猜测主子的玻璃心。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;先介绍一种内容引导的方法，姑且给这样的设计方法称作为&amp;ldquo;行为召唤&amp;rdquo;。所谓的&amp;ldquo;行为召唤&amp;rdquo;就是呈现界面的时候考虑到用户心理，能够激发起用户的参与度。一些比较生硬的做法比如：文字加粗加大变色，按钮变大，AD广告做成gif图或flash晃来晃去，增加new,hot等图片标签，或者干脆用性感美女做广告。这些做法虽然破坏了画面和体验，但还是要承认这些比较生硬的设计方法确实能够吸引一部分用户的注意力。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;如果将这些方法做一些思考用另一种方式呈现：&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/2012-5-4-13-48-571.jpg&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-500&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;2012-5-4 13-48-57&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/2012-5-4-13-48-571.jpg&quot; alt=&quot;&quot; width=&quot;599&quot; height=&quot;403&quot; /&gt;&lt;/a&gt;&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/2012-5-4-13-53-02.jpg&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-501&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;2012-5-4 13-53-02&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/2012-5-4-13-53-02.jpg&quot; alt=&quot;&quot; width=&quot;549&quot; height=&quot;420&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;上述都是利用心理学的方法做的&amp;ldquo;行为召唤&amp;rdquo;，理解用户，站在用户的角度思考问题是交互设计师必须要学习的方法之一。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;span style=&quot;color: #008000; font-style: inherit; font-weight: inherit; line-height: 1.625; &quot;&gt;3）示例引导&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;/strong&gt;如果给用户三个垃圾桶，分类分别是可回收，不可回收，有害垃圾。无论你怎么设计外观，用什么颜色，还是有很多用户不知道该如何分类。但如果垃圾桶内已存在一些垃圾，用户自然会根据上一个人的垃圾来选择分类。这样的引导方法同样可以运用到Web设计中。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;看一些例子：&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E5%88%86%E7%BB%84.jpg&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-540&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;分组&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E5%88%86%E7%BB%84.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;306&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/Screenshot_4.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-541&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;Screenshot_4&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/Screenshot_4.png&quot; alt=&quot;&quot; width=&quot;941&quot; height=&quot;74&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;②导航和链接&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;/strong&gt;除了内容的呈现，网页中还存在着大量的导航和链接，也就是传说中的信息架构。信息架构主要目标就是以最短时间，最方便的形式让用户能够快速找到想要的内容，关于结构导航的概念请阅读上篇文章《&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/?p=270&quot; target=&quot;_blank&quot;&gt;交互设计的职能》&lt;/a&gt;中的&amp;lt;1.关于结构导航的设计&amp;gt;，这里再粗略的讲一下链接，也就是导航中的关联导航。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E5%85%B3%E8%81%94%E5%AF%BC%E8%88%AA.jpg&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-505&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;关联导航&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E5%85%B3%E8%81%94%E5%AF%BC%E8%88%AA.jpg&quot; alt=&quot;&quot; width=&quot;536&quot; height=&quot;345&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;关联导航主要就是解决用户&amp;ldquo;下一步&amp;rdquo;应该做什么，这个分两种情况：&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;span style=&quot;color: #008000; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;1）产品经理希望用户做什么&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;产品经理会迫于一些指标压力将业务模式加到网站中，这些内容可能是和用户自己预想的内容毫无关系。那么这一类的链接都统称为业务式链接。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/Screenshot_11.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-528&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;Screenshot_1&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/Screenshot_11.png&quot; alt=&quot;&quot; width=&quot;315&quot; height=&quot;618&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;这一类的业务链接内容，交互所需要考虑的就是怎么将这些链接融入到页面中，强调又不至于太生硬。常见的方法基本上就是图文混排，动态播放滚动，AD广告插入。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: #008000; font-style: inherit; line-height: 1.625; &quot;&gt;2）用户到底想做什么&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;用户想做什么可能他自己都不是很清楚，如何帮助用户发现感兴趣的内容就需要通过元数据自动创建关联内容。元素据包括：时间，类型，主题，兴趣，搜索或购买记录等。这时候的链接是靠程序生成的，交互设计师要能够看的懂数据，给出合适的链接规则。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;例如最常见的&amp;ldquo;猜你喜欢&amp;rdquo;&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/20120508_101125.jpg&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-529&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;20120508_101125&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/20120508_101125.jpg&quot; alt=&quot;&quot; width=&quot;800&quot; height=&quot;242&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;如果能够将业务导向和用户的心理模型保持在一个维度，比如google,baidu的个性化广告投放，那么这个产品的体验和转化率自然就会上升，不过要做到这一点，需要数据分析人员，产品人员和交互设计师的共同努力。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;③数据的交换&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;/strong&gt;之前所讲的内容都是我们呈现给用户的内容，但产品级的Web的还需要与用户之间有互动，也就是数据的交换。如何让用户参与的更容易，数据交换的更顺利，这就是我们平常所谈到的产品的易用性。那么原型阶段是怎么做到让产品更好用呢？&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;span style=&quot;color: #008000; font-style: inherit; font-weight: inherit; line-height: 1.625; &quot;&gt;1）熟悉并运用Web平台的各种标准组件&lt;/span&gt;&lt;/strong&gt;&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/Screenshot_2.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-530&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;Screenshot_2&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/Screenshot_2.png&quot; alt=&quot;&quot; width=&quot;814&quot; height=&quot;417&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;另外附一个jQuery组件的Demo预览网站&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://jqueryui.com/demos/&quot;&gt;http://jqueryui.com/demos/&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;span style=&quot;color: #008000; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;2）给出合适的即时的操作反馈&lt;/strong&gt;&lt;/span&gt;&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/Screenshot_3.png&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-531&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;Screenshot_3&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/Screenshot_3.png&quot; alt=&quot;&quot; width=&quot;703&quot; height=&quot;191&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;span style=&quot;color: #008000; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;3）&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;容错性原则&lt;/strong&gt;&lt;/strong&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E6%9C%AA%E6%A0%87%E9%A2%98-2.jpg&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-535&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;未标题-2&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E6%9C%AA%E6%A0%87%E9%A2%98-2.jpg&quot; alt=&quot;&quot; width=&quot;500&quot; height=&quot;32&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;span style=&quot;color: #008000; font-style: inherit; font-weight: inherit; line-height: 1.625; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;4）&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;程序能够实现的，尽量不用让用户去操作&lt;/strong&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;类似导入类似产品，选择记录，智能搜索等&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E5%AF%BC%E5%85%A5%E7%9B%B8%E4%BC%BC%E4%BA%A7%E5%93%81.jpg&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-532&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;导入相似产品&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E5%AF%BC%E5%85%A5%E7%9B%B8%E4%BC%BC%E4%BA%A7%E5%93%81.jpg&quot; alt=&quot;&quot; width=&quot;790&quot; height=&quot;438&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: #800000; font-style: inherit; line-height: 1.625; &quot;&gt;Ⅱ. 如何绘制原型&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;绘制原型当然要先选工具,博主用过以下原型工具：&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E5%B7%A5%E5%85%B7.jpg&quot;&gt;&lt;img class=&quot;alignnone size-full wp-image-506&quot; style=&quot;color: inherit; font-style: inherit; line-height: 1.625; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; margin-top: 0.4em; height: auto; max-width: 97.5%; width: auto; &quot; title=&quot;工具&quot; src=&quot;http://www.54xiaomeng.com/wp-content/uploads/2012/05/%E5%B7%A5%E5%85%B7.jpg&quot; alt=&quot;&quot; width=&quot;800&quot; height=&quot;184&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;当然最后还是觉得Axure最好用，工具的使用方法请移步到&lt;a style=&quot;color: #1b8be0; font-style: inherit; line-height: 1.625; text-decoration: none; &quot; href=&quot;http://www.webppd.com/&quot; target=&quot;_blank&quot;&gt;产品原型设计论坛&lt;/a&gt;，本篇就不再赘述了。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;span style=&quot;color: #800000; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;Ⅲ. 原型是过程，不是最终结果&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;我觉得这个观点非常重要，所以单独列出来讲了。我曾经很迷恋工具的使用方法，甚至会利用PS切图将原型做到非常逼真的程度，但时间长了会觉得这样的举动非常没有意义，而且会不自觉的抗拒别人的修改建议。原型只是一个概念到实现的过渡，是不同部门对话的交流介质，最终还是会被开发需求文档和前端稿所取代，交互的重点在于沟通和帮助项目成员理解改进需求。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;所以我一直觉得交互设计就是一个有产品思想的需求翻译，比视觉更懂产品，比产品更懂设计，是承担起概念到实现的沟通桥梁。所以，广泛的接受修改建议，有选择的对原型不断的做改进，利用原型引起项目成员的讨论，每次的原型修改都是一次理解上的进步，这样才能发挥交互设计的真正意义。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;最后写点总结：&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;strong style=&quot;color: inherit; font-style: inherit; line-height: 1.625; &quot;&gt;&lt;/strong&gt;原型的制作是一项比较复杂的工程，没有捷径和速成的方法，能力上的差别基本上在于项目经验的积累和对业务的熟悉程度,当然个人的感悟认知能力也很重要。博主也是一名入行不久的交互菜鸟，写这样的文章基本上都是自己对交互设计的个人理解，希望能够起到抛砖引玉的效果。&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p style=&quot;color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; margin-bottom: 1.625em; &quot;&gt;&lt;span style=&quot;color: #808080; font-style: inherit; line-height: 1.625; &quot;&gt;下期预告：移动App设计之Android篇...&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://www.54xiaomeng.com/?p=432&quot; target=&quot;_blank&quot;&gt;http://www.54xiaomeng.com/?p=432&lt;/a&gt;&lt;/p&gt;</description>
				<author>小猛</author>
				<pubdate>2012-05-08 11:51:49</pubdate>
			</item>			<item>
				<title>产品设计与交互设计之胡言乱语  </title>
				<link>http://ucdchina.com/snap/11827</link>
				<description>&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;引用heide格物致的话，交互设计是这样的：&amp;ldquo;&amp;nbsp;以人的需求为导向，理解用户的期望，需求，理解商业、技术以及业内的机会与制约，创作出形式，内容，行为有用，易用，令用户满意且技术可行，具有商业利益的产品。&amp;rdquo;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;交互设计的服务对象是产品，是为产品锦上添花。而&amp;ldquo;产品&amp;rdquo;这块&amp;ldquo;锦&amp;rdquo;则是发现用户需求或者创造用户需求，并为用户提供满足需求的途径或工具。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;产品设计师就像造物主，为了地球不太寂寞，为了地球更加完美，从而造出了&amp;ldquo;人&amp;rdquo;这一终极产品。当然，万能的造物主考虑的非常周到，什么靠海的、内陆的，什么极地的、温带的、热带的；什么山区的、平原的、盆地的，不同环境下，殚精竭虑，于是便有了形形色色的、各具特点的人种。至此，造物主的主要工作便完成了。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;在这个过程中，造物主就是超级大产品经理。经各方求证，这个超级大产品经理据说是&amp;ldquo;女娲&amp;rdquo;。她不仅满足各种各样的需求，甚至创造出了需求。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;女娲考虑了现有需求，也创造了一部分需求，然后对这些需求进行辩证法批判处理，吸收精华，扔掉糟粕，据说使用了泥巴这种超级粗糙的工具（另有一说是使用了石头？），批量制造出了蹦蹦跳跳的，神态各异的&amp;ldquo;人&amp;rdquo;的原型， 甚至在业余时间还造出了&amp;ldquo;女人&amp;rdquo;这一副产品。&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;作为&amp;ldquo;人&amp;rdquo;，我不禁在想，当初女娲大人在进行&amp;ldquo;人&amp;rdquo;设计的时候想了些什么？&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;她想到了自己的设计满足了什么吗？为什么要设计&amp;ldquo;人&amp;rdquo;呢？什么样的才是&amp;ldquo;人&amp;rdquo;呢？（需求，策划）&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;她有没有想到，产品设计出来后，还需要再设计？ （持续迭代改进，原型、测试）&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;她想到了自己的设计会怎么发展下去吗？ 是怎样发展的？（运营）&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;她想到了自己的设计会产生什么样的影响吗？（影响）&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;她有没有想到除了设计&amp;ldquo;地球人&amp;rdquo;，还需要设计&amp;ldquo;外星人&amp;rdquo;呢？（这个，是QQ外的微信吗？）&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;我想，女娲同志肯定没有全部想到。要不然怎么会有善恶、高矮、美丑呢？ 是为了差异化吗？可是，为什么&amp;ldquo;差&amp;rdquo;的要是我吗？&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;这个时候，帮助产品经理实现产品、雕磨产品的交互设计师，暂称IxD先生吧，就要粉墨登场了。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;为了给&amp;nbsp;&lt;span style=&quot;line-height: 22px; &quot;&gt;IxD先生&lt;/span&gt;一个发挥想象力，发挥创造力的空间，&lt;span style=&quot;line-height: 22px; &quot;&gt;这个时候可怜的&amp;ldquo;我&amp;rdquo;作为劣质产品就要出场了。&lt;/span&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;目的呢，很简单，就是把&amp;ldquo;我&amp;rdquo;这个&amp;ldquo;人&amp;rdquo;打造成与众不同、鹤立鸡群、卓尔不群、人见人夸，花见花开，就成啦。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;&lt;br style=&quot;line-height: 25px; &quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;为了不坑爹，先给&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;line-height: 22px; &quot;&gt;IxD先生&lt;/span&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;介绍一下现阶段&amp;ldquo;我&amp;rdquo;这个产品吧。 嗯，同质化竞争简直是热的一塌糊涂，毕竟几十亿人口在那儿摆着，活着不容易啊。差异化竞争也是相当难走的，这几十亿人在都各种特点，要么高富帅、矮矬穷，要么文艺、普通、2B的，还有玩屌丝的。而事实是，现阶段的我简直是个让&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;line-height: 22px; &quot;&gt;IxD先生&lt;/span&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;欲哭无泪，嗯，只能是苦笑的产品嘛。 没钱、没车、没房；人又不帅，个子还不高，要啥才艺吧，拿得出的也没有。&lt;/span&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;唯一值得安慰的是，啥都略通，当然是略通，不是精通。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;&lt;br style=&quot;line-height: 25px; &quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;就这么个产品，不是难为人家&lt;/span&gt;&amp;nbsp;&lt;span style=&quot;line-height: 22px; &quot;&gt;IxD先生&lt;/span&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;嘛。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;&lt;br style=&quot;line-height: 25px; &quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;只是，在设计&amp;ldquo;我&amp;rdquo;这个具体产品前，我们得看看&amp;ldquo;我&amp;rdquo;的竞品都是怎么做的。当然实话实话，竞品也是做的良莠不齐，这里就随便挑几例说说。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;&lt;br style=&quot;line-height: 25px; &quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;还算不错的如下：&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;&lt;br style=&quot;line-height: 25px; &quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;长得不高的，有内增高鞋、外增高鞋、当然还有15cm的高跟鞋；当然，太矮的就没啥希望了，不少都在杂技团效劳，那儿也是不错的选择呢。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;长得不美的，就外派韩国，印度走一圈，8成就有希望了。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;不绅士的，《窈窕绅士》，《gossip gril》多学习，多模仿，也是可以有绅士风度的。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;不幽默的，《生活大爆炸》、《老友记》多看看，多乐乐，也就会让人笑口常开了。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;不懂团队合作的，《兄弟连》多看几遍，也就知晓了。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;缺乏想象力的，神马《盗梦空间》、《机械师》，比观看三天，嗯，也会有效果的。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;不懂细节的，神马《福尔摩斯》、《犯罪心理》、《CSI》多看看也是不错的选择。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;没有思想的，神马《黑镜》、《失控》多瞅瞅，不是坏事。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;不会卖萌的，哎，这得要积极向纯银大叔学习嘛。不过要有良心，专利费神马的得积极的上交~&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;当然，也就不少比较恶心的：&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;什么设计出来的官二代、富二代、干露露之流之类的，及其他脑残行为的，还是不学为妙。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;言规正传，面对我这个原本是&amp;rdquo;原型&amp;ldquo;，却不小心已经上线的非常规一期产品，苦逼的&amp;nbsp;&lt;span style=&quot;line-height: 22px; &quot;&gt;IxD先生能&lt;/span&gt;做些什么呢？&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;这么个产品，该从哪儿下手呢？ 好在IxD先生学贯中西、博古通今，能清楚的看到现状，也有打造出完美产品的强烈愿景。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;当然，首先得从&amp;ldquo;以史为鉴&amp;rdquo;开始。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;ldquo;交互设计那些事儿&amp;rdquo;是这样的：&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;当超级大产品经理开宗立派之时，还没有交互设计师这个说法，因为超级大产品经理是全能选手，从产品立项，产品规划与执行，到产品开发与运营全包干了，当然，最终产品也是比较粗糙的，许多地方毛毛糙糙的，不太好使。&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;于是有了&lt;/span&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;这个帮助产品经理实现想法，雕磨产品的&lt;/span&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;交互设计师。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;&lt;br style=&quot;line-height: 25px; &quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;有句话是这样说的&amp;ldquo;三百六十行，行行出状元&amp;rdquo;，讲的就是满足不同需求到极致以及产生终极交互设计师的事儿。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;&lt;br style=&quot;line-height: 25px; &quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;举例如下：&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;衣： 原本是遮羞布，后来被赋予了&amp;rdquo;御寒保暖&amp;ldquo;功能，后来被赋予了&amp;rdquo;美观&amp;ldquo;功能，再后来被赋予了&amp;rdquo;个性品味&amp;ldquo;功能；&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;食：原本是为了&amp;rdquo;果腹&amp;ldquo;，后来被赋予了&amp;rdquo;色香味俱全&amp;ldquo;功能，再后来又被赋予了&amp;rdquo;个性&amp;ldquo;功能；&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;住：原本是为了&amp;ldquo;遮风挡雨&amp;rdquo;，后来被赋予了&amp;ldquo;地位代表&amp;rdquo;功能，再后来又被赋予了&amp;ldquo;生活趣味&amp;rdquo;功能；&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;行：原来是为了&amp;ldquo;省力&amp;rdquo;，后来被赋予了&amp;ldquo;走得更快&amp;rdquo;，再后来甚至又被赋予了&amp;ldquo;走得更高&amp;rdquo;的功能；&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;&lt;br style=&quot;line-height: 25px; &quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;总之，交互设计师是要满足或者创造一类需求，并到极致，并将产品赋予&amp;ldquo;魅力属性&amp;rdquo;，要以之为荣，以之为傲。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: 22px; &quot;&gt;&lt;br style=&quot;line-height: 25px; &quot; /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;第二呢，就是要实事求是，具体问题具体分析了。针对问题，提出解决方法，把不好的，不行的，改成能用的，好用的，易用的~&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;具体到&amp;ldquo;我&amp;rdquo;这个产品，重新推翻设计是不大可能了，比如血型，比如星座，比如DNA，这个是没法改，只能适应的了。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;好在，IxD先生可以改造的地方有很多，而且是可以终其一生迭代改造的。而原则便是&amp;ldquo;有则改之，无则加勉&amp;rdquo;。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;比如，长的太矮太瘦，这个原本是劣势，在这个社会里简直就是&amp;ldquo;危机&amp;rdquo;发生了，但是经过IXd先生的打磨，完全可以化劣势为优势，在危险中找到机会，于是，&amp;ldquo;我&amp;rdquo;可以跑得很快，可以走得很稳，可以做到&amp;ldquo;给人留下了深刻印象&amp;rdquo;，甚至在2012到来时，同样的食物可以活得久那么一点点；&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;比如， 慢热，在这个浮躁的社会里简直是慢了好几拍，但是经过IxD先生的打磨，于是，&amp;ldquo;我&amp;rdquo;可以静静的审视自己，可以静观这个社会行业，可以&amp;ldquo;以不变应万变&amp;rdquo;；&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;比如，不善言辞，但是经过IxD先生的打磨，于是，&amp;ldquo;我&amp;rdquo;可以学会微笑，学会倾听，学会沉思，&lt;span style=&quot;line-height: 22px; &quot;&gt;学会观察生活，&lt;/span&gt;学会先做后说；&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;比如，通而不精，但是经过IxD先生的打磨，于是，&amp;ldquo;我&amp;rdquo;可以学会全局观，&lt;span style=&quot;line-height: 22px; &quot;&gt;学会协调，&lt;/span&gt;学会触类旁通，学会钻研；&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;第三呢，就是要突出重点，让产品有&amp;ldquo;个人魅力&amp;rdquo;.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;ldquo;个人魅力&amp;rdquo;是要结合到具体的场景中使用才有效的。一个明星，在影迷心中当然魅力，可是摆在奥斯卡颁奖典礼上，大部分都会失去魅力。这个场景转换得时刻注意。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&amp;ldquo;个人魅力&amp;rdquo;更多的是经过历史的洗刷仍能留下痕迹的东西，如&amp;ldquo;润物细无声&amp;rdquo;一般滋养着。就如&amp;ldquo;王守仁&amp;rdquo;一样，影响了一代又一代人。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;当然，&amp;ldquo;个人魅力&amp;rdquo;也可以说是&amp;ldquo;天时地利人和&amp;rdquo;的产物，虽不能说&amp;ldquo;可遇而不可求&amp;rdquo;，但也不是随随便便就能来的，需要积累。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;最后呢， 就是要小心再细心。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;要知道，产品的诞生来之不易，不知倾注了多少人的心血，而交互设计师则是决定一件产品能否成功的重要一环。就如&amp;ldquo;生命无小事&amp;rdquo;一般，任何一个决策都得小心再细心，得反复求证才行。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;还好，IxD先生是相当的敬业， 做到了&amp;ldquo;术业有专攻&amp;rdquo;。&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;作为结尾，附上两则招聘信息中关于交互设计师的职责要求：&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;其一：&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;
&lt;p style=&quot;line-height: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 12px; font-family: Simsun; text-align: -webkit-auto; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, sans-serif; &quot;&gt;1&lt;/span&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;、参与产品规划构思和创意过程&lt;/span&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, sans-serif; &quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 12px; font-family: Simsun; text-align: -webkit-auto; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, sans-serif; &quot;&gt;2&lt;/span&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;、分析业务需求，并加以分解&lt;/span&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, sans-serif; &quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;归纳出产品人机交互界面需求&lt;/span&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, sans-serif; &quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 12px; font-family: Simsun; text-align: -webkit-auto; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, sans-serif; &quot;&gt;3&lt;/span&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;、设计软件的人机交互界面结构、用户操作流程等&lt;/span&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, sans-serif; &quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 12px; font-family: Simsun; text-align: -webkit-auto; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, sans-serif; &quot;&gt;4&lt;/span&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;、参与公司前瞻性产品的创意设计&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p style=&quot;line-height: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 12px; font-family: Simsun; text-align: -webkit-auto; &quot;&gt;&lt;span style=&quot;line-height: 21px; font-size: 9pt; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; &quot;&gt;其二：&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot;&gt;1、负责客户端产品及网站的交互设计；&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;span style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot; /&gt;&lt;span style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot;&gt;2、结合可用性测试结果，完成界面交互行为和功能的改良，提高产品的易用性&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;span style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot; /&gt;&lt;span style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot;&gt;3、根据需求和用户研究的结果，完成界面的信息架构、流程设计和原型设计&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;span style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot;&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;br style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot; /&gt;&lt;span style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot;&gt;4、编写界面交互设计说明书&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot; /&gt;&lt;span style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot;&gt;5、对现有产品的可用性测试和评估，提出改进方案，持续优化产品的用户体验&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;span style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;br style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot; /&gt;&lt;span style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot;&gt;6、负责维护和更新界面设计标准和规范；负责标准和规范的实施&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;line-height: 25px; color: #3b3b3b; font-family: Arial, Helvetica, simsun, u5b8bu4f53; font-size: 14px; text-align: left; background-color: #ccced0; &quot;&gt;&lt;span style=&quot;background-color: #ffffff;&quot;&gt;&lt;br style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot; /&gt;&lt;span style=&quot;line-height: normal; font-family: Simsun; font-size: 12px; text-align: -webkit-auto; &quot;&gt;7、参与界面设计流程的完善和优化工作 &amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;源地址：&lt;a href=&quot;http://mackma.blog.163.com/blog/static/20380917420124383140577/&quot; target=&quot;_blank&quot;&gt;http://mackma.blog.163.com/blog/static/20380917420124383140577/&lt;/a&gt;&lt;/p&gt;</description>
				<author>Mack</author>
				<pubdate>2012-05-05 12:31:04</pubdate>
			</item></channel></rss>
