<?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>倪爽.的 &#187; 设计</title>
	<atom:link href="http://nishuang.de/archives/tag/%e8%ae%be%e8%ae%a1/feed" rel="self" type="application/rss+xml" />
	<link>http://nishuang.de</link>
	<description>easy life</description>
	<lastBuildDate>Tue, 27 Mar 2012 06:36:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>[有关设计] 国圭，建国60周年纪念表</title>
		<link>http://nishuang.de/archives/3223</link>
		<comments>http://nishuang.de/archives/3223#comments</comments>
		<pubDate>Wed, 16 Sep 2009 13:07:03 +0000</pubDate>
		<dc:creator>倪爽</dc:creator>
				<category><![CDATA[工作]]></category>
		<category><![CDATA[生活]]></category>
		<category><![CDATA[表]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://nishuang.de/archives/3223</guid>
		<description><![CDATA[<p>前些天在杂志上看到这块表，非常惊诧，不知道哪位设计师这么有种，在持续数年龙凤、云纹恶俗风气之下，居然仅用两种颜色表示中国、一颗五角星就说出&#8221;人民共和国&#8221;。</p>
<p><img src="http://img.nishuang.de/wp/538f117e_e9ad_4b58_9fd7_9ffc853f1efb.jpg" height="472" alt="国圭，建国60周年纪念表" width="300" /></p>
<p>后来才知道，原来是大师作品。这是欧元之父，瑞士知名设计师、艺术家和画家普杰先生(Roger Pfund)设计，以中华人民共和国建国60周年为主题的手表-&#8221;国圭&#8221;。</p>
<p> [......]</p><p class='read-more'><a href='http://nishuang.de/archives/3223'>继续阅读</a></p>]]></description>
			<content:encoded><![CDATA[<p>前些天在杂志上看到这块表，非常惊诧，不知道哪位设计师这么有种，在持续数年龙凤、云纹恶俗风气之下，居然仅用两种颜色表示中国、一颗五角星就说出&#8221;人民共和国&#8221;。</p>
<p><img src="http://img.nishuang.de/wp/538f117e_e9ad_4b58_9fd7_9ffc853f1efb.jpg" height="472" alt="国圭，建国60周年纪念表" width="300" /></p>
<p>后来才知道，原来是大师作品。这是欧元之父，瑞士知名设计师、艺术家和画家普杰先生(Roger Pfund)设计，以中华人民共和国建国60周年为主题的手表-&#8221;国圭&#8221;。</p>
<p> <span id="more-3223"></span>
<p>看到大师级内敛设计，闲聊几句：</p>
<ul>
<li>某篇文章，介绍汽车外观设计，设计师说：汽车外观设计，最大难度在于－怎么用最少的曲线，表示出最多的变化（大意）</li>
<li>圈内一直以来有个疑问：为什么白社会设计那么好看，却不够流行？我的理解是缺乏重点，这方面我们有过之无不及</li>
<li>三星手机继续在按钮上做文章，今年流行六边形、伪立方体按钮，延续了韩国设计以小点缀当大卖点的传统</li>
<li>最近设计师在设计新版，创意较容易、排版很困难，最难的是最基础的：对齐</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nishuang.de/archives/3223/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>[有关设计] 都来学一点跨领域的技能</title>
		<link>http://nishuang.de/archives/3214</link>
		<comments>http://nishuang.de/archives/3214#comments</comments>
		<pubDate>Sun, 02 Aug 2009 10:28:13 +0000</pubDate>
		<dc:creator>倪爽</dc:creator>
				<category><![CDATA[工作]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[产品经理]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://nishuang.de/archives/3214</guid>
		<description><![CDATA[<p><strong>要不要学</strong></p>
<p>产品设计圈子里，不时提及这样的问题：产品经理要不要学设计？或者：设计师要不要学技术？</p>
<p>这类问题既然能问出来，答案已经挺清楚：要学。大家反复争论的，其实是与之相关的两个问题：怎么学？学多少？</p>
<p><strong>学多少</strong>？</p>
<p>普通人掌握一门技能，一般经过了解、理解、熟练、精通这些过程。</p>
<p> [......]</p><p class='read-more'><a href='http://nishuang.de/archives/3214'>继续阅读</a></p>]]></description>
			<content:encoded><![CDATA[<p><strong>要不要学</strong></p>
<p>产品设计圈子里，不时提及这样的问题：产品经理要不要学设计？或者：设计师要不要学技术？</p>
<p>这类问题既然能问出来，答案已经挺清楚：要学。大家反复争论的，其实是与之相关的两个问题：怎么学？学多少？</p>
<p><strong>学多少</strong>？</p>
<p>普通人掌握一门技能，一般经过了解、理解、熟练、精通这些过程。</p>
<p> <span id="more-3214"></span>
<p>学会所有相关技能的成本较高，所以正常情况下，现实的方法是&#8221;按需学习&#8221;。</p>
<p>比如产品经理这种综合性工作，需要广泛了解相关领域，并至少理解其中某些领域。设计师是流程中一个环节，设计师需要了解和自己衔接的上下游领域，理解那些影响交接的关键点。而工程师到市场这种跨度较大的情况，有所了解、并且随时学习，也就足以胜任了。</p>
<p>什么叫做了解？－－你听得懂同事说的是什么。什么叫做理解呢？－－你明白同事为什么这么说。如果和同事交流时，你脑子里有很多个&#8221;啊？&#8221;，那么说明你对他们的技能，还学得不够。如果某天你发现，自己理解并熟练掌握了某个相关领域技能，那么恭喜你，你已经具备了跨领域的竞争力。</p>
<p><strong>怎么学</strong>？</p>
<p>每个人有自己的学习方法，不多说。这里说说怎么降低跨领域学习的难度。</p>
<p>一是事先发现自己的短处。某位严谨的工程师缺想象力，某位浪漫的设计师没有逻辑性，这就是短处。扬长避短可以大大减少学习难度。</p>
<p>二是从具体实例回头去补充理论知识。学习其他领域知识，最大难度在于无法在有限时间内，完成基础知识到实际应用的积累，无法循序渐进地形成知识体系。所以学习其他领域知识，有点象学口语：先把嘴皮子说利索了，回头再补语法也来得及。</p>
<p>三是利用身边的老师。我们的身边有各种熟练、精通某领域的专家，你要做的只是一句&#8221;请教……&#8221;</p>
<p>四是好心情。看看这两幅照片，相信你一下就记住了两个新知识：现在的&lt;img&gt;也需要关门，z-index，数字越大、越在上面（其实z-index还可以是负数，详情去请教身边的前端工程师吧）。</p>
<p><img src="http://img.nishuang.de/wp/html_tag_img.jpg" height="290" alt="html_tag_img.jpg" width="499" /></p>
<p><img src="http://img.nishuang.de/wp/html_tag_z_index.jpg" height="414" alt="html_tag_z-index.jpg" width="500" /></p>
<p>照片出处：<a href="http://www.flickr.com/photos/exey/" target="_blank">在这里</a> &gt;&gt;</p>
<p>欢迎交流，请自行穿越、自行翻越，到遥远深邃的<a href="http://twitter.com/nishuang" target="_blank">twitter上follow我</a>。</p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://nishuang.de/archives/3214/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>[有关设计] 错误设计导致错误操作的问题</title>
		<link>http://nishuang.de/archives/3213</link>
		<comments>http://nishuang.de/archives/3213#comments</comments>
		<pubDate>Fri, 24 Jul 2009 16:11:17 +0000</pubDate>
		<dc:creator>倪爽</dc:creator>
				<category><![CDATA[工作]]></category>
		<category><![CDATA[交互]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://nishuang.de/archives/3213</guid>
		<description><![CDATA[<p><strong>问题开始于抱怨</strong></p>
<p>同事姐姐在9911上抱怨：&#8221;<span>绝大多数出租车司机，都无法区别空调温度高低和风量大小这两个不同概念，每次我说&#8217;能否把空调温度调高点&#8217;，90%的司机会伸手把风量从3扭到1档，而不是把温度从蓝色区域往蓝红渐变方向调高。产品设计的问题？&#8221;</span></p>
<p><img src="http://img.nishuang.de/wp/ac_control_taxi.jpg" height="206" alt="ac_control_taxi.jpg" width="400" /></p>

<p>这个问题很有意思。在互联网产品设计中，错误设计导致错误操作的事情很常见，怎么从其他产品设计中学习经验呢？所以我一边等车，一边分析产生这一现象的可能原因。</p>
<p> [......]</p><p class='read-more'><a href='http://nishuang.de/archives/3213'>继续阅读</a></p>]]></description>
			<content:encoded><![CDATA[<p><strong>问题开始于抱怨</strong></p>
<p>同事姐姐在9911上抱怨：&#8221;<span>绝大多数出租车司机，都无法区别空调温度高低和风量大小这两个不同概念，每次我说&#8217;能否把空调温度调高点&#8217;，90%的司机会伸手把风量从3扭到1档，而不是把温度从蓝色区域往蓝红渐变方向调高。产品设计的问题？&#8221;</span></p>
<p><img src="http://img.nishuang.de/wp/ac_control_taxi.jpg" height="206" alt="ac_control_taxi.jpg" width="400" /></p>
</p>
<p>这个问题很有意思。在互联网产品设计中，错误设计导致错误操作的事情很常见，怎么从其他产品设计中学习经验呢？所以我一边等车，一边分析产生这一现象的可能原因。</p>
<p> <span id="more-3213"></span>
<p><strong>需求决定方法</strong></p>
<p>古人早说了：物中主人意，必是好东西。 改进用户体验，得从 了解用户需求开始。</p>
<p>油价高涨，司机师傅首要需求是省钱。也许调温比调风速更耗油？这种假设貌似比较牵强。</p>
<p><strong>形式对应使用方式</strong></p>
<p>有凹坑的按钮是按的，有纹路的按钮是转的，下面有槽的按钮是滑动的…按钮的样子，对应它的使用方式。</p>
<p>这是我想到的第二组原因：汽车空调风扇开关，和温控节开关，也许形式有什么不同？（正在阅读的您，不妨也在脑子回想一下这两种开关的外观）大部分汽车上，它们都是圆的、把手都是转动的、大小基本一致、位置非常接近……乍一看很相似啊！不过风扇开关和温控开关，设计上其实有很大差别：前者有刻度，后者连续变化。风扇有1、2、3档，档是一个绝对的概念，3档对应的风速永远那么大。而温控开关属于无级调整，只有相对的大小，转一下，既没法估计&#8221;变大了多少&#8221;、也没法了解&#8221;现在有多大&#8221;。</p>
<p>不同设计的开关，对应不同的用法，司机师傅选择有刻度的风扇开关，放弃无刻度的温控开关，这种用法一定有它好处。</p>
<p>用有刻度的开关，好处在于心里有数，心里有数意味着安全，安全意味着可以长期反复操作。汽车如此，网站也一样。</p>
<p><strong>环境改变使用方式</strong></p>
<p>想到此，我正好打到了空taxi。上车后，我立刻去看风扇和温控开关，一看我就笑了。</p>
<p>两种开关和我记忆中完全一致，操作方法的确不同，风扇开关的确有刻度、的确更容易操作，但我忘记一个重要外因：位置。风扇开关靠近司机，温控开关离手比较远。一边开车、一边看路、一边弄开关，使用环境的复杂，让开关位置变得很重要。所以我发现问题的第三种可能性是：顺手。</p>
<p>联系到我们的工作：拥挤的网页上，如果按钮位置不顺手，麻烦就大了。</p>
<p>至于我为什么看了就笑呢？－闭门造车、凭空设想、脱离群众的分析可笑呗。</p>
<p><strong>故事还没有结束</strong></p>
<p>回到最初的问题，问题答案是肯定的：司机师傅的操作，的确和产品设计有关。</p>
<p>第二天吃饭时，我向设计师、产品经理问了同样的问题，由此我们聊出去很远。其实还有很多疑问，比如：为什么不直接问师傅呢？会不会是某种行业习惯呢？也许是数据采样太少了呢？我很少让司机操作、而是自己动手，我是怎么做并且保证不被司机暴打呢？</p>
<p>不如您来告诉我更多问题、以及答案。请自行穿越、自行翻越，到遥远深邃的<a href="http://twitter.com/nishuang" target="_blank">twitter上follow我</a>。</p>
<hr />
<p><strong>附录</strong>：几种典型的汽车空调风扇、温控开关设计</p>
<p><img src="http://img.nishuang.de/wp/ac_control_vw.jpg" height="201" alt="ac_control_vw.jpg" width="400" /> <br />桑塔纳，风扇是有刻度的拨盘，温控是水平滑动的把手</p>
<p><img src="http://img.nishuang.de/wp/ac_control_jetta.jpg" height="168" alt="ac_control_jetta.jpg" width="400" /> <br />捷达的，温控器变成了圆形无刻度转盘。右侧四格的控制风向</p>
<p><img src="http://img.nishuang.de/wp/ac_control_hundai.jpg" height="202" alt="ac_control_hundai.jpg" width="400" /> <br />伊兰特，风扇开关被放到了中间</p>
<p><img src="http://img.nishuang.de/wp/ac_control_hundai_new.jpg" height="188" alt="ac_control_hundai_new.jpg" width="400" /> <br />新版伊兰特，依然保留了风扇的刻度</p>
<p><img src="http://img.nishuang.de/wp/ac_control_tt.jpg" alt="ac_control_tt.jpg" height="190" width="400" /> <br />Audi TT的不同设计：风扇无级变速，温控有刻度</p></p>
]]></content:encoded>
			<wfw:commentRss>http://nishuang.de/archives/3213/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>知识分子可以把生意做得比较有趣</title>
		<link>http://nishuang.de/archives/3193</link>
		<comments>http://nishuang.de/archives/3193#comments</comments>
		<pubDate>Mon, 29 Jun 2009 15:59:39 +0000</pubDate>
		<dc:creator>倪爽</dc:creator>
				<category><![CDATA[生活]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[营销]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://nishuang.de/archives/3193</guid>
		<description><![CDATA[<p>理科生单纯但无趣，文科生有趣但没劲，文理兼修的有劲但缺少目的，做生意的很有目的、而且很有劲、但是比理科生更无趣。</p>
<p>如果理科生、文科生开始做生意呢？最近关注<a href="http://dacode.com/" target="_blank" title="da code">da code</a>这个&#8221;设计品牌&#8221;，忽然就想起这个问题，想起几个做起小生意的年轻知识分子。</p>
<p><img src="http://img.nishuang.de/wp/neo_nap_cafe_sf2.jpg" height="232" alt="neo_nap_cafe_sf2.jpg" width="300" /></p>
<p>第一例是一对小夫妻，在上海某居民[......]</p><p class='read-more'><a href='http://nishuang.de/archives/3193'>继续阅读</a></p>]]></description>
			<content:encoded><![CDATA[<p>理科生单纯但无趣，文科生有趣但没劲，文理兼修的有劲但缺少目的，做生意的很有目的、而且很有劲、但是比理科生更无趣。</p>
<p>如果理科生、文科生开始做生意呢？最近关注<a href="http://dacode.com/" target="_blank" title="da code">da code</a>这个&#8221;设计品牌&#8221;，忽然就想起这个问题，想起几个做起小生意的年轻知识分子。</p>
<p><img src="http://img.nishuang.de/wp/neo_nap_cafe_sf2.jpg" height="232" alt="neo_nap_cafe_sf2.jpg" width="300" /></p>
<p>第一例是一对小夫妻，在上海某居民小区里、一个很不好找的地方、开一家叫做<a href="http://www.nap-cafe.com/cafe/about/" target="_blank">Nap Cafe的迷你咖啡店</a>，弄弄饼干、烤烤面包、卖卖自家的咖啡豆，一转眼，小店开了两年多，并且积累了一大批熟客。为什么那么低调的咖啡店，能把咖啡豆生意做得有声有色呢？最大成功秘诀在于：男主人早年运营着一家中国最著名的<a href="http://www.hi-pda.com/" target="_blank">PDA网站</a>。</p>
<p>这家<a href="http://www.hi-pda.com/" target="_blank">PDA网站</a>为Nap Cafe带来了第一批顾客。理科生的老公带来初始用户，而文科生的太太，用她富有感染力的照片和文字，留住更多用户。</p>
<p><img src="http://img.nishuang.de/wp/neo_post_08.jpg" height="198" alt="neo_post-08-s-thumb1.jpg" width="300" /></p>
<p>第二例也是小夫妻，卖什么呢？卖<a href="http://shop34642569.taobao.com/" target="_blank">明信片</a>，<a href="http://caotieou.com/?p=1168" target="_blank">自己拍照片、自己做明信片</a>。如果说咖啡豆还有&#8221;原产地&#8221;等等不为外人所知的竞争壁垒，那照片明信片比什么呢？－照片拍得好看，文字有想象空间，最重要的：要有说不出的美好感觉。这对小夫妻成功地做到了以上三点，并且做得很到位。明信片也能卖那么多，这俩创造美好感觉的文科生很厉害。</p>
<p>而且，他们也有成功秘诀。男主人是全国著名的<a href="http://caotieou.com/" target="_blank">胶片相机玩家</a>，女主人是全国著名的来自未来的<a href="http://www.judyshine.com/" target="_blank">超人</a>，在发售明信片之前，他们的照片有稳定用户群。</p>
<p><img src="http://img.nishuang.de/wp/neo_pic_evolve_video_on.jpg" height="165" alt="neo_pic-evolve-video-on.jpg" width="300" /></p>
<p>第三例是几个文理科生组合。按说一组人组合到文理兼修的程度，就该漫无目的地浪费时间了，但是这一组人很有目的、很有劲，居然创造了da code这样的&#8221;设计品牌&#8221;，并且把它当作&#8221;商业项目&#8221;来运营。运营什么呢？目前卖T-Shirt。文科、理科、生意人crossover到这个程度，已经比较夸张了，这组人做得比我预想的更超过－－他们还通过twitter促销。</p>
<p>他们的T-Shirt卖得相当好，除了设计特别之外，还有一个秘诀：他们有<a href="http://apple4.us/" target="_blank">apple4us</a>在内的若干blog，成百上千数万人每天过着被他们引领的生活。</p>
<p>以上三个例子告诉我们：</p>
<ul>
<li>做生意要有基础用户</li>
<li>有足够的基础用户，就可以做生意</li>
<li>文科生、理科生，知识分子也可以做生意</li>
<li>知识分子可以把生意做得比较有趣</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nishuang.de/archives/3193/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>[有关设计] 人性化的星星点点</title>
		<link>http://nishuang.de/archives/3139</link>
		<comments>http://nishuang.de/archives/3139#comments</comments>
		<pubDate>Mon, 11 May 2009 14:43:46 +0000</pubDate>
		<dc:creator>倪爽</dc:creator>
				<category><![CDATA[工作]]></category>
		<category><![CDATA[生活]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://nishuang.de/archives/3139</guid>
		<description><![CDATA[<p><strong>抽血</strong></p>
<p>上周体检，照例抽血。</p>
<p>早些年抽血，台词一般是大妈略带贬义说：&#8221;男同志，胆子那么小？&#8221;。再进化一点，医生会安慰一句&#8221;马上就好&#8221;，算不上体贴，但总算有点善意。感谢市场竞争、感谢私营医院的出现，终于出现了更人性化、更贴近普通人的抽血台词：&#8221;[......]</p><p class='read-more'><a href='http://nishuang.de/archives/3139'>继续阅读</a></p>]]></description>
			<content:encoded><![CDATA[<p><strong>抽血</strong></p>
<p>上周体检，照例抽血。</p>
<p>早些年抽血，台词一般是大妈略带贬义说：&#8221;男同志，胆子那么小？&#8221;。再进化一点，医生会安慰一句&#8221;马上就好&#8221;，算不上体贴，但总算有点善意。感谢市场竞争、感谢私营医院的出现，终于出现了更人性化、更贴近普通人的抽血台词：&#8221;疼吗？&#8221;，这一阶段，医院终于开始顾及用户的切身感受。</p>
<p>回到当日，扎针过程中，年轻貌美气质佳的女医生，忽然看着我眼睛问：&#8221;是不是很疼？&#8221;。没想到医生会这么问，一时间我不知道如何作答，只好含糊地说&#8221;OK啦&#8221;。</p>
<p><strong>查水表</strong></p>
<p>上班族，平日家里没人，查不了水表。</p>
<p>某天回家，门上有小纸条，标题斗大一个&#8221;水&#8221;字。正文说：因您工作忙，人不在家，所以我没法查水表，麻烦您自己查一下读数，然后打手机通知我，我的号码是某某某某。因为开头一句设身处地的&#8221;因您工作忙……&#8221;，我没顾上嘘嘘，立刻看水表、打电话、飞快搞定一切。</p>
<p>以前自来水行业，没有市场化意识，查水表师傅都异常冷酷。要么理直气壮数落用户，要么一言不发拿眼神杀人。</p>
<p><strong>红绿灯</strong></p>
<p>上班路上，我要经过两组人性化的红绿灯。</p>
<p>以前的红绿灯，不考虑细节，搞出很多白痴状况。比较典型一例在南京：两个路口相距50米，各有一组红绿灯，两组红绿灯之间不联动，如果运气不好，司机会连续被红绿灯堵两次……大约120秒。</p>
<p>现在这两组红绿灯，行人红灯提前亮、绿灯提前灭，意思是说：人比汽车慢，如果行人和汽车的红绿灯开关时间一致，那么行人很有可能被困在路中间。</p>
<p><strong>关门曲</strong></p>
<p>最后一个小细节，来自我们家附近的商场。</p>
<p>小时候，商场关门之前，会响起凛冽的电铃声，大家一听就明白：哦，马上打烊了。后来的商场，把电铃换作了悠扬的音乐，比如kenny G，在悠扬音乐中，有个略不耐烦的声音提醒：即将关门，请顾客们赶紧结束购物。</p>
<p>目前最新版的商场打烊提示语，大意如下：即将关门，不用紧张，您慢慢选购，我们等你走了再关门。</p>
<p><strong>至于我们</strong></p>
<p>有时候我挺惭愧，这些曾经嚣张的人，他们慢慢学会人性化。而我们，围绕着用户需求，创造出那么多不人性的产品。</p>
]]></content:encoded>
			<wfw:commentRss>http://nishuang.de/archives/3139/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[有关设计] 传说中的纸上线框图</title>
		<link>http://nishuang.de/archives/3068</link>
		<comments>http://nishuang.de/archives/3068#comments</comments>
		<pubDate>Sun, 10 May 2009 09:43:30 +0000</pubDate>
		<dc:creator>倪爽</dc:creator>
				<category><![CDATA[工作]]></category>
		<category><![CDATA[互联网]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://nishuang.de/archives/3068</guid>
		<description><![CDATA[<p>画线框图/原型图，是每个产品设计人员的基本功。</p>
<p>可以用绘制画线框图的软件工具很多，从word、ppt这样的办公软件，到PhotoShop、illustrator、visio之类的设计软件，当然还有专用的Balsamiq、Axure等等。</p>
<p>那么如何选择线框图/原型图工具呢？</p>
<ul>
<li><strong>目的决定方法</strong>：明确目的，[......]</li></ul><p class='read-more'><a href='http://nishuang.de/archives/3068'>继续阅读</a></p>]]></description>
			<content:encoded><![CDATA[<p>画线框图/原型图，是每个产品设计人员的基本功。</p>
<p>可以用绘制画线框图的软件工具很多，从word、ppt这样的办公软件，到PhotoShop、illustrator、visio之类的设计软件，当然还有专用的Balsamiq、Axure等等。</p>
<p>那么如何选择线框图/原型图工具呢？</p>
<ul>
<li><strong>目的决定方法</strong>：明确目的，按照目的选择－－不选好工具，选合适的工具</li>
<li><strong>结合自己的能力</strong>：产品人员各有专长，有些偏管理、有些偏设计、有些偏开发－－选一个能够扬长避短的工具</li>
<li><strong>习惯成自然</strong>：无论选择哪种工具，频繁地使用它、把它用在不同场合－－通过反复训练，掌握它</li>
</ul>
<p>此外，还有一组很常用的传统工具：<strong>纸</strong>、<strong>笔</strong>。</p>
<p>一些新的产品设计人员不太喜欢old school的办法，为什么有那么多强大工具，还要回到老土的笔和纸呢？不如看一下成功人士的实例。PhotoShop不能让你成为毕加索，word不能让你成为JK·罗琳，但毕加索一定画了成千上万张草稿，而JK·罗琳在纸上描绘出了你所熟悉的哈里·波特，你和成功人士的差别在于－－他们以简便的手段积累能力，而你把时间用来研究工具。</p>
<p>所以，请在产品设计中，特别是在学习和练习性质的简单设计中，充分利用手边的纸笔。</p>
<p>下面有两张比较详细的纸上线框图，来自<a href="http://culturedcode.com/things/" target="_blank">things</a>的开发公司。这两张图，显示了<a href="http://culturedcode.com/things/iphone" target="_blank">things iphone</a>版的产品设计，原图比较大，请点开图片看细节。</p>
<p><a href="http://img.nishuang.de/wp/thingstouch_interfacestilllife.jpg" target="_blank" rel="lightbox"><img src="http://img.nishuang.de/wp/thingstouch_interfacestilllife.jpg" height="320" alt="thingstouch-interfacestilllife.jpg" width="480" /></a></p>
<p><a href="http://img.nishuang.de/wp/thingstouch_papercollage.jpg" target="_blank" rel="lightbox"><img src="http://img.nishuang.de/wp/thingstouch_papercollage.jpg" height="388" alt="thingstouch-papercollage.jpg" width="480" /></a></p>
<p><a href="http://culturedcode.com/things/blog/2008/06/a-phone-an-ipod-an-internet-communicator-and-a-full-featured-task-manager.html" target="_blank">全文看这里</a> &gt;&gt;</p>
<p><img src="http://img.nishuang.de/wp/things_touch_screenshot_01.jpg" height="345" alt="things-touch-screenshot-01.jpg" width="240" /> <img src="http://img.nishuang.de/wp/zrclip_001p7156e7da.png" height="345" width="240" /></p>
<p>这是产品的实际界面。<a href="http://culturedcode.com/things/iphone/" target="_blank">Things iPhone更多界面见这里</a> &gt;&gt;</p>
<p>最终，Things得到的评价是：<em>Things definitely tops our list of GTD applications for the iPhone.</em></p>
<p class="zoundry_raven_tags">  <!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com -->  <span class="ztags"><span class="ztagspace">Flickr</span> : <a href="http://www.flickr.com/photos/tags/%E4%BA%92%E8%81%94%E7%BD%91" class="ztag" rel="tag">互联网</a>, <a href="http://www.flickr.com/photos/tags/%E4%BA%A7%E5%93%81%E8%AE%BE%E8%AE%A1" class="ztag" rel="tag">产品设计</a>, <a href="http://www.flickr.com/photos/tags/%E8%AE%BE%E8%AE%A1" class="ztag" rel="tag">设计</a></span> </p>
]]></content:encoded>
			<wfw:commentRss>http://nishuang.de/archives/3068/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>[有关设计] 又一位google员工转投twitter</title>
		<link>http://nishuang.de/archives/2860</link>
		<comments>http://nishuang.de/archives/2860#comments</comments>
		<pubDate>Sat, 25 Apr 2009 10:26:55 +0000</pubDate>
		<dc:creator>倪爽</dc:creator>
				<category><![CDATA[工作]]></category>
		<category><![CDATA[Dustin Diaz]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[职业]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://nishuang.de/archives/2860</guid>
		<description><![CDATA[<p>继前google设计负责人Douglas Bowman加入twitter任创意总监后，昨天gmail的一位工程师Dustin Diaz也从google辞职加入了twitter。（Via <a href="http://google.org.cn/2009/04/25/googler-defects-to-twitter-tweets-about-it/" target="_blank">谷奥</a>, <a href="http://www.techcrunch.com/2009/04/24/googler-defects-to-twitter-tweets-about-it/" target="_blank">techcrunch</a> ）</p>
<p><img src="http://img.nishuang.de/wp/google_Dustin_Diaz.jpg" height="350" alt="google_Dustin_Diaz.jpg" width="350" /> <br />Dustin Diaz，手机（或者iTouch）上写着Twitter</p>
<p>以上是转[......]</p><p class='read-more'><a href='http://nishuang.de/archives/2860'>继续阅读</a></p>]]></description>
			<content:encoded><![CDATA[<p>继前google设计负责人Douglas Bowman加入twitter任创意总监后，昨天gmail的一位工程师Dustin Diaz也从google辞职加入了twitter。（Via <a href="http://google.org.cn/2009/04/25/googler-defects-to-twitter-tweets-about-it/" target="_blank">谷奥</a>, <a href="http://www.techcrunch.com/2009/04/24/googler-defects-to-twitter-tweets-about-it/" target="_blank">techcrunch</a> ）</p>
<p><img src="http://img.nishuang.de/wp/google_Dustin_Diaz.jpg" height="350" alt="google_Dustin_Diaz.jpg" width="350" /> <br />Dustin Diaz，手机（或者iTouch）上写着Twitter</p>
<p>以上是转载新闻，先吃饭，回来写正题。</p>
<p>先来看看Dustin Diaz当年刚收到google聘用信的瞬间。</p>
<p><img src="http://img.nishuang.de/wp/Offer_Letter_Dustin_Diaz.jpg" height="319" alt="Offer_Letter_Dustin_Diaz.jpg" width="350" /> <br />激动吧？！</p>
<p>……………</p>
<p class="zoundry_raven_tags">  <!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com -->  <span class="ztags"><span class="ztagspace">Technorati</span> : <a href="http://www.technorati.com/tag/Dustin+Diaz" class="ztag" rel="tag">Dustin Diaz</a>, <a href="http://www.technorati.com/tag/google" class="ztag" rel="tag">google</a>, <a href="http://www.technorati.com/tag/%E8%AE%BE%E8%AE%A1" class="ztag" rel="tag">设计</a></span>  <br /> <span class="ztags"><span class="ztagspace">Del.icio.us</span> : <a href="http://del.icio.us/tag/Dustin%20Diaz" class="ztag" rel="tag">Dustin Diaz</a>, <a href="http://del.icio.us/tag/google" class="ztag" rel="tag">google</a>, <a href="http://del.icio.us/tag/%E8%AE%BE%E8%AE%A1" class="ztag" rel="tag">设计</a></span>  <br /> <span class="ztags"><span class="ztagspace">Zooomr</span> : <a href="http://www.zooomr.com/search/photos/?q=Dustin%20Diaz" class="ztag" rel="tag">Dustin Diaz</a>, <a href="http://www.zooomr.com/search/photos/?q=google" class="ztag" rel="tag">google</a>, <a href="http://www.zooomr.com/search/photos/?q=%E8%AE%BE%E8%AE%A1" class="ztag" rel="tag">设计</a></span>  <br /> <span class="ztags"><span class="ztagspace">Flickr</span> : <a href="http://www.flickr.com/photos/tags/Dustin%20Diaz" class="ztag" rel="tag">Dustin Diaz</a>, <a href="http://www.flickr.com/photos/tags/google" class="ztag" rel="tag">google</a>, <a href="http://www.flickr.com/photos/tags/%E8%AE%BE%E8%AE%A1" class="ztag" rel="tag">设计</a></span> </p>
]]></content:encoded>
			<wfw:commentRss>http://nishuang.de/archives/2860/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>[有关设计] 互联网产品设计的矛盾－－方法和能力</title>
		<link>http://nishuang.de/archives/2857</link>
		<comments>http://nishuang.de/archives/2857#comments</comments>
		<pubDate>Sat, 25 Apr 2009 10:01:34 +0000</pubDate>
		<dc:creator>倪爽</dc:creator>
				<category><![CDATA[工作]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[互联网]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://nishuang.de/archives/2857</guid>
		<description><![CDATA[<p>近期互联网行业，有若干和产品设计相关的新闻。</p>
<p><strong>这是一个好新闻，这不是一件好事</strong></p>
<p>新闻之一，关于设计师：《 <a href="http://c.chinavisual.com/2009/03/23/c56130/index.shtml" target="_blank"><span>Google顶尖设计师离职 撰文批评公司缺乏灵活性</span></a> 》。</p>
<p><img style="width: 300px;height: 367px;border: #000000 1px solid" src="http://img.nishuang.de/wp/google_Doug_Bowman_talking.jpg" alt="google_德格·鲍曼" width="300" height="367" /></p>
<p>照片上这位就是事主，Google首席视觉设计师：德格·鲍曼（ <a href="http://stopdesign.com/" target="_blank"><span>Doug Bowman</span></a> ）。</p>
<p>为什么世界一流的互联网设计师，指责世界一流的[......]</p><p class='read-more'><a href='http://nishuang.de/archives/2857'>继续阅读</a></p>]]></description>
			<content:encoded><![CDATA[<p>近期互联网行业，有若干和产品设计相关的新闻。</p>
<p><strong>这是一个好新闻，这不是一件好事</strong></p>
<p>新闻之一，关于设计师：《 <a href="http://c.chinavisual.com/2009/03/23/c56130/index.shtml" target="_blank"><span>Google顶尖设计师离职 撰文批评公司缺乏灵活性</span></a> 》。</p>
<p><img style="width: 300px;height: 367px;border: #000000 1px solid" src="http://img.nishuang.de/wp/google_Doug_Bowman_talking.jpg" alt="google_德格·鲍曼" width="300" height="367" /></p>
<p>照片上这位就是事主，Google首席视觉设计师：德格·鲍曼（ <a href="http://stopdesign.com/" target="_blank"><span>Doug Bowman</span></a> ）。</p>
<p>为什么世界一流的互联网设计师，指责世界一流的互联网公司？鲍曼批评google过分依赖数据。比如在两种蓝色中选择一种，必须以41种辅助色来佐证。又比如想调整3、4个像素，也被要求拿数据来证明其必要性。当数据变成所有设计的基础，这种情况下，设计师就无法做出大胆的决定，从而禁锢了人的设计思维。</p>
<p>以鲍曼为首的一批google设计师，矛头直指google美女副总裁玛丽萨·梅尔( <a href="http://www.google.cn/search?client=aff-os-worldbrowser&amp;forid=1&amp;ie=utf-8&amp;oe=UTF-8&amp;hl=zh-CN&amp;q=Marissa+Mayer" target="_blank"><span>Marissa Mayer</span></a> )，她是google用户体验方面的负责人。</p>
<p>美女副总裁玛丽萨尚未回应。之前，她曾阐释：&#8221;当我在做用户界面设计时，设计师会过来对我说，这里要用这种绿色，或另一种绿色，而我没有必要武断地作出决定，因为我只需要将它们都放在网页上，然后观察用户回馈数据，这样我们就可以通过用户的回馈来科学地证明哪种颜色更好。&#8221;</p>
<p>那么强调创造性的顶尖设计师，和依赖数据的美女副总裁，谁对？－－答案是：都对了。都错了。</p>
<p>一切要从数据调查说起……</p>
<p><strong>什么叫做用数字说话呢</strong></p>
<p>设计这种关乎感觉的事，什么叫做用数字说话呢？以快餐店为例，一个典型的数据调查是这样的：</p>
<p>有一天，麦当劳叔叔琢磨：咱们干快餐的，顾客吃饭速度越快、人流量越大、销售额越高，so，怎么让顾客赶紧滚蛋呢？于是他找到了科学家：</p>
<p>&#8220;王科学家，我怎么让顾客赶紧吃完走人呢？&#8221;<br />
&#8220;这个简单啊！红色能刺激神经，你把店堂刷成红色，顾客还没吃完，就想走人了&#8221;<br />
&#8220;这么简单？你不会骗人吧！&#8221;<br />
&#8220;我们拿数据说话！&#8221;科学家提供的方案是：&#8221;选两家店，一家刷成红色，一家刷成白色，天天数人头，三个月后再看数字，保准红店子里流动的人更多。&#8221;</p>
<p>于是麦大叔安排小伙子蹲在店门口数人头，三个月后，果然红店多接待了20％的顾客。再一问会计，果然红店多赚了20％还不止。这就是数据的力量。所以，麦当劳、肯德基、永乐豆浆……快餐店一律都是红色的。</p>
<p>互联网企业也用类似的方法，解决设计中的不确定因素。</p>
<p><strong>但是！</strong></p>
<p>被动地统计数据，并不能解决创造性问题。</p>
<p><img style="width: 300px;height: 237px;border: #000000 1px solid" src="http://img.nishuang.de/wp/Mcdonald_s_Drive_Thru.jpg" alt="麦当劳_得来速" width="300" height="237" /></p>
<p>比如&#8221;不下车（drive-through）&#8221;快餐店，顾客在车里接受服务。别管红色还是绿色，我们连店堂都不要了。这个违背常规的想法，一定是麦大叔他们扯蛋时忽然想到的。所以，数据统计的方法是对的，拍脑袋的能力也是对的。</p>
<p>但是两边都对的事情，怎么google美女总裁就给办砸了呢？</p>
<p>围绕互联网产品开发，有产品经理、设计师、工程师、客服各色人等。大家专长不同、方法不同、能力不同，吵架的事情，太常见了。所以需要谈判。如果双方说的有道理，形势当然僵持不下，谈判谈不下去怎么办呢！我们干互联网的，总不能撩衣服掏家伙吧？！这时候，就需要领导了。</p>
<p><img style="width: 300px;height: 300px;border: #000000 1px solid" src="http://img.nishuang.de/wp/google_Marissa_Mayer_seat.jpg" alt="google美女副总裁玛丽萨·梅尔" width="300" height="300" /></p>
<p><strong>现实环境里，难得到理想结果</strong></p>
<p>在一个理想的环境里，一位称职的google副总裁，大约会这么和首席设计师说话：</p>
<p>&#8220;虽然我们只用数据说话，但鲍老师您设计水准那是相当的高！（潜台词：别生气，我们还靠您混哪）&#8221;<br />
&#8220;玛丽萨姐您真会说话，老鲍我心领啦！（潜台词：嗯我留下来继续努力）&#8221;</p>
<p>可惜，现实中，google的美女和牛人都做错了。估计当时的情形，八成是这样：</p>
<p>&#8220;虽然鲍老师您设计水准那是相当的高，但我们只用数据说话！（潜台词：无所谓，不乐意你就滚蛋）&#8221;<br />
&#8220;玛丽萨姐您真会说话，老鲍我心领啦！（潜台词：嗯你们全家都是数据）&#8221;</p>
<p>虽然二者都没处理好，但考虑到领导和被领导的关系，美女玛丽莎显然错得更厉害。</p>
<p>谢谢google，给我们来了这么生动形象的一堂课。</p>
<p>网络转载，请注明出处：<a href="http://nishuang.de/archives/2857" target="_blank">http://nishuang.de/archives/2857</a>，传统媒体转载， <a href="http://nishuang.de/about" target="_blank"><span>请与我联系</span></a> 。</p>
<p><strong>最后附赠一个八卦：事情还没有结束</strong></p>
<p>那么鲍老师后来怎么样了呢？</p>
<p>鲍老师去了一家以短小、流行为特色的互联网公司：twitter，对了，就是每句话不超过140个字，连obama都在用的twitter。顺便做一小广告，欢迎<a href="http://twitter.com/nishuang" target="_blank">在twitter上follow我</a>。</p>
<p>然后，然后事情就黑色幽默了。</p>
<p>此后数天内，网上出现google收购twiiter的消息，消息连绵不绝至今。</p>
<p>如果交易成功，鲍老师将重回google怀抱。</p>
<p>（END）</p>
]]></content:encoded>
			<wfw:commentRss>http://nishuang.de/archives/2857/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  nishuang.de/archives/tag/%e8%ae%be%e8%ae%a1/feed ) in 0.17704 seconds, on May 16th, 2012 at 1:38 pm UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on May 16th, 2012 at 11:38 pm UTC -->
