<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Xiaoxiao&#039;s Weblog &#187; 设计</title>
	<atom:link href="http://liuyuntian.com/tag/%e8%ae%be%e8%ae%a1/feed" rel="self" type="application/rss+xml" />
	<link>http://liuyuntian.com</link>
	<description></description>
	<lastBuildDate>Wed, 16 May 2012 02:18:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>读后感《設計是什麼?》</title>
		<link>http://liuyuntian.com/2011/01/16/paul-rand-conversations-with-students.html</link>
		<comments>http://liuyuntian.com/2011/01/16/paul-rand-conversations-with-students.html#comments</comments>
		<pubDate>Sun, 16 Jan 2011 15:12:19 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[体验与设计]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/?p=2014</guid>
		<description><![CDATA[　　看了不少的书，很少写读后感。昨天晚上看完了这本《设计是什么？》，一本关于保罗·兰德给弟子讲设计的书。书的内容很少，只有前半部分几十页是有用的。我记录一下大师对几个点的个人理解。这本书拍拍网上也有卖，有喜欢的可以点击下面的封面去购买。 　　观点一：“设计是一种关系。”在设计时，使用一个元素、仅仅只是一个单一的个体，一旦引入其它元素，两个元素之间就会有一定的关系存在。要么是这种关系，要么是那种关系。当引入更多元素的时候，元素间的关系会变得越来越复杂。从这个角度来看，设计是一种关系，即在复杂的元素中间寻找（和谐的）关系。保罗认为所有的一切都是“关系”，如果这个理论正确，那么一切都是可以设计的，因为我们来做某个设计，就是处理其中的“关系”。设计并不是决定某个产品的形状、材质、风格，而是当人想要做某个行为时，自然会找到一个“关系”以满足这个条件（现在看深泽直人设计的CD机就是一个很好的例子）。同时保罗也认为“设计是一钟比例”，相比“关系“，”比例“似乎还是在处理“关系”，要么是大小、要么是颜色等等。 　　先前在工作中，在修改阶段大量的要求我们去思考、分析设计稿中每一个元素的使用，认为每一个元素都应该有一个理由存在。为什么要在这里这么用，为什么要那么用，为什么是这样，为什么是那样，我大量的考虑了元素存在的意义，其实忽略了元素之间的关系。因为，元素多了，大家都会把元素映射在脑子里，大脑不断在思考多元素之间的关系，会觉得复杂，难以理解。 反过来再看优秀的设计，都是简单的。那么设计和商业需求平衡的问题怎么解决呢，我想是保罗的下面一个观点。 　　观点二、“设计是形式与内容的冲突”。保罗认为设计是形式与内容的操作。内容就是想法，而形式是我们如何处理想法或是怎么做它。比如我要去医院，这个是内容，即我想要去做什么事，“座车”或“打的”这个是形式，形式是我们可以决定做的。现在也不难理解，如果“要去医院”没有确定，座车和打的是没有办法敲定。所谓的“冲突”，是两者达成一致之前的未解决的东西。坦白说，这个观点我还没完全理解透，先记录一下。观点三、“设计是化繁为简的过程”。这个结论应该会被大多数人认同，保罗提到了“先繁后简”的过程，认为繁简的因果关系是应该被关注到，设计是一个逐步到“简”的过程。 不能说一下子上来就“简”，应该是反复的处理“关系”，从而达到“简”。 　　最后还有一句记忆深刻的：“我们不只是设计师，我们还得处理客户，用政治的、社会的和美学的手段&#8212;&#8211;这是个大难题。”我想这里大师其实是在探讨“说服力”的问题，好的方案是否能被客户接受，要靠“政治的”、“社会的”、“美学的”的方法来达成。单一的提案，可能解决不了温饱的问题，多种“手段”来促成，而不是简单的拿出方案给客户。设计师担负的不仅仅是设计的使命，更多的是把设计推广给他人接受。 　　整本书很短，值得回味的东西很多，推荐给即将踏入设计行业的同学们。 　　 相关文章我对《功夫熊猫》十五大经典对白的想法Understanding Web Design100个以用户为中心的博客Copyright &#169; 2003-2009 Xiaoxiao's Weblog All rights reserved.]]></description>
			<content:encoded><![CDATA[<p>　　看了不少的书，很少写读后感。昨天晚上看完了这本《设计是什么？》，一本关于保罗·兰德给弟子讲设计的书。书的内容很少，只有前半部分几十页是有用的。我记录一下大师对几个点的个人理解。这本书拍拍网上也有卖，有喜欢的可以点击下面的封面去购买。</p>
<p><a href="http://auction1.paipai.com/search/0/BE339A0100000000003E39A4067B142C-769F.html"><img src="http://liuyuntian.com/wp-content/uploads/2011/01/Paul-Rand-Conversation-with-Students-600x868.jpg" alt="" title="book cover of Paul Rand Conversation with Students" width="600" height="868" class="alignnone size-large wp-image-2015" /></a></p>
<p>　　<strong>观点一：“设计是一种关系。”</strong>在设计时，使用一个元素、仅仅只是一个单一的个体，一旦引入其它元素，两个元素之间就会有一定的关系存在。要么是这种关系，要么是那种关系。当引入更多元素的时候，元素间的关系会变得越来越复杂。从这个角度来看，设计是一种关系，即在复杂的元素中间寻找（和谐的）关系。保罗认为所有的一切都是“关系”，如果这个理论正确，那么一切都是可以设计的，因为我们来做某个设计，就是处理其中的“关系”。设计并不是决定某个产品的形状、材质、风格，而是当人想要做某个行为时，自然会找到一个“关系”以满足这个条件（现在看深泽直人设计的CD机就是一个很好的例子）。同时保罗也认为“设计是一钟比例”，相比“关系“，”比例“似乎还是在处理“关系”，要么是大小、要么是颜色等等。</p>
<p>　　先前在工作中，在修改阶段大量的要求我们去思考、分析设计稿中每一个元素的使用，认为每一个元素都应该有一个理由存在。为什么要在这里这么用，为什么要那么用，为什么是这样，为什么是那样，我大量的考虑了元素存在的意义，其实忽略了元素之间的关系。因为，元素多了，大家都会把元素映射在脑子里，大脑不断在思考多元素之间的关系，会觉得复杂，难以理解。 反过来再看优秀的设计，都是简单的。那么设计和商业需求平衡的问题怎么解决呢，我想是保罗的下面一个观点。</p>
<p>　　<strong>观点二、“设计是形式与内容的冲突”。</strong>保罗认为设计是形式与内容的操作。内容就是想法，而形式是我们如何处理想法或是怎么做它。比如我要去医院，这个是内容，即我想要去做什么事，“座车”或“打的”这个是形式，形式是我们可以决定做的。现在也不难理解，如果“要去医院”没有确定，座车和打的是没有办法敲定。所谓的“冲突”，是两者达成一致之前的未解决的东西。坦白说，这个观点我还没完全理解透，先记录一下。观点三、“<strong>设计是化繁为简的过程</strong>”。这个结论应该会被大多数人认同，保罗提到了“先繁后简”的过程，认为繁简的因果关系是应该被关注到，设计是一个逐步到“简”的过程。 不能说一下子上来就“简”，应该是反复的处理“关系”，从而达到“简”。</p>
<p>　　最后还有一句记忆深刻的：“<strong>我们不只是设计师，我们还得处理客户</strong>，用政治的、社会的和美学的手段&#8212;&#8211;这是个大难题。”我想这里大师其实是在探讨“说服力”的问题，好的方案是否能被客户接受，要靠“政治的”、“社会的”、“美学的”的方法来达成。单一的提案，可能解决不了温饱的问题，多种“手段”来促成，而不是简单的拿出方案给客户。设计师担负的不仅仅是设计的使命，更多的是把设计推广给他人接受。</p>
<p>　　整本书很短，值得回味的东西很多，推荐给即将踏入设计行业的同学们。</p>
<p>　　</p>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2008/07/14/xiaoxiaos-thinking-about-kungfu-panda.html" rel="bookmark" title="Permanent Link: 我对《功夫熊猫》十五大经典对白的想法">我对《功夫熊猫》十五大经典对白的想法</a></li><li><a href="http://liuyuntian.com/2007/11/21/understanding-web-design.html" rel="bookmark" title="Permanent Link: Understanding Web Design">Understanding Web Design</a></li><li><a href="http://liuyuntian.com/2007/11/25/top-100-user-centered-blogs.html" rel="bookmark" title="Permanent Link: 100个以用户为中心的博客">100个以用户为中心的博客</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2011/01/16/paul-rand-conversations-with-students.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>2010年十个设计相关的Top10</title>
		<link>http://liuyuntian.com/2010/12/25/top-10-design-related-top-10-lists-from-2010.html</link>
		<comments>http://liuyuntian.com/2010/12/25/top-10-design-related-top-10-lists-from-2010.html#comments</comments>
		<pubDate>Fri, 24 Dec 2010 17:28:19 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[体验与设计]]></category>
		<category><![CDATA[转载备份]]></category>
		<category><![CDATA[Top10]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/?p=1976</guid>
		<description><![CDATA[1. The Top Ten Innovation Myths in the U.S. by Scott Berkun You got your chocolate in my peanut butter Gutenberg changed the world on purpose Just build a better mousetrap The greatest thing since sliced bread The Post-It Note was invented by accident Apple invented everything Ebay was started in a garage, for a [...]]]></description>
			<content:encoded><![CDATA[<div class="woo-sc-box info   ">转载来源：<a href="http://chopsticker.com/2010/12/23/top-10-design-related-top-10-lists-from-2010/">Top 10 design-related Top 10 lists from 2010</a></div>
<p>1. <a href="http://www.huffingtonpost.com/scott-berkun/the-top-ten-innovation-my_b_758879.html#s154392" target="_blank">The Top Ten Innovation Myths in the U.S. </a>by Scott Berkun</p>
<ol>
<li>You got your chocolate in my peanut butter</li>
<li>Gutenberg changed the world on purpose</li>
<li>Just build a better mousetrap</li>
<li>The greatest thing since sliced bread</li>
<li>The Post-It Note was invented by accident</li>
<li>Apple invented everything</li>
<li>Ebay was started in a garage, for a Pez-Dispenser</li>
<li>Henry Ford invented the assembly line</li>
<li>Newton was hit by an apple and discovered gravity</li>
<li>Edison invented the light bulb</li>
</ol>
<p>2. Mashable’s <a href="http://mashable.com/2010/06/24/design-inspiration-resources/" target="_blank">Top 10 resources for design inspiration</a></p>
<ol>
<li><a href="http://ffffound.com/" target="_blank">FFFFOUND!</a></li>
<li><a href="http://www.behance.net/" target="_blank">Balance Network</a></li>
<li><a href="http://www.deviantart.com/" target="_blank">deviantART</a></li>
<li><a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a></li>
<li><a href="http://abduzeedo.com/" target="_blank">Abduzeedo</a></li>
<li><a href="http://www.notcot.org/" target="_blank">NOTCOT.ORG</a></li>
<li><a href="http://logopond.com/" target="_blank">LogoPond</a></li>
<li><a href="http://bestwebgallery.com/" target="_blank">Best Web Gallery</a></li>
<li><a href="http://kuler.adobe.com/" target="_blank">Kuler</a></li>
<li><a href="http://www.flickr.com/" target="_blank">Flickr</a></li>
</ol>
<p>3. <a href="http://www.blogs.com/topten/10-ux-user-experience-blogs-to-watch-in-2010/" target="_blank">10 UX (User Experience) Blogs to Watch in 2010</a> by Whitney Hess</p>
<ol>
<li><a href="http://52weeksofux.com/" target="_blank">52 Weeks of UX</a></li>
<li><a href="http://bobulate.com/" target="_blank">Bobulate</a></li>
<li><a href="http://johnnyholland.org/" target="_blank">Johnny Holland</a></li>
<li><a href="http://www.purecaffeine.com/" target="_blank">Pure Caffeine</a></li>
<li><a href="http://uiandus.com/" target="_blank">UI&amp;us</a></li>
<li><a href="http://uxbooth.com/" target="_blank">UX Booth</a></li>
<li><a href="http://usabilitypost.com/" target="_blank">Usability Post</a></li>
<li><a href="http://www.uselog.com/" target="_blank">Uselog.com</a></li>
<li><a href="http://www.leenjones.com/" target="_blank">Winning Content</a></li>
<li><a href="http://wireframes.linowski.ca/" target="_blank">Wireframes Magazine</a></li>
</ol>
<p>4. <a href="http://www.smashinglists.com/10-of-the-best-ted-talks/" target="_blank">10 of the best TED Talks</a> by Smashing Lists</p>
<ol>
<li>Ken Robinson: Schools Kill Creativity</li>
<li>Pattie Maes and Pranav Mistry: Sixth Sense</li>
<li>Jill Bolte Taylor: Stroke of Insight</li>
<li>Mark Roth: Suspended Animation is Within Our Grasp</li>
<li>Elizabeth Gilbert: Nurturing Creativity</li>
<li>Blaise Aguera y Arcas: Photosynth</li>
<li>Richard Dawkins: Our “Queer” Universe</li>
<li>Arthur Benjamin: Mathemagic</li>
<li>Malcolm Gladwell: Spaghetti Sauce</li>
<li>Stephen Wolfram: Computing a Theory of Everything</li>
</ol>
<p>5. <a href="http://thinkvitamin.com/web-apps/fred-wilsons-10-golden-principles-of-successful-web-apps/" target="_blank">Fred Wilson’s 10 Golden Principles of Successful Web Apps</a> from Think Vitamin</p>
<ol>
<li>Speed</li>
<li>Instant utility</li>
<li>Software is media</li>
<li>Less is more</li>
<li>Make it programmable</li>
<li>Make it personal</li>
<li>RESTful</li>
<li>Discoverability</li>
<li>Clean</li>
<li>Playful</li>
</ol>
<p>6. <a href="http://josephpayton.com/2010/03/23/my-top-10-design-resources/" target="_blank">My Top 10 Design Resources</a> by Mr. Joe Payton</p>
<ol>
<li><a href="http://carsonified.com/blog/" target="_blank">Think Vitamin</a></li>
<li><a href="http://noupe.com/" target="_blank">Noupe</a></li>
<li><a href="http://net.tutsplus.com/" target="_blank">Nettuts+</a></li>
<li><a href="http://boagworld.com/" target="_blank">Boagworld</a></li>
<li><a href="http://abduzeedo.com/" target="_blank">Abduzeedo</a></li>
<li><a href="http://www.alistapart.com/" target="_blank">A List Apart</a></li>
<li><a href="http://sixrevisions.com/" target="_blank">Six Revisions</a></li>
<li><a href="http://creattica.com/" target="_blank">Creattica</a></li>
<li><a href="http://www.uxbooth.com/" target="_blank">UX Booth</a></li>
<li><a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a></li>
</ol>
<p>7. Chris Spooner’s <a href="http://line25.com/articles/10-usability-crimes-you-really-shouldnt-commit" target="_blank">10 Usability Crimes You Really Shouldn’t Commit</a></p>
<ol>
<li>Form labels that aren’t associated to form input fields</li>
<li>A logo that doesn’t link to the homepage</li>
<li>Not specifying a visited link state</li>
<li>Not indicating an active form field</li>
<li>An image without an alt description</li>
<li>A background image without a background color</li>
<li>Using long boring passages of content</li>
<li>Underlining stuff that isn’t a link</li>
<li>Telling people to click here</li>
<li>Using justified text</li>
</ol>
<p>8. Gizmag’s <a href="http://www.gizmag.com/top-10-things-cant-have-christmas-2010/17339/" target="_blank">Top 10 things you CAN’T have for Christmas 2010</a></p>
<ol>
<li>Seabreacher X</li>
<li>“Mercedes-Benz Style” helicopter</li>
<li>The Kid’s Walker exoskeleton</li>
<li>The most exclusive motorcycle on the planet</li>
<li>LEICA M9 ‘Titanium’ digital camera</li>
<li>Top of the line television</li>
<li>Domespace rotating wooden house</li>
<li>A balcony for your private jet</li>
<li>See-thru speakers</li>
<li>A quiet getaway… in a “flying” submarine</li>
</ol>
<p>9. <a href="http://www.wired.co.uk/magazine/archive/2010/05/start/the-10-weirdest-questions-asked-during-job-interviews" target="_blank">The 10 weirdest questions asked during job interviews</a> from Wired UK</p>
<ol>
<li>“How many tennis balls are in this room and why?”</li>
<li>“You are in a room with three switches, which correspond to three bulbs in another room… How do you find out which bulb corresponds to which switch?”</li>
<li>“Are your parents disappointed with your career aspirations?”</li>
<li>“If I put you in a sealed room with a phone that had no dial tone, how would you fix it?”</li>
<li>“If you were a brick in a wall, which brick would you be and why?”</li>
<li>“How would you move Mount Fuji?”</li>
<li>“Develop an algorithm for finding the shortest distance between two words in a document… take a few hours to develop a working example…”</li>
<li>“Given a dictionary of words, how do you calculate the anagrams for a new word?”</li>
<li>“How many hair salons are there in Japan?”</li>
<li>“Say you are dead — what do you think your eulogy would say about you?”</li>
</ol>
<p>10. Fast Company’s<a href="http://www.fastcompany.com/mic/2010/industry/most-innovative-design-companies" target="_blank"> Top 10 most innovative design companies</a></p>
<ol>
<li>BMW Group Designworks-USA</li>
<li>Ideo</li>
<li>Rockwell Group</li>
<li>Pentagram</li>
<li>Ammunition</li>
<li>Fuseproject</li>
<li>Frog Design</li>
<li>Potion</li>
<li>Attik</li>
<li>WET Design</li>
</ol>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2006/08/31/google-on-the-requirements-of-the-user-experience.html" rel="bookmark" title="Permanent Link: Google对用户体验的要求">Google对用户体验的要求</a></li><li><a href="http://liuyuntian.com/2010/12/02/2010-hongkong-business-of-design-wee.html" rel="bookmark" title="Permanent Link: hi,周六香港见">hi,周六香港见</a></li><li><a href="http://liuyuntian.com/2010/09/08/ebay-2010-new-home-page.html" rel="bookmark" title="Permanent Link: Ebay测试中的新首页">Ebay测试中的新首页</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2010/12/25/top-10-design-related-top-10-lists-from-2010.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>近来学到的一些东西</title>
		<link>http://liuyuntian.com/2008/05/22/something-i-remember.html</link>
		<comments>http://liuyuntian.com/2008/05/22/something-i-remember.html#comments</comments>
		<pubDate>Thu, 22 May 2008 14:44:56 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[个人随笔]]></category>
		<category><![CDATA[成功]]></category>
		<category><![CDATA[目标]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/?p=683</guid>
		<description><![CDATA[《奋斗》中陆涛幻想他这个专业的设计师，现在造的节能房子他自己和别人都觉得它会足够好，的确房子是很好。徐志森说这世界上有很多很多足够好的房子，但并不是一笔成功的生意。遇到问题的时候是立足于自己想象空间，还是结合实际，在进进退退之间求生存，求发展，这是我在《奋斗》中学到的东西。 J和我说他想去某个公司，他说他觉得他大多数职位都可以做，怎么让面试官能认同J，这是很严肃的一件事。后来J和我说他的职业规划，创业或是打工。最近，我有一些朋友纷纷离开了自己的公司，去追求新的方向。我和他们都聊了很久，有这样的原因，有那样的原因。其实这都是人生的一个部份，不管走到哪里，有目标就好，而这个目标是什么，可能并不重要。 我的硬盘里和我的阅读器里装了很多的信息，以致于我无法很好的分类查找。思考了很久，我尝试使用这种方式：把重要的，急于要做的事情或信息放在最显注的位置：桌面；把值得留下来的信息备份，把休闲的东西该删的删，该扔的扔；重要的东西或事情做完了后，依然备份，嗯，突然发现，完全清晰了。不知道各位是如何做的呢？ 相关文章记深圳第一家武汉名小吃一封来自“中国排名第一的交互设计师”的信[转载]进行可用性测试的8个指南Copyright &#169; 2003-2009 Xiaoxiao's Weblog All rights reserved.]]></description>
			<content:encoded><![CDATA[<ul>
<li>《奋斗》中陆涛幻想他这个专业的设计师，现在造的节能房子他自己和别人都觉得它会足够好，的确房子是很好。徐志森说这世界上有很多很多足够好的房子，但并不是一笔成功的生意。遇到问题的时候是立足于自己想象空间，还是结合实际，在进进退退之间求生存，求发展，这是我在《奋斗》中学到的东西。</li>
<li>J和我说他想去某个公司，他说他觉得他大多数职位都可以做，怎么让面试官能认同J，这是很严肃的一件事。后来J和我说他的职业规划，创业或是打工。最近，我有一些朋友纷纷离开了自己的公司，去追求新的方向。我和他们都聊了很久，有这样的原因，有那样的原因。其实这都是人生的一个部份，不管走到哪里，有目标就好，而这个目标是什么，可能并不重要。</li>
<li>我的硬盘里和我的阅读器里装了很多的信息，以致于我无法很好的分类查找。思考了很久，我尝试使用这种方式：把重要的，急于要做的事情或信息放在最显注的位置：桌面；把值得留下来的信息备份，把休闲的东西该删的删，该扔的扔；重要的东西或事情做完了后，依然备份，嗯，突然发现，完全清晰了。不知道各位是如何做的呢？</li>
</ul>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2006/04/15/shenzhen-wuhan-remember-the-first-name-snacks.html" rel="bookmark" title="Permanent Link: 记深圳第一家武汉名小吃">记深圳第一家武汉名小吃</a></li><li><a href="http://liuyuntian.com/2008/05/08/a-letter-from-guest.html" rel="bookmark" title="Permanent Link: 一封来自“中国排名第一的交互设计师”的信">一封来自“中国排名第一的交互设计师”的信</a></li><li><a href="http://liuyuntian.com/2006/08/03/%e8%bd%ac%e8%bd%bd%e8%bf%9b%e8%a1%8c%e5%8f%af%e7%94%a8%e6%80%a7%e6%b5%8b%e8%af%95%e7%9a%848%e4%b8%aa%e6%8c%87%e5%8d%97.html" rel="bookmark" title="Permanent Link: [转载]进行可用性测试的8个指南">[转载]进行可用性测试的8个指南</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2008/05/22/something-i-remember.html/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>一封来自“中国排名第一的交互设计师”的信</title>
		<link>http://liuyuntian.com/2008/05/08/a-letter-from-guest.html</link>
		<comments>http://liuyuntian.com/2008/05/08/a-letter-from-guest.html#comments</comments>
		<pubDate>Thu, 08 May 2008 08:49:41 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[个人随笔]]></category>
		<category><![CDATA[体验与设计]]></category>
		<category><![CDATA[转载备份]]></category>
		<category><![CDATA[深圳]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[管理]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/?p=677</guid>
		<description><![CDATA[ 　　上周写了一篇《传统行业中的用户体验》的日志，其中我提到了保利影院的较差体验。前日在查看后台评论时，发现了一个ID为“中国排名第一的交互设计师”，邮箱为Sorry@sorry.com的朋友发出的五条留言记录，我稍稍整理了一下，放在了下面。 　　有些惊叹网络的影响力，去年也有过一次，在这里。我还无法判断是否来自于保利影院的那个MM，但能看出来，对体验的理解和公司管理的差异，都相差比较大。诚然，在这里，如果真正是因为我的文章受到了扣工资的罚款，我想在一定程度上是帮助了这个MM本身；如果产品和服务能做的更好，收益者是全体大众。 　　在这里，针对我提到的一些问题，个人给保利影院提几个建议如下： 增加提示，告之用户不能自带零食。 规范化服务用语，让用户能了解游戏规则。 在流程上做变化，先检票，把爆米花的销售位置作调整（和检票口靠近或直接用机器放在剧院里）。 有奖有罚，做的差的要惩罚，改进体验的要奖励。 　　以下为这位“中国排名第一的交互设计师”的全部留言（有段落与错别字调整）：   “ 　“一个人，做一件事情，一定会有一个驱动他的逻辑存在，找到这个逻辑，你就会了解他和谁操纵他。”——本人的名言。 　　这其实是两个公司不同的企业制度造成的员工服务逻辑。保利的员工是这样，可能保利的奖惩比较严格，也许，保利要求不能放入拿零食进电影院的人，否则，员工负责任，员工为了保住自己的绩效，当然不管看电影的人如何感受，她当天的工资不被扣掉她最在乎。 　　KFC的换鸡翅膀，也许，KFC把这个制定为是正常的制度程序，员工只需要笑脸相迎就可以了，换鸡翅可能扣的是烤鸡翅员工的工资，不是帮你换鸡翅的员工的工资，如果你那时去问一下KFC厨房里那位烤鸡翅员工爽不爽啊？他一定会冲出来给你一巴。 　　综合上述， 说明了你对比两个公司员工服务的对象不匹配。 　　保利的是一个一出错就直接扣工资的员工。KFC的是一个换了鸡翅膀也不扣她工资的员工，直接扣工资的员工在厨房，他的绩效板被记了一个“1”，因为他烤糊了一个鸡翅膀。所以你选择错了对象。 　　当然，这个底层的事实上，又有一个共同的事实存在，就是企业的服务精神。所以，企业的制度，能决定员工的服务态度和逻辑，再加上企业的服务精神，员工的服务态度会更好。 　　以后，做人不要那么小气，在深圳，大家都是中国人，大家都打工的不容易，国人之间不要那么计较，体量一下人家打工妹，配合一下人家的工作，不吃零食就不吃，大不了在里面买，不就10块钱嘛，帮下人家，你也会很开心的去看电影。 　　对于KFC，这个我不评论了，美国企业，我个人是比较支持国货和中国民营企业的。 　　继续回复，那个打工妹猛的拍你一下，说明，她已经迫不及待的要挽回她就要被扣掉的可怜的薪水了。她能不拍你嘛？人家公司的制度就是这样硬性的。 　　还要回复，那些深圳的打工妹好可年滴，家里在乡下，又有父母弟妹要养活，她们每个月拿的那点薪水在深圳根本处在最低生活线，她们还要拿出一部份寄回家，要体量一下人家才行啊，做人要大度一点，砸到花花草草就不好了。 　　哦米托F　　我的签名： 中国排名第一的交互设计师 ” 相关文章一个腾讯前高管发给他现在的创业伙伴的信转载：致QQ用户的第二封信爸爸的信：学会鄙视自己，才不会妥协Copyright &#169; 2003-2009 Xiaoxiao's Weblog All rights reserved.]]></description>
			<content:encoded><![CDATA[<p> 　　上周写了一篇《<a href="http://liuyuntian.com/2008/04/27/traditional-industries-in-the-user-experience.html" target="_blank">传统行业中的用户体验</a>》的日志，其中我提到了保利影院的较差体验。前日在查看后台评论时，发现了一个ID为“中国排名第一的交互设计师”，邮箱为<a href="mailto:“Sorry@sorry.com">Sorry@sorry.com</a>的朋友发出的五条留言记录，我稍稍整理了一下，放在了下面。</p>
<p>　　有些惊叹网络的影响力，去年也有过一次，<a title="记深圳第一家武汉名小吃" href="http://liuyuntian.com/2006/04/15/shenzhen-wuhan-remember-the-first-name-snacks.html" target="_blank">在这里</a>。我还无法判断是否来自于保利影院的那个MM，但能看出来，对体验的理解和公司管理的差异，都相差比较大。诚然，在这里，如果真正是因为我的文章受到了扣工资的罚款，我想在一定程度上是帮助了这个MM本身；如果产品和服务能做的更好，收益者是全体大众。</p>
<p>　　在这里，针对我提到的一些问题，个人给保利影院提几个建议如下：</p>
<ol>
<li>增加提示，告之用户不能自带零食。</li>
<li>规范化服务用语，让用户能了解游戏规则。</li>
<li>在流程上做变化，先检票，把爆米花的销售位置作调整（和检票口靠近或直接用机器放在剧院里）。</li>
<li>有奖有罚，做的差的要惩罚，改进体验的要奖励。</li>
</ol>
<p>　　以下为这位“中国排名第一的交互设计师”的全部留言（有段落与错别字调整）：</p>
<p> <span id="more-677"></span></p>
<h1>“</h1>
<p>　“一个人，做一件事情，一定会有一个驱动他的逻辑存在，找到这个逻辑，你就会了解他和谁操纵他。”——本人的名言。</p>
<p>　　这其实是两个公司不同的企业制度造成的员工服务逻辑。保利的员工是这样，可能保利的奖惩比较严格，也许，保利要求不能放入拿零食进电影院的人，否则，员工负责任，员工为了保住自己的绩效，当然不管看电影的人如何感受，她当天的工资不被扣掉她最在乎。</p>
<p>　　KFC的换鸡翅膀，也许，KFC把这个制定为是正常的制度程序，员工只需要笑脸相迎就可以了，换鸡翅可能扣的是烤鸡翅员工的工资，不是帮你换鸡翅的员工的工资，如果你那时去问一下KFC厨房里那位烤鸡翅员工爽不爽啊？他一定会冲出来给你一巴。</p>
<p>　　综合上述， 说明了你对比两个公司员工服务的对象不匹配。</p>
<p>　　保利的是一个一出错就直接扣工资的员工。KFC的是一个换了鸡翅膀也不扣她工资的员工，直接扣工资的员工在厨房，他的绩效板被记了一个“1”，因为他烤糊了一个鸡翅膀。所以你选择错了对象。</p>
<p>　　当然，这个底层的事实上，又有一个共同的事实存在，就是企业的服务精神。所以，企业的制度，能决定员工的服务态度和逻辑，再加上企业的服务精神，员工的服务态度会更好。</p>
<p>　　以后，做人不要那么小气，在深圳，大家都是中国人，大家都打工的不容易，国人之间不要那么计较，体量一下人家打工妹，配合一下人家的工作，不吃零食就不吃，大不了在里面买，不就10块钱嘛，帮下人家，你也会很开心的去看电影。</p>
<p>　　对于KFC，这个我不评论了，美国企业，我个人是比较支持国货和中国民营企业的。</p>
<p>　　继续回复，那个打工妹猛的拍你一下，说明，她已经迫不及待的要挽回她就要被扣掉的可怜的薪水了。她能不拍你嘛？人家公司的制度就是这样硬性的。</p>
<p>　　还要回复，那些深圳的打工妹好可年滴，家里在乡下，又有父母弟妹要养活，她们每个月拿的那点薪水在深圳根本处在最低生活线，她们还要拿出一部份寄回家，要体量一下人家才行啊，做人要大度一点，砸到花花草草就不好了。</p>
<p>　　哦米托F　　我的签名： 中国排名第一的交互设计师</p>
<h1>”</h1>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2007/06/23/tencent-former-executives-of-a-now-circulated-his-letter-venture-partners.html" rel="bookmark" title="Permanent Link: 一个腾讯前高管发给他现在的创业伙伴的信">一个腾讯前高管发给他现在的创业伙伴的信</a></li><li><a href="http://liuyuntian.com/2010/11/04/the-second-letter-for-qq-user.html" rel="bookmark" title="Permanent Link: 转载：致QQ用户的第二封信">转载：致QQ用户的第二封信</a></li><li><a href="http://liuyuntian.com/2011/06/19/a-letter-from-father.html" rel="bookmark" title="Permanent Link: 爸爸的信：学会鄙视自己，才不会妥协">爸爸的信：学会鄙视自己，才不会妥协</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2008/05/08/a-letter-from-guest.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>[转]林晓的视觉寓言</title>
		<link>http://liuyuntian.com/2008/04/15/mr-lins-vision-fable.html</link>
		<comments>http://liuyuntian.com/2008/04/15/mr-lins-vision-fable.html#comments</comments>
		<pubDate>Tue, 15 Apr 2008 05:56:23 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[体验与设计]]></category>
		<category><![CDATA[转载备份]]></category>
		<category><![CDATA[大师]]></category>
		<category><![CDATA[寓言]]></category>
		<category><![CDATA[林晓]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/?p=670</guid>
		<description><![CDATA[转载来源：林晓的博客 作者：老林 　　我认识两个老林，一个来自汕头，一个来自于北京。对于后者的设计作品，越来越喜欢，保持了大师级的风采，如《Mr.Concept诞生》，还有下面的38张连载《视觉寓言》： 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 　　 相关文章用宝视通免费打电话Goolge收购NevenVision提升PicasaCopyright &#169; 2003-2009 Xiaoxiao's Weblog All rights reserved.]]></description>
			<content:encoded><![CDATA[<p>转载来源：<a href="http://blog.sina.com.cn/s/blog_4b476eb501009507.html" target="_blank">林晓的博客</a><br />
作者：老林</p>
<p>　　我认识两个老林，一个来自汕头，一个来自于北京。对于后者的设计作品，越来越喜欢，保持了大师级的风采，如《<a href="http://blog.sina.com.cn/s/blog_4b476eb501008l8w.html" target="_blank">Mr.Concept诞生</a>》，还有下面的38张连载《<a href="http://blog.sina.com.cn/s/blog_4b476eb501009507.html" target="_blank">视觉寓言</a>》：</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/1.jpg" alt="" /></p>
<p><span id="more-670"></span></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/2.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/3.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/4.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/5.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/6.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/7.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/8.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/9.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/10.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/11.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/12.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/13.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/14.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/15.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/16.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/17.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/18.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/19.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/20.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/21.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/22.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/23.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/24.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/25.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/26.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/27.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/28.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/29.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/30.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/31.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/32.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/33.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/34.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/35.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/36.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/37.jpg" alt="" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/04/38.jpg" alt="" /></p>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2005/11/23/vision-free-by-phone.html" rel="bookmark" title="Permanent Link: 用宝视通免费打电话">用宝视通免费打电话</a></li><li><a href="http://liuyuntian.com/2006/08/16/goolge%e6%94%b6%e8%b4%adnevenvision%e6%8f%90%e5%8d%87picasa.html" rel="bookmark" title="Permanent Link: Goolge收购NevenVision提升Picasa">Goolge收购NevenVision提升Picasa</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2008/04/15/mr-lins-vision-fable.html/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Google的设计导引</title>
		<link>http://liuyuntian.com/2008/04/03/googles-design-guidelines.html</link>
		<comments>http://liuyuntian.com/2008/04/03/googles-design-guidelines.html#comments</comments>
		<pubDate>Thu, 03 Apr 2008 09:50:05 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[体验与设计]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[导引]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/?p=651</guid>
		<description><![CDATA[转载：Google&#8217;s Design Guidelines 翻译：Winter Jon Wiley, User Experience Designer for Google Apps, outlined some of the most important principles for designing interfaces at Google. In his presentation at the WritersUA conference, Jon listed the following guidelines: Jon Wiley，Google Apps的用户体验设计师，描述了Google界面设计中最重要的一些原则。在他WritersUA会议的演讲中，Jon列举了以下几个设计导引： 1.Useful: focus on people &#8211; their lives, their work, their dreams. 有帮助的：聚焦人们：关注他们的生活，他们的工作，他们的梦想。 2.Fast: every millisecond counts. [...]]]></description>
			<content:encoded><![CDATA[<p>转载：<a href="http://googlesystem.blogspot.com/2008/03/googles-design-guidelines.html">Google&#8217;s Design Guidelines</a><br />
翻译：Winter</p>
<p>Jon Wiley, User Experience Designer for Google Apps, outlined some of the most important principles for designing interfaces at Google. In his presentation at the WritersUA conference, Jon listed the following guidelines:<br />
Jon Wiley，Google Apps的用户体验设计师，描述了Google界面设计中最重要的一些原则。在他WritersUA会议的演讲中，Jon列举了以下几个设计导引： </p>
<p>1.Useful: focus on people &#8211; their lives, their work, their dreams.<br />
有帮助的：聚焦人们：关注他们的生活，他们的工作，他们的梦想。</p>
<p>2.Fast: every millisecond counts.<br />
快速的：以毫秒计算。</p>
<p>3.Simple: simplicity is powerful.<br />
 简单的：简约即力量。</p>
<p>4.Engaging: engage beginners and attract experts.<br />
吸引人的：使新手参与，同时吸引专家。</p>
<p>5.Innovative: dare to be innovative.<br />
创新的：敢于创新。</p>
<p>6.Universal: design for the world.<br />
普遍的／全球的：为全世界设计</p>
<p>7.Profitable: plan for today&#8217;s and tomorrow&#8217;s business.<br />
赢利的：为当前和未来的商业设计。</p>
<p>8.Beautiful: delight the eye without distracting the mind.<br />
美丽的：让视觉得到享受，同时避免分散注意力。</p>
<p>9.Trustworthy: be worthy of people&#8217;s trust.<br />
可信赖的：值得众人信赖。</p>
<p>10.Personable: add a human touch.<br />
优雅的：增添人类触觉（情感化设计）。</p>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2008/11/12/web-content-accessibility-guidelines-20.html" rel="bookmark" title="Permanent Link: Web内容可访问性指南(WCAG)2.0发布了">Web内容可访问性指南(WCAG)2.0发布了</a></li><li><a href="http://liuyuntian.com/2010/01/14/googles-question.html" rel="bookmark" title="Permanent Link: 对Google的问题的一些个人看法">对Google的问题的一些个人看法</a></li><li><a href="http://liuyuntian.com/2005/11/18/googles-logo-moive.html" rel="bookmark" title="Permanent Link: Google&#8217;s logo moive">Google&#8217;s logo moive</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2008/04/03/googles-design-guidelines.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>网站有效设计的10个原则</title>
		<link>http://liuyuntian.com/2008/02/04/10-principles-of-effective-web-design-chinese-version.html</link>
		<comments>http://liuyuntian.com/2008/02/04/10-principles-of-effective-web-design-chinese-version.html#comments</comments>
		<pubDate>Mon, 04 Feb 2008 09:09:39 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[体验与设计]]></category>
		<category><![CDATA[交互]]></category>
		<category><![CDATA[以用户为中心]]></category>
		<category><![CDATA[信息]]></category>
		<category><![CDATA[可用性测试]]></category>
		<category><![CDATA[标准]]></category>
		<category><![CDATA[测试]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[研究]]></category>
		<category><![CDATA[网站]]></category>
		<category><![CDATA[网站设计]]></category>
		<category><![CDATA[翻译]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/2008/02/04/10-principles-of-effective-web-design-chinese-version.html</guid>
		<description><![CDATA[原文：10 Principles Of Effective Web Design 翻译：熊猫　2008-02-03 本文由熊猫同学授权翻译首发。并不是专业翻译，仅供参考。 　　决定一个网站成败命运的，不是视觉设计，而是设计的可用性和有效性。访问网页的用户们握着鼠标，决定一切，“以用户为中心”已然是成功网站的标准设计方向。总之，用户不用的功能，就不该存在。 　　我们并不打算重复探讨操作细节（比如：“搜索工具栏”应当怎么放置），相反，我们的目光将集中在网站有效设计的核心原则、启发式方法和入门上。这些如果能够使用得当，可以催产出更丰富的设计作品，且使呈现的信息更容易被获取。 请注意 我们有相关文章可供参考： 10大可用性梦魇 和 可用性30专题。 接下来论文中将涉及更多有效设计原则，你可以考虑订阅我们的RSS源。 　　为了能够合理利用这些原则，我们首先需要理解用户是怎样与网页交互活动的，是怎么思考的，行为的基本模式又是怎样的。 用户们是怎么思考的？ 　　通俗地讲，用户在互联网上的行为习惯与日常商店中的顾客们并无二样。来访者们扫视每个新页面，浏览其中的一些文本，点击他们最感兴趣的链接，或者隐约觉得能带他们找到他们想要内容的链接。事实上，页面的绝大部分，他们根本不看。 　　许多用户找寻感兴趣（或者他们觉得有用）且可以点击的信息，只要一些看起来符合期望的目标出现，用户就会去点击。如果新页面没有满足用户的期望，用户将点击“后退”，继续搜索。 用户看重质量和信誉。如果一个网站向用户提供了高质量的内容，用户就演绎忍受广告和糟糕的设计。这就是为何有些网站设计平平，但提供了高质量内容，就年复一年拥有着骄人的流量。内容重于形式。 用户不是阅读，而是浏览。用户分析一个网页的时候，寻找一些重要的节点或者锚点，目的是希望这些链接能够指引他们到期望的内容。 　　  用户不是阅读，而是扫视浏览。主要“高亮”区域在页面内容的中间断开了。这是典型的扫视浏览模式。　　 互联网用户是无耐心且必须立即被满足的。非常简单的原则：如果一个网站没有达到用户的期望，设计师的工作就失败了，公司也会有经济损失。认知负荷越高、导航越不直观，用户越倾向于离开这个网站，寻找它的替代品。　　 用户不做最优的抉择。用户不会寻找最便捷的方法找到他们需要的信息。他们也不是线性浏览一个网页，按顺序从一个站点跳转到另一个站点。相反，用户是很容易满足的，他们通常选择第一个让他们满意的选项。只要他们找到一个他们觉得能指向期望目标的链接，他们通常会立即点击。最优的抉择是有难度的，需要花费很多时间。满意即可非常高效。【视频】 　　  　　 　　两个图片都显示：网页阅读模式是非线性的。右下方的路径图显示了用户浏览一个网页的视线轨迹。 用户遵从他们的直觉。在通常的情况下，用户杂乱无章地扫视而非阅读设计师们呈现的信息。根据Steve Krug的研究，最根本的原因是：用户不关心。“如果我们发现一些东西奏效，我们就会被吸引。这些东西是怎么运作的对我们来说不重要，我们只要能够使用它们就足够了。如果你的受众喜欢大的公告栏，就要做的就是设计一个更大的，公告栏。” 用户希望有可控感。用户想控制他们自己的浏览行为本身，且依赖网站呈现的连续的内容。例如，他们不想一个新窗口出乎意料地弹出，他们希望用“后退”按钮返回刚刚的页面；因此，从不在一个新的浏览窗口中打开超链接是一个好的行为。 　　1.   别让用户思考 　　根据Krug的可用性第一原则，网页应当清晰且不言自明。当你创建一个网站的时候，你的工作就是避免问题——那些需要用户反复慎重考虑前因后果才能做出决定的选择。 　　如果网站的导航和结构不是直观的，产生的问题就会数量大增，且使得用户很难理解系统是如何工作的，怎样才能从A点跳转到B点。一个清晰的架构，中等强度温和的视觉引导，易于识别的链接，可以帮助用户找到实现目标的途径。 　　   　　让我们来看一个案例。Beyondis.co.uk 宣称自己是“超越栏目，超越产品，超越分布”的。这是何含义呢？自从发现用户倾向于“F”模式的网页浏览习惯，以上提到“栏目、产品、分布”是用户浏览网页时，首先必见的三元素。 　　虽然设计本身非常简单且直观，但用户仍然需要去找寻才能明白这个网页是做什么的。这就是所谓的不必要的问题。设计师职责是要让问题降到0。具有视觉效果的解释已经放在右边。只要交换左右模块的位置，可用性就会增加。 　　   　　ExpressionEngine 使用了与Beyondi非常相似的结构，但避免了不必要的问题。更进一步的是，宣传性的口号起到了效果，用户们会选择尝试服务，下载免费使用版本。 　　通过减少认知负荷，你可以使访客更容易获取系统背后的思想。只要你做到了这一点，你就可以理解为何这个系统是有用的，而用户又是怎样从中获益的。如果人们在你的网页上迷路的话，他们是不会使用你的网站的。 　　2. 别浪费用户的耐心 　　在任何一个你想向用户提供服务或者使用工具的项目工程了，尽量使你的门槛降低，对用户的要求减少。一项服务要求用户付出的越少，越有可能被一个随机进入的访者真正尝试。如果不用填那些他们以后都不会再次用到的长长的网页表格，首次来访的用户都会愿意尝试服务。请让用户自由浏览网页，让他们不用交换私人信息就能尝试你的服务。强迫用户填写电子邮箱地址来测试用户特征是不合理的。 　　 　　正如37Signals team的开发者Ryan Singe所言，用户们如果在看到产品之后被要求留下电子邮箱地址的话，可能是愿意的，因此他们对于留下电邮的回报是有想法的。 　　   [...]]]></description>
			<content:encoded><![CDATA[<p>原文：<a target="_blank" href="http://www.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/">10 Principles Of Effective Web Design<br />
</a>翻译：熊猫　2008-02-03</p>
<p><strong>本文由熊猫同学授权翻译首发。并不是专业翻译，仅供参考。</strong></p>
<p>　　决定一个网站成败命运的，不是视觉设计，而是设计的可用性和有效性。访问网页的用户们握着鼠标，决定一切，“以用户为中心”已然是成功网站的标准设计方向。总之，用户不用的功能，就不该存在。<br />
　　我们并不打算重复探讨操作细节（比如：“搜索工具栏”应当怎么放置），相反，我们的目光将集中在网站有效设计的核心原则、启发式方法和入门上。这些如果能够使用得当，可以催产出更丰富的设计作品，且使呈现的信息更容易被获取。</p>
<p>请注意</p>
<ul>
<li>我们有相关文章可供参考： <a target="_blank" href="http://www.smashingmagazine.com/2007/09/27/10-usability-nightmares-you-should-be-aware-of/">10大可用性梦魇</a> 和 <a target="_blank" href="http://www.smashingmagazine.com/2007/10/09/30-usability-issues-to-be-aware-of/">可用性30专题</a>。</li>
<li>接下来论文中将涉及更多有效设计原则，你可以考虑<a target="_blank" href="http://www.smashingmagazine.com/wp-rss.php">订阅我们的RSS源</a>。</li>
</ul>
<p>　　为了能够合理利用这些原则，我们首先需要理解用户是怎样与网页交互活动的，是怎么思考的，行为的基本模式又是怎样的。</p>
<p><strong>用户们是怎么思考的？</strong></p>
<p>　　通俗地讲，用户在互联网上的行为习惯与日常商店中的顾客们并无二样。来访者们扫视每个新页面，浏览其中的一些文本，点击他们最感兴趣的链接，或者隐约觉得能带他们找到他们想要内容的链接。事实上，页面的绝大部分，他们根本不看。</p>
<p>　　许多用户找寻感兴趣（或者他们觉得有用）且可以点击的信息，只要一些看起来符合期望的目标出现，用户就会去点击。如果新页面没有满足用户的期望，用户将点击“后退”，继续搜索。</p>
<ul>
<li>用户看重质量和信誉。如果一个网站向用户提供了高质量的内容，用户就演绎忍受广告和糟糕的设计。这就是为何有些网站设计平平，但提供了高质量内容，就年复一年拥有着骄人的流量。内容重于形式。</li>
<li>用户不是阅读，而是浏览。用户分析一个网页的时候，寻找一些重要的节点或者锚点，目的是希望这些链接能够指引他们到期望的内容。</li>
</ul>
<p>　　 <img src="http://liuyuntian.com/wp-content/uploads/2008/02/scan.jpg" alt="Scan" /></p>
<p><span id="more-619"></span></p>
<ul>用户不是阅读，而是扫视浏览。主要“高亮”区域在页面内容的中间断开了。这是典型的扫视浏览模式。　　</p>
<li>互联网用户是无耐心且必须立即被满足的。非常简单的原则：如果一个网站没有达到用户的期望，设计师的工作就失败了，公司也会有经济损失。认知负荷越高、导航越不直观，用户越倾向于离开这个网站，寻找它的替代品。　　</li>
<li>用户不做最优的抉择。用户不会寻找最便捷的方法找到他们需要的信息。他们也不是线性浏览一个网页，按顺序从一个站点跳转到另一个站点。相反，用户是很容易满足的，他们通常选择第一个让他们满意的选项。只要他们找到一个他们觉得能指向期望目标的链接，他们通常会立即点击。最优的抉择是有难度的，需要花费很多时间。满意即可非常高效。【<a target="_blank" href="http://www.etre.com/usability/eyetracking/showme/">视频</a>】</li>
</ul>
<p>　　<a href="http://searchengineland.com/070413-121955.php"></a> <img src="http://liuyuntian.com/wp-content/uploads/2008/02/froogle.png" alt="froogle" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/scanpath.jpg" alt="scanpath" /><a href="http://blog.eyetools.net/eyetools_research/4_community_of_learning/index.html"></a></p>
<p>　　两个图片都显示：网页阅读模式是非线性的。右下方的路径图显示了用户浏览一个网页的视线轨迹。</p>
<ul>
<li>用户遵从他们的直觉。在通常的情况下，用户杂乱无章地扫视而非阅读设计师们呈现的信息。根据Steve Krug的研究，最根本的原因是：用户不关心。“如果我们发现一些东西奏效，我们就会被吸引。这些东西是怎么运作的对我们来说不重要，我们只要能够使用它们就足够了。如果你的受众喜欢大的公告栏，就要做的就是设计一个更大的，公告栏。”</li>
<li>用户希望有可控感。用户想控制他们自己的浏览行为本身，且依赖网站呈现的连续的内容。例如，他们不想一个新窗口出乎意料地弹出，他们希望用“后退”按钮返回刚刚的页面；因此，从不在一个新的浏览窗口中打开超链接是一个好的行为。</li>
</ul>
<p><strong>　　1.   别让用户思考</strong><br />
　　根据Krug的可用性第一原则，网页应当清晰且不言自明。当你创建一个网站的时候，你的工作就是避免问题——那些需要用户反复慎重考虑前因后果才能做出决定的选择。</p>
<p>　　如果网站的导航和结构不是直观的，产生的问题就会数量大增，且使得用户很难理解系统是如何工作的，怎样才能从A点跳转到B点。一个清晰的架构，中等强度温和的视觉引导，易于识别的链接，可以帮助用户找到实现目标的途径。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/beyondis.png" alt="beyondis" /><a href="http://www.beyondis.co.uk/"></a><br />
 <br />
　　让我们来看一个案例。<a href="http://www.beyondis.co.uk/">Beyondis.co.uk</a> 宣称自己是“超越栏目，超越产品，超越分布”的。这是何含义呢？自从发现用户倾向于<a target="_blank" href="http://www.useit.com/alertbox/reading_pattern.html">“F”模式</a>的网页浏览习惯，以上提到“栏目、产品、分布”是用户浏览网页时，首先必见的三元素。</p>
<p>　　虽然设计本身非常简单且直观，但用户仍然需要去找寻才能明白这个网页是做什么的。这就是所谓的不必要的问题。设计师职责是要让问题降到0。具有视觉效果的解释已经放在右边。只要交换左右模块的位置，可用性就会增加。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/ee.png" alt="ee" /><a href="http://expressionengine.com/"></a><br />
 <br />
　　<a href="http://expressionengine.com/">ExpressionEngine</a> 使用了与Beyondi非常相似的结构，但避免了不必要的问题。更进一步的是，宣传性的口号起到了效果，用户们会选择尝试服务，下载免费使用版本。</p>
<p>　　通过减少认知负荷，你可以使访客更容易获取系统背后的思想。只要你做到了这一点，你就可以理解为何这个系统是有用的，而用户又是怎样从中获益的。如果人们在你的网页上迷路的话，他们是不会使用你的网站的。</p>
<p><strong>　　2. 别浪费用户的耐心</strong><br />
<strong>　　</strong>在任何一个你想向用户提供服务或者使用工具的项目工程了，尽量使你的门槛降低，对用户的要求减少。一项服务要求用户付出的越少，越有可能被一个随机进入的访者真正尝试。如果不用填那些他们以后都不会再次用到的长长的网页表格，首次来访的用户都会愿意尝试服务。请让用户自由浏览网页，让他们不用交换私人信息就能尝试你的服务。强迫用户填写电子邮箱地址来测试用户特征是不合理的。<strong> </strong>　　</p>
<p>　　正如37Signals team的开发者Ryan Singe所言，用户们如果在看到产品之后被要求留下电子邮箱地址的话，可能是愿意的，因此他们对于留下电邮的回报是有想法的。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/stikkit.jpg" alt="stikkit" /><a href="http://www.stikkit.com/signup"></a><br />
 <br />
　　<a target="_blank" href="http://www.stikkit.com/signup">Stikkit</a>是一个用户友好的极佳例子，它清晰易懂，且几乎不向访客索取任何东西。这也是你在你的网站应当使你的用户体验到的。</p>
<p>　　<a href="https://appmite.de/account/erstellen"></a> <img src="http://liuyuntian.com/wp-content/uploads/2008/02/bemite.png" alt="bemite" /><br />
　　<br />
　　很明显，<a href="https://appmite.de/account/erstellen">Mite</a>就索取很多。但是整个注册表可以在30秒之内完成——因为网页是横向的，用户不需要滚动页面。</p>
<p>　　如果要理想化地去除所有的障碍，首先就是不需要贡献些什么或者填写注册。仅仅一个用户注册表本身就足以阻碍用户在网站的随意浏览行为，且会对网站浏览产生很大不利影响。</p>
<p><strong>　　3. 抓住用户的注意</strong><br />
<strong>　　</strong>因为网站都是通常既提供静态的内容又提供动态的内容，一些用户界面就会比另一些更加吸引人。很明显，图像比文本更吸引眼球——就好像加粗的句子比未加粗的更容易引起注意。</p>
<p><strong> </strong>　　人类的眼睛是一个高度非线性运作的设备，网页用户能够直觉地识别边界、模式和运动。这是为什么视频广告特别容易引起反感，但是从市场营销的角度来说，他们的确完美地吸引了用户的注意。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/enso.png" alt="enso" /><a href="http://www.humanized.com/"></a><br />
 <br />
　　<a href="http://www.humanized.com/">Humanized.com</a>很好地利用了焦点原理。这个页面上直接呈现给用户的视觉元素只有一个“free”，它非常地吸引注意力，当仍然非常简洁且信息传递单纯。细小的线索给用户提供了充分地信息去找到“free”的产品。</p>
<p>　　使用中等强度的视觉元素来将用户的注意力吸引到网页的特定区域，能够使你网站的访客不假思索地从A点轻松到达B点，忽略背后可能存在的逻辑关系。访客遇到的问题越少，就越会具有良好的方向感，且会更加信任这个网站呈现的公司。换言之：对于这个屏幕呈现的内容需要琢磨的越少，可用性的首要目标——用户体验，就会越好。</p>
<p>　　<strong>4. 尽量使特征明显呈现</strong><br />
　　</p>
<p>　　当代网页设计总是嘲笑用鲜明视觉效果的大按钮指示用户：第一步——第二步——第三步……但是从设计的角度来说，这些元素事实上并非化石。相反的，这些导航是极其有效的，因为他们能够以一种非常简单和友好地方式带领网页的浏览者在网站内容间穿梭。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/dibusoft.jpg" alt="dibusoft" /><a href="http://dibusoft.com/"></a><br />
 <br />
　　<a href="http://dibusoft.com/">Dibusoft.com</a>将视觉的宜人性和清晰的网站结构相结合。这个网张有9个主要的导航选择，都放置在一眼能够看见的位置上。尽管，这些导航的颜色也许有些太浅了。<br />
　　让用户看清楚功能的合理性是成功用户界面的基准。这个是否达到了，实际上并不重要，重要的是内容是否被很好地理解了，而用户是否觉得他们与这个系统的交互非常舒服。</p>
<p>　　<strong>5. 有效书写<br />
</strong></p>
<p>　　由于网站与打印出版史不一样，它需要与用户喜欢的书写方式相匹配，且与浏览习惯相契合。鼓吹浮夸的文字将不会被阅读。大段没有图像、标粗或者斜体关键字的文本将被忽略。夸张的语言将被忽略。</p>
<p>　　说正经的。避免太过于高校或者自作聪明的名字，市场导向的名字，公司名，或者不被树枝的技术名词。例如，如果你描述了一种服务，需要用户注册一个账户，“注册”比“就从这开始吧！”要好，而后者依然好过“探寻我们打服务”。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/eleven2.png" alt="eleven" /><a href="http://www.eleven2.com/"></a><br />
 <br />
　　<a href="http://www.eleven2.com/">Eleven2.com</a>直击要害。没有华丽的语辞，没有夸张的陈述。取而代之的是一个价格：这就是用户来此需要的。</p>
<p>　　有效书写的优化解决方案</p>
<ul>
<li>使用简短的语句（直击要害，越快越好）</li>
<li>使用铺陈的方式（将内容分类，使用多层标题，用视觉线索和树状图）</li>
<li>使用平白直观的语言（一个宣传口号不用听上去像广告；给用户一些理性和客观的理由，让他们驻足在你的网站，享用你的服务）</li>
</ul>
<p>　　<strong>6. 尽量简洁<br />
</strong></p>
<p>　　 “简洁”是网站设计的首要原则。用户们很少驻足一个网站是因为喜欢它的设计，通常情况下他们是在找寻他们需要的信息，当然设计为他们提供了寻找帮助。尽量简洁，而不是复杂。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/crc.png" alt="crc" /><a href="http://crcbus.mattiaviviani.net/"></a><br />
 <br />
　　<a href="http://crcbus.mattiaviviani.net/">Crcbus</a>为网页访客提供了一个整洁简单的设计。也许因为它是意大利语的，你不能明白这个网站是干嘛的，但是，可以可以清晰地识别出导航，标题，内容区域和脚注。注意，图标都可以清晰地传递信息。只要将鼠标悬浮在图标上，更多的信息就自动呈现出来。</p>
<p>　　从用户的角度出发，好网页应当是一个纯文本的，没有广告的，新加内容与用户寻找目标密切相关的。这也是一个方便打印的网页带来用户良好体验的原因之一<br />
 </p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/simple.png" alt="simple" /><a href="http://getfinch.com/"></a> <br />
　　Finch清晰地呈现了网站信息，让用户在没有无关内容干扰的情况下，做出进一步浏览的选择。</p>
<p>　　<strong>7. 别怕留白<br />
</strong></p>
<p>　　事实上，在网页上留出空白区域的好处怎么估计都不过分。它不仅使网页访客的认知负荷减少，而且更容易获取网页所呈现的信息。新用户浏览网页时要做的第一件事情，通常是扫视全页，将内容区域在心理上划分成合适的组块，然后再对信息进行加工。<br />
　　复杂的结构不易于阅读，扫视，分析和使用。如果有两种选择，一是用明显的竖线将两个区域隔开，另一个是使用一些空白达到这种效果，通常比较好的选择是后者，即留出空白。分层减少页面复杂感（Simon法则）：视觉上的层次感觉越好，你网页上的内容信息就越容易被获取。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/cameron.jpg" alt="cameron" /><a href="http://cameron.io/"></a><br />
 <br />
　　空白区域是很好的。<a href="http://cameron.io/">Cameron.io</a>用空白区域作为设计的主打元素。这样就使得主要信息被层次鲜明地突出了。</p>
<p>　　<strong>8. 用“可视化”语言有效交流<br />
</strong></p>
<p>　　Aaron Marcus在“有效的视觉表达”一文中，曾经提及过<a target="_blank" href="http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html">三个基本原则</a>，其中一个就“视觉语言”，即用户在屏幕上所看到的内容。</p>
<ul>
<li>组织：为用户提供清晰稳定的概念结构。一致性，页面布局，模块关系和页面导航是组织中的重要概念。同样的表达方式和规则适用于所有元素。</li>
<li>经济化：尽量少地使用视觉元素。简约、清晰、区别性和重点突出，这四个要点需要被权衡。简约的含义是：只有表达需要的重要元素才可以被呈现。清晰则指的是：所有的组件都应当与它们传递的意义相吻合，不要引起歧义或者表达含糊。区别性是非常重要的，它要求所有元素都应当是独一无二的。重点突出则是指：关键的元素要能够被认知轻易捕获。</li>
<li>表达：使用用户能力能够接受的表达方式。为了使得表达顺畅，用户界面必须在可读性，易读性，结构，象征性，许多的观点，颜色和材质效果之间来找到一种平衡。在一个页面里最多只能用三种字体,最多只能用3种字号——文本每行最多呈现18个字或者50-80个字符。</li>
</ul>
<p>　　<strong>9. 规范是我们的朋友<br />
</strong></p>
<p>　　使用传统的元素设计出的网站并非索然无趣。事实上，传统规范非常有用，因为他们减少了学习的周期且节省了去收集有效性的精力。例如，如果所有网站对于RSS源都启用不同的视觉特征，这将是可用性的一个梦魇。这与我们习惯于对数据规范整理，或者对于商场的货架规律摆放，并无区别。</p>
<p>　　如果你遵从规范，你将获得用户的信心，信赖，信任，且证明你的可靠。遵从用户的希望——理解他们对于一个网站导航、文字结构、搜索栏位置的期望，等等。（参考Nielsen： <a target="_blank" href="http://www.useit.com/alertbox/">Usability Alertbox</a>）</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/babelfish.png" alt="babelfish" /><a href="http://babelfish.yahoo.com/"></a><br />
 <br />
　　BabelFish in use: Amazon.com in Russian.<br />
　　</p>
<p>　　在可用性测试方面一个典型的例子是：将网页翻译成日语（假设你的网站用户不懂日语，例如，是使用<a href="http://babelfish.yahoo.com/">Babelfish</a>的），然后请你的可用性测试被试在异种语言的网页中寻找一些内容。如果规范被良好的遵从，那么用户是可以找到一些不适特别特殊的目标内容的，尽管他们对于这种语言一窍不通。</p>
<p>　　Steve Krug建议仅仅在你确认自己有一个更好的想法的时候再去创新，但是如果没有的话，好好遵守现有规范。</p>
<p>　　<strong>10. 早些测试，常常测试。<br />
</strong></p>
<p>　　TETO原则可被应用于任何网页设计，因为对于现有布局的重要的问题和细节，可用性测试总是能提供关键的洞见。<br />
测试不要做的太迟，太少，或是为了不合适的理由而做。“不为了不合适的理由儿测试”的意思是，许多设计方面的决策是为着当下的，你不能普适性地宣布某些布局方式就一定优于其它，因为你需要从一个特殊的角度去权衡（考虑需求，投资者的利益，预算，等等）</p>
<p>一些要点需要牢记于心:</p>
<ul>
<li>根据Steve Krug的研究，测试一个用户要比一个都不测好一倍，且在项目启动之初测试一个用户要比项目告罄的时候测试五十个要好得多。根据Boehm的法则一，错误在需求和设计活动中是非常常见的，而越迟被发现，代价就越昂贵。</li>
<li>测试是一个迭代的过程。这意味着你需要设计些东西，然后接着就测试它，修正它，然后再接着测试。也许第一轮不能发现一些问题，因为这些问题可能被其它问题所覆盖，用户们在其它问题上就已经被绊住了。</li>
<li>可用性测试总是带来有用的结果。无论是被指出现有网站存在的问题或者是没有触犯某些主流的设计错误，都会使您对于自己的项目做出一个有意义的审视。</li>
<li>根据Weinberg’的法则，网站的代码开发者不适合做为测试人员。这个原则同样适用于设计师。因为你对一个网站设计了相当长的时间，你已经不能够从一个全新的角度去审视它。你知道它是如何搭建的、如何工作的——你比独立的测试人员和网站访客们“知道的太多”。</li>
</ul>
<p>基线原则：如果你想做出一个极好的网站，那一定得测试。</p>
<p>参考文献</p>
<li><a href="http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html">Designing Effective User Interfaces</a> by <em>Suzanne Martin</em></li>
<li><a href="http://nibis.ni.schule.de/~lepke/homepage/webdesign/webdesign.html">Summary on Web Design</a></li>
<li><a href="http://www.macgregor.net/speaking/digitaleve/UID.swf">UID presentation</a> (Flash)</li>
<li><a href="http://www.usability.gov/pdfs/guidelines.html">Research-Based Web Design &amp; Usability Guidelines</a></li>
<li>“The psychology of computer programming” by <em>Gerald Weinberg</em></li>
<li>“Designing Web Usability” by <em>Jakob Nielsen</em> [JN / DWU]</li>
<li>“Prioritizing Web Usability” by <em>Jakob Nielsen</em></li>
<li>“Don’t Make Me Think” by <em>Steve Krug</em></li>
<li>“Usability for the Web: Designing Web Sites that Work” by <em>Tom Brinck, Darren Gergle, Scott Wood</em></li>
<li><a href="http://www.sylvantech.com/~talin/projects/ui_design.html">A Summary of Principles for User-Interface Design</a></li>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2007/04/18/css-zen-garden-the-chinese-version.html" rel="bookmark" title="Permanent Link: 《CSS禅意花园》中文版">《CSS禅意花园》中文版</a></li><li><a href="http://liuyuntian.com/2008/04/03/googles-design-guidelines.html" rel="bookmark" title="Permanent Link: Google的设计导引">Google的设计导引</a></li><li><a href="http://liuyuntian.com/2008/12/02/update-wordpress-27-rc1.html" rel="bookmark" title="Permanent Link: 升级到WordPress2.7RC1">升级到WordPress2.7RC1</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2008/02/04/10-principles-of-effective-web-design-chinese-version.html/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>情感化设计的动态情侣Tshirt</title>
		<link>http://liuyuntian.com/2008/02/02/8-bit-dynamic-life-shirt.html</link>
		<comments>http://liuyuntian.com/2008/02/02/8-bit-dynamic-life-shirt.html#comments</comments>
		<pubDate>Sat, 02 Feb 2008 04:47:09 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[体验与设计]]></category>
		<category><![CDATA[tshirt]]></category>
		<category><![CDATA[价格]]></category>
		<category><![CDATA[情侣]]></category>
		<category><![CDATA[情感化设计]]></category>
		<category><![CDATA[视频]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/2008/02/02/8-bit-dynamic-life-shirt.html</guid>
		<description><![CDATA[　　新闻来自：ThinkGreek 。 　　设计者设计了男女Tshirt，在两人距离较远时。Tshirt上的六颗心呈现暗色，两个保持两米接近时，两人Tshirt的六颗心全部亮起来。下面是原理解释图： 　　 　　真实场景照片 　　 　　真实场景视频 　　[youtube]mTyW9z98Zrg[/youtube] 　　这种情感化设计运用的相当成功。当然，这件Tshirt也是有一些不便，如：只有黑色、需要三节AAA电池，在洗涤的时候就会不便。个人感觉如果能在材质上改变就好了，把电池给省了。这件Tshirt的价格也不便宜，一件是25美刀，加上运费如果运到中国来就很贵了。 　　这家公司还有Wifi检测Tshirt、T-Qualizer Shirt 。老外敢想，也敢做，大拇指一个！ 相关文章淘宝的5周年纪念T-shirtIE7 Beta2 Preview[转]如何看待可用性的问题Copyright &#169; 2003-2009 Xiaoxiao's Weblog All rights reserved.]]></description>
			<content:encoded><![CDATA[<p>　　新闻来自：<a target="_blank" href="http://www.thinkgeek.com/tshirts/generic/a090/?cpg=67H">ThinkGreek</a> 。</p>
<p>　　设计者设计了男女Tshirt，在两人距离较远时。Tshirt上的六颗心呈现暗色，两个保持两米接近时，两人Tshirt的六颗心全部亮起来。下面是原理解释图：</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/8-bit_dynamic_life.gif" alt="8-bit_dynamic_life.gif" /></p>
<p>　　真实场景照片</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/8-bit_dynamic_life_beforeandafter.jpg" alt="8-bit_dynamic_life_beforeandafter.jpg" /></p>
<p>　　真实场景视频</p>
<p>　　[youtube]mTyW9z98Zrg[/youtube]</p>
<p>　　这种情感化设计运用的相当成功。当然，这件Tshirt也是有一些不便，如：只有黑色、需要三节AAA电池，在洗涤的时候就会不便。个人感觉如果能在材质上改变就好了，把电池给省了。这件Tshirt的价格也不便宜，一件是25美刀，加上运费如果运到中国来就很贵了。</p>
<p>　　这家公司还有<a target="_blank" href="http://www.thinkgeek.com/tshirts/generic/991e/">Wifi检测Tshirt</a>、<a href="http://www.thinkgeek.com/tshirts/generic/8a5b/">T-Qualizer Shirt</a> 。老外敢想，也敢做，大拇指一个！</p>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2008/07/05/happy-birthday-to-taobaocom.html" rel="bookmark" title="Permanent Link: 淘宝的5周年纪念T-shirt">淘宝的5周年纪念T-shirt</a></li><li><a href="http://liuyuntian.com/2006/01/21/ie7-beta2-preview.html" rel="bookmark" title="Permanent Link: IE7 Beta2 Preview">IE7 Beta2 Preview</a></li><li><a href="http://liuyuntian.com/2005/08/18/how-to-treat-the-issue-of-availability.html" rel="bookmark" title="Permanent Link: [转]如何看待可用性的问题">[转]如何看待可用性的问题</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2008/02/02/8-bit-dynamic-life-shirt.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>我的咕叽咕叽 2008-01-13</title>
		<link>http://liuyuntian.com/2008/01/13/my-twitter-2008-01-13.html</link>
		<comments>http://liuyuntian.com/2008/01/13/my-twitter-2008-01-13.html#comments</comments>
		<pubDate>Sun, 13 Jan 2008 15:05:21 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[我的咕叽咕叽]]></category>
		<category><![CDATA[dolls]]></category>
		<category><![CDATA[kfc]]></category>
		<category><![CDATA[onenote]]></category>
		<category><![CDATA[outlook]]></category>
		<category><![CDATA[vista]]></category>
		<category><![CDATA[水煮鱼乡]]></category>
		<category><![CDATA[视频]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[超级女声]]></category>
		<category><![CDATA[邮件]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/2008/01/13/my-twitter-2008-01-13.html</guid>
		<description><![CDATA[今天整理了近两个小时的邮件。从04年到现在，pst文件一共加起来到了10G多。有相当一部分的设计稿在邮件里传来传去。06年后好了很多，这与我进入设计中心有关。 见到了六年前的网友，也是非常好的朋友－Dolls同学。很多人搞这行的可能不知道他，但几乎所有的人都见过他的作品，就是那个超级女声的Logo。Dolls比视频聊天中要帅，要高。 快要放假了，还有一些事没有做完，还有一些工作理的不顺。如何放长线，着眼点更远是零八年的关健问题。还有呢，会继续招人，交互设计相关。有希望来深圳腾讯的朋友，可以联系我。 看到几个同事被关在那间屋里好久，好辛苦。祝福他们早日出关。 今天看到千鸟在做菜，我怎么看都像是塑料盆，可以点这里看下。我有好久没做菜了，Jamie总是说我懒。 前两天收到朋友说我的博客改的很舒服，很想用这个模板。我想还是算了，这只是随手设计了个，调了下CSS，在可用性、视觉上都不是很好。我在这段时间内会继续学习WordPress，等完全弄好了，再看是否能提供下载。 前天去深圳海岸城的水煮鱼乡吃饭，被宰了，而且宰的好狠。建议深圳的哥们儿姐妹儿都别去这个地方了。一条近四斤的鱼加上五六盘菜居然没吃饱，六个人后来又跑去吃KFC。猜这顿饭多少钱？506元人民币！菜是出奇的少，口味一般，服务一般啊！后来打听说是北京人开的，哎，北方的服务拼不过南方啊。 我的OneNote2007在Vista下出现了一个问题，点击菜单中的选项后马上死掉。试了多次，依然如此。不知道除了重装，还有其它的什么方法。 相关文章IM端修改错别字的交互探讨一个直肠癌患者的最后50天我的咕叽咕叽2008-01-30Copyright &#169; 2003-2009 Xiaoxiao's Weblog All rights reserved.]]></description>
			<content:encoded><![CDATA[<ul>
<li>今天整理了近两个小时的邮件。从04年到现在，pst文件一共加起来到了10G多。有相当一部分的设计稿在邮件里传来传去。06年后好了很多，这与我进入设计中心有关。</li>
<li>见到了六年前的网友，也是非常好的朋友－Dolls同学。很多人搞这行的可能不知道他，但几乎所有的人都见过他的作品，就是那个超级女声的Logo。Dolls比视频聊天中要帅，要高。</li>
<li>快要放假了，还有一些事没有做完，还有一些工作理的不顺。如何放长线，着眼点更远是零八年的关健问题。还有呢，会继续招人，交互设计相关。有希望来深圳腾讯的朋友，可以联系我。</li>
<li>看到几个同事被关在那间屋里好久，好辛苦。祝福他们早日出关。</li>
<li>今天看到千鸟在做菜，我怎么看都像是塑料盆，可以<a target="_blank" href="http://blog.rexsong.com/?p=1071">点这里看下</a>。我有好久没做菜了，Jamie总是说我懒。</li>
<li>前两天收到朋友说我的博客改的很舒服，很想用这个模板。我想还是算了，这只是随手设计了个，调了下CSS，在可用性、视觉上都不是很好。我在这段时间内会继续学习WordPress，等完全弄好了，再看是否能提供下载。</li>
<li>前天去深圳海岸城的水煮鱼乡吃饭，被宰了，而且宰的好狠。建议深圳的哥们儿姐妹儿都别去这个地方了。一条近四斤的鱼加上五六盘菜居然没吃饱，六个人后来又跑去吃KFC。猜这顿饭多少钱？506元人民币！菜是出奇的少，口味一般，服务一般啊！后来打听说是北京人开的，哎，北方的服务拼不过南方啊。</li>
<li>我的OneNote2007在Vista下出现了一个问题，点击菜单中的选项后马上死掉。试了多次，依然如此。不知道除了重装，还有其它的什么方法。</li>
</ul>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2008/01/21/im-typos-correction-interactive-design-chat-logs.html" rel="bookmark" title="Permanent Link: IM端修改错别字的交互探讨">IM端修改错别字的交互探讨</a></li><li><a href="http://liuyuntian.com/2008/12/30/final_50_days_of_a_rectal_cancer_patient.html" rel="bookmark" title="Permanent Link: 一个直肠癌患者的最后50天">一个直肠癌患者的最后50天</a></li><li><a href="http://liuyuntian.com/2008/01/30/my-twitter-2008-01-30.html" rel="bookmark" title="Permanent Link: 我的咕叽咕叽2008-01-30">我的咕叽咕叽2008-01-30</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2008/01/13/my-twitter-2008-01-13.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>下载我的博客设计稿源文件</title>
		<link>http://liuyuntian.com/2007/12/28/download-my-blog-design-source-document.html</link>
		<comments>http://liuyuntian.com/2007/12/28/download-my-blog-design-source-document.html#comments</comments>
		<pubDate>Fri, 28 Dec 2007 15:17:46 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[更新日志]]></category>
		<category><![CDATA[lbs]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[下载]]></category>
		<category><![CDATA[博客]]></category>
		<category><![CDATA[服务]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/post/569.html</guid>
		<description><![CDATA[下载我的博客设计稿源文件。]]></description>
			<content:encoded><![CDATA[<p>下载：<a href="http://liuyuntian.com/wp-content/uploads/2007/12/lbs%e6%88%91%e7%9a%84%e5%8d%9a%e5%ae%a2%e9%a6%96%e9%a1%b5.rar" title="我的LBS博客首页PSD源文件">我的LBS博客首页PSD源文件</a> <a target="_blank" href="http://liuyuntian.com/wp-content/uploads/2007/12/xiaoxiao-lbs-blog-preview.jpg"> 预览</a></p>
<p>　　今天有两个朋友问我索要以前的LBS的源代码，以及我修改的过程。其实我的修改仅限于前台代码和一些交互的调整，后台上<a target="_blank" href="http://www.28star.com">Fangle</a>他做了很多工作，如：Ping, XMLrpc, Twitter机器人通告和Akismet防垃圾对LBS的集成。我记得Fangle在发布了他的版本后，很多人不理解这些是什么，又不知道如何用，大家都陷入了对界面本身的调整中。连LBSsky.cn都说为什么我的博客执行效率高，其实很简单，去掉不必要的东西，一定会快。</p>
<p>　　先放出来设计稿源文件，有喜欢的朋友可以手工调整下。有兴趣的时候我会写写修改了哪些东西，应该是很详尽的。至于如何从LBS转到WordPress，我很难描述，这个工作是由我的朋友<a target="_blank" href="http://www.wupeng.cn">Aplha</a>转换，<a target="_blank" href="http://www.dengjin.com">Dengjin</a>负责服务器两个人共同完成的。<a target="_blank" href="http://www.5key.net/blog" title="5key的博客">5Key</a>已经独立完成了这个转换过程，有需要的可以请教下他。</p>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2008/11/02/design-trends-2008.html" rel="bookmark" title="Permanent Link: 《2008年设计趋势》来自FrogDesign">《2008年设计趋势》来自FrogDesign</a></li><li><a href="http://liuyuntian.com/2006/06/10/lyndacom-css-for-designers.html" rel="bookmark" title="Permanent Link: Lynda.com CSS for Designers">Lynda.com CSS for Designers</a></li><li><a href="http://liuyuntian.com/2010/12/02/2010-hongkong-business-of-design-wee.html" rel="bookmark" title="Permanent Link: hi,周六香港见">hi,周六香港见</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2007/12/28/download-my-blog-design-source-document.html/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>

