<?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/"
	>

<channel>
	<title>油茶会</title>
	<atom:link href="http://www.uxstudy.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.uxstudy.com</link>
	<description>还没想好。。震荡中。</description>
	<pubDate>Thu, 18 Jun 2009 15:39:26 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>包总的人种学研究体验</title>
		<link>http://www.uxstudy.com/2009/06/18/%e5%8c%85%e6%80%bb%e7%9a%84%e4%ba%ba%e7%a7%8d%e5%ad%a6%e7%a0%94%e7%a9%b6%e4%bd%93%e9%aa%8c/</link>
		<comments>http://www.uxstudy.com/2009/06/18/%e5%8c%85%e6%80%bb%e7%9a%84%e4%ba%ba%e7%a7%8d%e5%ad%a6%e7%a0%94%e7%a9%b6%e4%bd%93%e9%aa%8c/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 15:35:03 +0000</pubDate>
		<dc:creator>包掌柜</dc:creator>
		
		<category><![CDATA[案例研究]]></category>

		<guid isPermaLink="false">http://www.uxstudy.com/?p=668</guid>
		<description><![CDATA[
Harvard Business Blog上最近登了一篇小印写的文章，R&#38;D 2.0: Fewer Engineers, More Anthropologists （研发2.0：更少工程师，更多人类学家）。虽说此文的想强调的是跨国企业在跨文化市场开拓时，应注重... ]]></description>
			<content:encoded><![CDATA[<div>
<div>Harvard Business Blog上最近登了一篇小印写的文章，<a id="fi1b" title="R&amp;D 2.0: Fewer Engineers, More Anthropologists" href="http://blogs.harvardbusiness.org/radjou/2009/06/rd-20-fewer-engineers-more-ant.html">R&amp;D 2.0: Fewer Engineers, More Anthropologists</a> （研发2.0：更少工程师，更多人类学家）。虽说此文的想强调的是跨国企业在跨文化市场开拓时，应注重利用人类学、人种学进行文化探寻、用户研究，但也指出了未来指导设计的一个新方法——人种学研究(Ethnographic study)的重要性。</p>
<p>人种学研究源自于人类学，应用在用户研究领域，可简单理解是实地调研(field research)的加长加料版。它强调的是深入人们的真实环境中，而且常常花较长时间追踪，并使用自然观察法，考察他们的行为，收集他们使用、创造的物件(artifact)等。</p>
<p>人种学研究能为设计——尤其是概念设计带来不少启发。它是对需求分析手段的扩充（别老觉得找几个人来焦点小组一小时就够了，与其听他们说，不如看他们做到）；是开放的、探索性的（基于任务完成的可用性测试，是相对封闭的），皆在挖掘真正对用户有意义、并能为他们带来价值的内容。</p>
<p>人种学研究似乎更高瞻远瞩，也更常用于指导设计的大方向。西方一些大企业，诸如<a id="cf9y" title="Intel" href="http://papr.intel-research.net/projects.htm">Intel</a>、<a id="llkw" title="Nokia" href="http://research.nokia.com/research/index.html">Nokia</a>、<a id="eepk" title="Yahoo" href="http://research.yahoo.com/Econ_and_Social_Sys">Yahoo</a>、<a id="wqc_" title="微软" href="http://research.microsoft.com/apps/dp/areas.aspx">微软</a>等，都已有专门的团队在做人种学研究。看看他们研究的题目就会发现，着眼的是“人类”而不仅仅是“用户”了。也许这也是西方企业能够不断创新的一大原因之一吧——他们能看得更远，也肯把钱投入在不是立竿见影的事情上。也正是有了这些努力，才敢自称“以人为本”。</p>
<p>当然，也不是说，您研究对象不是全人类或全民族，只是一小搓网民，就不能用人种学研究了。这词儿听上去有点唬人，但它其实强调的是：走出实验室、设计室，深入“民”间，而且不止一次地。</p>
<p>在包总开发某强大系统期间，多次“猥”服私巡，到用户中去，与用户同欢笑同悲戚，由此开发了一个真正予以用户力量、使用户很女子很弓虽的系统。以下是包总深入群众的心得——<span id="more-668"></span></div>
<div>位于UED这个角色，其实总是在产品经理的流程下，或多或少会受到产品经理思想的左右。但是，从去年开始，我们UED开始有由UED自己引导项目，我们可以把“用户体验”作为头等大事来抓，甚至有时超过了“商业利益”。正所谓淘宝文化的客户第一。<br />
TMS既是其中一员。(广告：同时上线的还有<a id="qry6" title="试衣间" href="http://shiyi.taobao.com/">淘宝试衣间</a>)TMS即是淘宝自行开发的CMS内容管理系统。对于TMS来说最大的特点是</p>
<ul>
<li>立足于淘宝自己的需求。这是其他任何CMS系统所不能完成的。</li>
<li>可以通过可复用的模块来直接搭建基于栅格系统的页面，大量节省重复劳动。</li>
<li>将表现层分离为设计和内容。充分将一个页面的分工进行细分——UED进行设计，运营负责页面内容维护。</li>
</ul>
<p>而前几天，我们TMS在第一版的基础上，开发了第二个大版本，并发布。TMS发布会上人山人海。我们的TMS也尽显风骚。全场运营小二掌声雷动，啧啧称好。哇咔咔……用户好才是真的好……</p>
<div>那么，在这次项目中，我觉得有几点还是很值得与各位分享的：</p>
<h2><span style="font-size: medium;">一、项目特点</span></h2>
<p>这个特点是前提条件。人说“因地制宜”，要先晓得“地”是啥，才能用好方法，不然，任何的方法论都是白搭。对于TMS来说，他有如下的特点：</p>
<ul>
<li>用户群明确：无外乎两种人：运营小二和UED小二。</li>
<li>他们的行为和认知高度集中。</li>
<li>他们的交互环境高度一致。(在同一个办公室里，拥有相同的电脑，相同的显示器分辨率，相同的操作系统，甚至相同的网速。正因为如此，TMS专门针对Firefox做优化。)</li>
<li>用户就在你旁边。随时可以去调研、随时可以去走查。这极大地方便了我的实地调研。</li>
<li>他们有更宽的容忍度。</li>
</ul>
<div>正是利用了内部项目的优点，我们拥有自己独特的开发流程。对于运营小二等需求方来说，最大的好处在于他们的需求能够迅速被实现，同时我们也能得到最快的反馈。迭代链的缩短让项目迅速提升用户体验。</div>
<h2><span style="font-size: medium;">二、关注点</span></h2>
<div>在深入群众的过程中，我们采用了几种调查的方式：简单的可用性测试、访谈。可用性测试方面，我的大部分时间都耗在站在用户背后偷窥他们上了。观察他们的一举一动，除了TMS本身的交互过程，同时观察他们如何使用浏览器、他们如何使用Excel，甚至他们如何使用的阿里旺旺。有必要的时候，必须打断他们，问问他们刚才为什么做一些我们认为奇怪的事情。只要耐得住性子，你一定会发现许多甚至连他们自己都不知道的秘密。</div>
<p>在整个“猥”服私巡的过程中(我承认偷窥是件猥琐的事情……)，我渐渐给定了一些指导方针。无论如何，没有这样的指导方针萦绕在我脑里，就不可能达到今天的成果……好吧，我承认我在为各位洗脑：</p></div>
<div>
<ul>
<li>小二(用户)：他们的工作方式、工作环境
<ul>
<li>要做符合他们的心智模型的产品。将技术层面的东西尽量向用户透明化。<br />
例如，我们有个功能是可以使用HTML和TMS模板语言直接创建完全自由的页面而非由模块搭建的页面。在之前，是需要小二在文档的帮助下撰写大量冗余的代码并修改HTML结构，才能上传页面。经过改进之后，可以在安装有TMS插件（我称之为“他妈梦”）的Dreamweaver视图界面下可视地插入TMS模板代码，然后直接粘贴到TMS上。相当于一个不懂HTML代码的用户也可以完全创造一个非模块搭建的页面。</li>
<li>为单一浏览器优化。(注意：是“优化”，不是只支持一个浏览器。)非常好，我们有理由利用Firefox的特性：例如：插件、CSS3等来优化TMS。</li>
<li>Tips:改变办公环境——网页标题</li>
</ul>
</li>
<li>融入用户
<ul>
<li>站在他旁边看着他们做。我常常花半天时间与他们沟通，或者“偷窥”。</li>
<li>和他们一起做。甚至，我也作为运营的一分子，和他们做同样的事。 这个是人种学研究里常用的一项。</li>
<li>经常去感受用户的痛苦，激起优化用户体验的小宇宙。</li>
</ul>
</li>
<li>对得起人民的信任<br />
恩，事实上就该对得起人民的信任。</li>
<li>勇于创新<br />
创新挺好，如果创新成功了，那么极大得提高用户体验。如果创新失败了，那么就再创新。TMS有许多有趣的小产品，这些东西在淘宝其他项目看来，就像是成熟的男人看到穿着奇装异服的青春期叛逆少年。TMS有自己的Firefox插件——为了更快地直接编辑线上页面；有上面介绍过的Dreamweaver插件；每次打开TMS页面，标题上总会有不同的警句让大家看到生命的曙光；还有用Excel写的小程序等等……值得一提的是TMS可以直接从Excel导入内容到页面上，这玩意儿节省了80%的页面更新时间——我从来没有想过CMS有了这个功能将这么有效。</li>
<li>考虑未来<br />
我们必须考虑现在同时考虑未来，否则，系统愈加膨胀，你会处处碰壁。</li>
</ul>
<p>总之，“设计出满足我们用户需求的，同时让他们爽的产品”是对以上的总结 <img src='http://www.uxstudy.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h2><span style="font-size: medium;">三、一个重要的误区</span></h2>
<p>常听人说“反正是内部系统，到时候培训一下就好了”。然而，只要让他们看着用户使用一下自己的产品，他们就能感受到莫大的痛苦了。正所谓我前面所说的“经常去感受用户的痛苦，激起优化用户体验的小宇宙。”我们应当利用“内部”系统优势而不滥用“内部”系统优势。所谓“培训一下就好”这种想法不是偷懒就是承认自己无法解决问题。一个用户友好的软件应当尽力减少用户的认识负担，并发挥人和机器的各自的优势。人擅长创造，擅长思考，机器擅长重复，擅长被指挥做“无趣”的事情。</p>
<h2><span style="font-size: medium;">四、The End</span></h2>
<p>RT. The End.</p></div>
<p>本期采茶人： <a href="http://piglili.blogbus.com/">小何老师(Helicopter in the air)</a> <a href="http://www.om19.cn">包总(OM19&#8217;s Time)</a></p>
<p>如您有英文阅读习惯，不妨来做采茶人。</p>
<p>采茶请联系 jizhen.bao囧gmail.com</p></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.uxstudy.com/2009/06/18/%e5%8c%85%e6%80%bb%e7%9a%84%e4%ba%ba%e7%a7%8d%e5%ad%a6%e7%a0%94%e7%a9%b6%e4%bd%93%e9%aa%8c/feed/</wfw:commentRss>
		</item>
		<item>
		<title>如何优化UX博文的用户阅读体验？</title>
		<link>http://www.uxstudy.com/2009/04/28/%e5%a6%82%e4%bd%95%e4%bc%98%e5%8c%96ux%e5%8d%9a%e6%96%87%e7%9a%84%e7%94%a8%e6%88%b7%e9%98%85%e8%af%bb%e4%bd%93%e9%aa%8c/</link>
		<comments>http://www.uxstudy.com/2009/04/28/%e5%a6%82%e4%bd%95%e4%bc%98%e5%8c%96ux%e5%8d%9a%e6%96%87%e7%9a%84%e7%94%a8%e6%88%b7%e9%98%85%e8%af%bb%e4%bd%93%e9%aa%8c/#comments</comments>
		<pubDate>Tue, 28 Apr 2009 01:25:56 +0000</pubDate>
		<dc:creator>包掌柜</dc:creator>
		
		<category><![CDATA[茶闻资源]]></category>

		<guid isPermaLink="false">http://www.uxstudy.com/2009/04/28/664/</guid>
		<description><![CDATA[最近越来越多在博客上写些UX相关的内容作为分享，就涉及到跟普通博文不一样的文章建构问题。文章内容固然很重要，但排版、组织也是提高可读性和用户体验的关键呢。于是乎在比较著名的... ]]></description>
			<content:encoded><![CDATA[<p>最近越来越多在博客上写些UX相关的内容作为分享，就涉及到跟普通博文不一样的文章建构问题。文章内容固然很重要，但排版、组织也是提高可读性和用户体验的关键呢。于是乎在比较著名的几个UX博客/网站上找了些值得学习的地方。</p>
<p><span style="font-size: large;"><strong>一、开篇</strong></span></p>
<p>如果你的文章内容较长，开篇给出一个小总结、简介或内容纲要是不错的做法。<span id="more-664"></span></p>
<div id="wvt8" style="text-align: left;"><strong><br />
图1</strong>：<a id="mjzt" title="Nielson" href="http://www.useit.com">Nielson</a>的文章全部一个板式，开首必不可少Summary</p>
<hr size="2" /><img style="width: 648px; height: 160.529px;" src="http://docs.google.com/File?id=dzpwgjb_258f5gxnzf5_b" alt="" /></p>
<div id="x-ls" style="text-align: left;"><strong><br />
图2</strong>：<a id="m5vw" title="Smashing Magazine" href="http://www.smashingmagazine.com/">Smashing Magazine</a>的文章，一开始除了有内容简介，还会摆出相关文章。</p>
<hr size="2" /><img src="http://docs.google.com/File?id=dzpwgjb_259fbd7qrd7_b" alt="" width="595" height="609" /> </p>
<div id="yu93" style="text-align: left;"><strong>图3</strong>：<a id="gt9o" title="A List Apart" href="http://alistapart.com/">A List Apart</a>的文章一开头肯定在简介旁边配图，风格跟纽约时报很像</p>
<hr size="2" /><img style="width: 541px; height: 516px;" src="http://docs.google.com/File?id=dzpwgjb_261927jz6dq_b" alt="" /> </p>
<p><strong>图4</strong>：很长的文章，像<a id="az0c" title="Usability Post这篇文章" href="http://www.usabilitypost.com/2009/04/15/8-characteristics-of-successful-user-interfaces/">Usability Post这篇文章</a>这样给个纲要比较好呢，还能帮助直接跳转。</p>
<hr size="2" /><img style="width: 467px; height: 414px;" src="http://docs.google.com/File?id=dzpwgjb_278hp5nm3fm_b" alt="" /><br />
<span style="font-size: large;"><strong><br />
二、正文</strong></span> </p>
<p><span style="font-size: small;"><strong>1. 标题的样式</strong></span></p>
<p>这是首要解决的问题，因为标题是表示文章层次结构的最佳手段。可以通过调整字体颜色、大小，加入分割线等来实现。好的CSS是一劳永逸的基础哦~~~</p>
<p><strong>图5</strong>：<a id="na44" title="UX Booth" href="http://www.uxbooth.com/">UX Booth</a>用不同的字体颜色、大小表示层及关系</p>
<hr size="2" />
<div id="k1e7" style="text-align: left;"><img style="width: 499px; height: 216px;" src="http://docs.google.com/File?id=dzpwgjb_262sp7mr9hf_b" alt="" /> </p>
<p><strong><br />
图6</strong>：<a id="onp4" title="Smashing Magazine" href="http://www.SmashingMagazine.com">Smashing Magazine</a> 优雅的二级标题，以及一级标题的分割线</p>
<hr size="2" />
<div id="qm3y" style="text-align: left;"><img src="http://docs.google.com/File?id=dzpwgjb_263ct7nw5fh_b" alt="" width="605" height="234" /> </p>
<p><strong><span style="font-size: small;">2. 图片</span></strong></p>
<p><strong> </strong>好的图片能让文章增色不少，必须是读图时代嘛。贴图，也有点儿学问哦～～</p>
<p><strong>图7</strong>：<a id="fbaa" title="UX Matters" href="http://www.uxmatters.com/index.php">UX Matters</a>的文章，图题都在上方，且有清晰的标识</p>
<hr size="2" />
<div id="h.tj" style="text-align: left;"><img style="width: 453px; height: 424px;" src="http://docs.google.com/File?id=dzpwgjb_264gsghgmcf_b" alt="" /> </p>
<p><strong>图8</strong>：除了图题还有说明文字？可参考下图做法</p>
<hr size="2" />
<div id="m0q1" style="text-align: left;"><img style="width: 528px; height: 346px;" src="http://docs.google.com/File?id=dzpwgjb_265fds7fw4b_b" alt="" /></div>
</div>
<p><strong>图9</strong>：用框线将图题与图片装在一起也不错，不过比较花功夫吧</p>
<hr size="2" />
<div id="z_hb" style="text-align: left;"><img style="width: 322px; height: 457px;" src="http://docs.google.com/File?id=dzpwgjb_268gxrswsf4_b" alt="" /> </p>
<p>除了做好图题，保持全文<strong>图表对齐的一致</strong>也是值得参考的做法。</p>
<p>另外，在文章开始以图表意（如图3所示），也是添加趣味性的做法哦</p>
<p><strong>图10</strong>：<a id="lab6" title="Johnny Holland Magazine" href="http://johnnyholland.org/">Johnny Holland Magazine</a>上的文章，开始都是一幅图</p>
<hr size="2" /><img style="width: 515px; height: 229px;" src="http://docs.google.com/File?id=dzpwgjb_269cvcp4hg7_b" alt="" /> </p>
<p><span style="font-size: small;"><strong>3. 引用</strong></span></p>
<p>我发现这是国外UX博文蛮常见的做法呢。中间穿插一些引用，可以适当减低长篇阅读的疲乏感哦！</p>
<p>图11：A List Apart文章中的引用</p>
<hr size="2" />
<div id="f1j2" style="text-align: left;"><img style="width: 648px; height: 107.674px;" src="http://docs.google.com/File?id=dzpwgjb_270fsmfv7cm_b" alt="" /></div>
</div>
<p><strong>图12</strong>：UX Matters文章中的豆腐块引用很经典。有时候只看豆腐块就够了</p>
<hr size="2" /><img style="width: 648px; height: 271.277px;" src="http://docs.google.com/File?id=dzpwgjb_2716xw8vpt5_b" alt="" /> </p>
<p><strong>图13</strong>：引用让累牍有喘息的机会</p>
<hr size="2" />
<div id="wr6w" style="text-align: left;"><img style="width: 644px; height: 347px;" src="http://docs.google.com/File?id=dzpwgjb_273d9qm9td3_b" alt="" /> </p>
<p><span style="font-size: small;"><strong>4. 其他</strong></span></p>
<p><strong>行与行之间的留白</strong>、恰当使用<strong>编号列表</strong>都是提高博文可用性的重要手段。另外，Nielson还有爱用的一招是<strong>加粗关键字</strong>，也不妨学习学习。</p>
<p><strong>图14</strong>：Nielson自己的研究表明，人们阅读网络文献都是跳着挑字眼看的</p>
<hr size="2" /><img style="width: 648px; height: 167.38px;" src="http://docs.google.com/File?id=dzpwgjb_275chwd8cfn_b" alt="" /> </p>
<p><span style="font-size: large;"><strong><br />
三、结束部分</strong><br />
<span style="font-size: x-small;"><br />
对于长文来说，给出个小结总是必要的。除此之外，</span></span>“延伸阅读”是一篇好的UX博文应有的部分，让你的读者可以按图索骥。如果有参考其他文章，请给出“参考文献”部分，为你文章的专业程度加分~~~</p>
<p><strong>图15</strong>：Smashing Magazine上的延伸阅读</p>
<hr size="2" /><img style="width: 642px; height: 267px;" src="http://docs.google.com/File?id=dzpwgjb_256dspvd5fd_b" alt="" /> </p>
<p> </p>
<div id="br4r" style="text-align: left;"><img style="width: 648px; height: 297.064px;" src="http://docs.google.com/File?id=dzpwgjb_277fkhtz3gm_b" alt="" /></div>
<p><strong>图16</strong>：UX Booth上的延伸阅读</p>
<hr size="2" />
<div id="ydy1" style="text-align: left;"><img style="width: 393px; height: 391px;" src="http://docs.google.com/File?id=dzpwgjb_276dmcjggf7_b" alt="" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="uxav" style="text-align: center;"></div>
<p><strong>图17</strong>：良好的参考文献</p>
<hr size="2" />
<div style="text-align: left;"><img style="width: 516px; height: 198px;" src="http://docs.google.com/File?id=dzpwgjb_257nz4mbqvm_b" alt="" /> </p>
<p><strong><span style="font-size: large;">总而言之</span></strong>……</p>
<p>以上几点不是什么八股的东西，毕竟文章个性很重要。不过作为本身研究UX的人，多多考虑读者的用户体验嘛，也是应该哈。当然，最最重要的，还是内容本身。</p>
<p>P.S. 其实写完发现本文的可读性也比较有问题，鉴于时间关系，请多包涵</p></div>
<div style="text-align: left;"><span style="font-family: 'Microsoft Yahei'"></p>
<p style=" margin-right: 0px; margin-left: 0px">本期采茶人： <a style=" margin-right: 0px; margin-left: 0px; text-decoration: none; color: #0033ff" href="http://piglili.blogbus.com/">小何老师(Helicopter in the air)</a></p>
<p style=" margin-right: 0px; margin-left: 0px">如您有英文阅读习惯，不妨来做采茶人。</p>
<p style=" margin-right: 0px; margin-left: 0px">采茶请联系 jizhen.bao囧gmail.com</p>
<p> </p>
<p></span></div>
]]></content:encoded>
			<wfw:commentRss>http://www.uxstudy.com/2009/04/28/%e5%a6%82%e4%bd%95%e4%bc%98%e5%8c%96ux%e5%8d%9a%e6%96%87%e7%9a%84%e7%94%a8%e6%88%b7%e9%98%85%e8%af%bb%e4%bd%93%e9%aa%8c/feed/</wfw:commentRss>
		</item>
		<item>
		<title>09年的春天，比以往来得更晚一些</title>
		<link>http://www.uxstudy.com/2009/04/04/09%e5%b9%b4%e7%9a%84%e6%98%a5%e5%a4%a9%ef%bc%8c%e6%af%94%e4%bb%a5%e5%be%80%e6%9d%a5%e5%be%97%e6%9b%b4%e6%99%9a%e4%b8%80%e4%ba%9b/</link>
		<comments>http://www.uxstudy.com/2009/04/04/09%e5%b9%b4%e7%9a%84%e6%98%a5%e5%a4%a9%ef%bc%8c%e6%af%94%e4%bb%a5%e5%be%80%e6%9d%a5%e5%be%97%e6%9b%b4%e6%99%9a%e4%b8%80%e4%ba%9b/#comments</comments>
		<pubDate>Sat, 04 Apr 2009 15:00:30 +0000</pubDate>
		<dc:creator>包掌柜</dc:creator>
		
		<category><![CDATA[站内公告]]></category>

		<guid isPermaLink="false">http://www.uxstudy.com/?p=661</guid>
		<description><![CDATA[09年的春天，比以往来得更晚一些
但是，就在这个时候，
春天的脚步我们才刚刚闻得到～

换新装啦～
感谢孙总做的皮肤还有我自己写的CSS  ... ]]></description>
			<content:encoded><![CDATA[<p>09年的春天，比以往来得更晚一些</p>
<p>但是，就在这个时候，</p>
<p>春天的脚步我们才刚刚闻得到～</p>
<p><img class="alignnone size-full wp-image-660" title="09_spring_snap" src="http://www.uxstudy.com/wp-content/uploads/09_spring_snap.jpg" alt="09_spring_snap" width="500" height="190" /></p>
<p>换新装啦～</p>
<p>感谢<a title="孙总" href="http://www.heynonart.com/">孙总</a>做的皮肤还有<a title="包总" href="http://www.om19.cn">我自己</a>写的CSS <img src='http://www.uxstudy.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.uxstudy.com/2009/04/04/09%e5%b9%b4%e7%9a%84%e6%98%a5%e5%a4%a9%ef%bc%8c%e6%af%94%e4%bb%a5%e5%be%80%e6%9d%a5%e5%be%97%e6%9b%b4%e6%99%9a%e4%b8%80%e4%ba%9b/feed/</wfw:commentRss>
		</item>
		<item>
		<title>好设计十诫</title>
		<link>http://www.uxstudy.com/2009/03/24/good-design-in-ten-commandments/</link>
		<comments>http://www.uxstudy.com/2009/03/24/good-design-in-ten-commandments/#comments</comments>
		<pubDate>Tue, 24 Mar 2009 01:17:21 +0000</pubDate>
		<dc:creator>包掌柜</dc:creator>
		
		<category><![CDATA[茶闻资源]]></category>

		<guid isPermaLink="false">http://www.uxstudy.com/?p=649</guid>
		<description><![CDATA[规条啊，诫律啊，法则啊，都是让人讨厌的条条框框，殿堂级的人物总爱说这些没有任何直接指导意义的话。可是读一遍德国工业设计大师Dieter Rams的十条大律 ，无不掷地有声啊~~~
换个角度想... ]]></description>
			<content:encoded><![CDATA[<p>规条啊，诫律啊，法则啊，都是让人讨厌的条条框框，殿堂级的人物总爱说这些没有任何直接指导意义的话。可是读一遍德国工业设计大师Dieter Rams的<a id="xhag" title="十条大律" href="http://www.vitsoe.com/en/gb/about/gooddesign">十条大律</a> ，无不掷地有声啊~~~</p>
<p>换个角度想想，规条、诫律、法则，诸如此类，不应是设计师的紧箍咒，而是内在的气质修为。我修，我修，我修！-_-;</p>
<p><span style="font-size: medium;"><strong>好设计是创新的</strong></span></p>
<p>创新恒久远，山寨不流传</p>
<div id="uwth" style="text-align: left;"><img style="width: 648px; height: 325.363px;" src="http://docs.google.com/File?id=dzpwgjb_143c269g7dj_b" alt="" /><span id="more-649"></span><br />
<span style="font-size: small;"><strong></strong></p>
<p><strong>好设计让产品有用</strong></p>
<p></span></p>
<p>非可用勿扰</p></div>
<div id="ga6x" style="text-align: left;"><img style="width: 648px; height: 318.126px;" src="http://docs.google.com/File?id=dzpwgjb_144gpnk27g8_b" alt="" /></div>
<p><span style="font-size: small;"><strong>好设计有美感</strong></span></p>
<p><strong></strong><span style="font-size: x-small;">美感很重要，懂得审美也很重要</span></p>
<div id="hy7e" style="text-align: left;"><img style="width: 648px; height: 347.111px;" src="http://docs.google.com/File?id=dzpwgjb_145c5gv6bhn_b" alt="" /></p>
<p><span style="font-size: small;"><strong>好设计有助于产品的传达</strong></span></p>
<p><strong></strong><span style="font-size: x-small;">让产品会说话</span></p>
<div id="p1ut" style="text-align: left;"><span style="font-size: small;"><span style="font-size: x-small;"><img style="width: 648px; height: 326.259px;" src="http://docs.google.com/File?id=dzpwgjb_146g5zsfnf3_b" alt="" /></p>
<p><span style="font-size: small;"><strong>好设计无障</strong></span></p>
<p><strong></strong><span style="font-size: x-small;">留点空间给用户</span></p>
<p></span></span></p>
<div id="y:8u" style="text-align: left;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><img style="width: 648px; height: 330.816px;" src="http://docs.google.com/File?id=dzpwgjb_147hdfnpfdx_b" alt="" /></p>
<p><span style="font-size: small;"><strong>好设计是诚实的</strong></span></p>
<p><strong></strong><span style="font-size: x-small;">吹嘘，越吹越虚</span></p>
<p></span></span></span></span></p>
<div id="fqnb" style="text-align: left;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><img style="width: 648px; height: 328.985px;" src="http://docs.google.com/File?id=dzpwgjb_148g4398xfv_b" alt="" /></p>
<p><span style="font-size: small;"><strong>好设计是持久的</strong></span></p>
<p><strong></strong><span style="font-size: x-small;">美感很重要，懂得审美也很重要</span></p>
<p></span><br />
</span></span></span></span></span></p>
<div id="urwh" style="text-align: left;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><img style="width: 648px; height: 329.891px;" src="http://docs.google.com/File?id=dzpwgjb_149dc72cff7_b" alt="" /></p>
<p><span style="font-size: small;"><strong>好设计追求细节</strong></span></p>
<p><strong></strong><span style="font-size: x-small;">成也细节，败也细节<br />
</span></p>
<p></span></span></span></span></span></span></p>
<div id="bw.n" style="text-align: left;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><img style="width: 648px; height: 331.661px;" src="http://docs.google.com/File?id=dzpwgjb_150fqqsnhcg_b" alt="" /></p>
<p><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><strong>好设计关注环境</strong></span></span></span></span></span></span></span></p>
<p><strong></strong><span style="font-size: x-small;">拒绝垃圾，实体或像素的</span></p>
<p></span></span></span></span></span></span></span><br />
</span></p>
<div id="gtoa" style="text-align: left;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><img style="width: 648px; height: 333.463px;" src="http://docs.google.com/File?id=dzpwgjb_151dm92qvf5_b" alt="" /></p>
<p><span style="font-size: small;"><strong>好设计是极简的</strong></span></p>
<p>无，极</p>
<p></span></span></span></span></span></span></span></span></p>
<div id="lhz_" style="text-align: left;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><img style="width: 648px; height: 334.83px;" src="http://docs.google.com/File?id=dzpwgjb_152ft37bkcn_b" alt="" /></p>
<p>呃，貌似这次的稿件写得高大空……为了弥补云里雾里的读者朋友们，送上一篇与Dieter Rams相关的实在的文章</p>
<p></span></span></span></span></span></span></span></span></p>
<h1><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><a class="top" href="http://i.gizmodo.com/343641/1960s-braun-products-hold-the-secrets-to-apples-future">1960s Braun Products Hold the Secrets to Apple&#8217;s Future</a></span></span></span></span></span></span></span></span></h1>
<p><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;">文中比较了苹果产品与60年代Braun产品的相似之处，有趣哈！</span></span></span></span></span></span></span></span></p>
<div id="fgx8" style="text-align: left;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><img style="width: 463px; height: 256px;" src="http://docs.google.com/File?id=dzpwgjb_153hjfbfz8m_b" alt="" /><br />
</span></span></span></span></span></span></span></span></p>
<div id="zx.k" style="text-align: left;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><img style="width: 400px; height: 198px;" src="http://docs.google.com/File?id=dzpwgjb_154hpcqnhhn_b" alt="" /></span></span></span></span></span></span></span></span></div>
<div id="s11f" style="text-align: left;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><img style="width: 400px; height: 198px;" src="http://docs.google.com/File?id=dzpwgjb_155ccks2jhc_b" alt="" /></span></span></span></span></span></span></span></span></div>
</div>
</div>
</div>
</div>
<p><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"></span></span></span></span></span></div>
</div>
<p><span style="font-size: small;"><span style="font-size: x-small;"><span style="font-size: small;"></span></span></span></div>
<p><span style="font-size: small;"></span></div>
</div>
<p>本期采茶人： <a href="http://piglili.blogbus.com/">小何老师(Helicopter in the air)</a></p>
<p>如您有英文阅读习惯，不妨来做采茶人。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.uxstudy.com/2009/03/24/good-design-in-ten-commandments/feed/</wfw:commentRss>
		</item>
		<item>
		<title>来，我画给你看……</title>
		<link>http://www.uxstudy.com/2009/03/03/tools-of-expression/</link>
		<comments>http://www.uxstudy.com/2009/03/03/tools-of-expression/#comments</comments>
		<pubDate>Mon, 02 Mar 2009 17:03:32 +0000</pubDate>
		<dc:creator>黄主任</dc:creator>
		
		<category><![CDATA[茶闻资源]]></category>

		<guid isPermaLink="false">http://www.uxstudy.com/?p=641</guid>
		<description><![CDATA[产品设计人员往往长期处于一种对话的状态。
首先是跟自己对话：我的想法是否正确？还有没有漏掉的地方？各个部分有什么关系？然后是跟UI设计、跟研发、跟boss、跟投资人……对话……
“... ]]></description>
			<content:encoded><![CDATA[<p>产品设计人员往往长期处于一种对话的状态。</p>
<p>首先是跟自己对话：我的想法是否正确？还有没有漏掉的地方？各个部分有什么关系？然后是跟UI设计、跟研发、跟boss、跟投资人……对话……</p>
<p>“我是这样设计的……”“我的意思是……”</p>
<p>一个简单的原型是一种非常好的表达方式，“我是这样想的，你看……”。这里要说的，就是一个很酷的工具。</p>
<p><a href="http://www.axure.com/" target="_blank">Axure</a>无论在制作效率还是最后的原型效果，以及文档导出等方面做到了非常杰出的程度。毫无疑问是完整web产品前期设计的首选。但是如果你只是要花草图，不需要对交互进行表现的话，还有很多工具可以选择，诸如<a href="http://www.evolus.vn/Pencil/" target="_blank">Pencil Project</a> （竟是一个firefox插件）这样的小工具，画简单的界面是小case了。不过还是不如<a href="http://www.balsamiq.com/" target="_blank">Balsamiq Mockups</a>这样让人眼前一亮：</p>
<p><img class="alignnone size-full wp-image-471" title="boogle" src="http://www.huang-ou.com/blog/wp-content/uploads/2009/02/boogle.gif" alt="boogle" width="695" height="453" /><span id="more-641"></span></p>
<p><img class="alignnone size-full wp-image-472" title="bmeeting" src="http://www.huang-ou.com/blog/wp-content/uploads/2009/02/bmeeting.gif" alt="bmeeting" width="728" height="535" /></p>
<p>我个人是涂鸦狂，所以很喜欢这种风格。</p>
<p>如果仅仅只是做出来的效果酷，我就不推荐了。Balsamiq Mockups制作页面效果过程如最终效果一般让人愉悦。</p>
<p>Balsamiq Mokups是用Flex和Air实现的，在Mac OS, Linux和Windows下都能使用，有桌面版本、Confluence，JIRA，和XWiki中的版本。主界面非常简单：</p>
<p><img class="alignnone size-full wp-image-473" title="2009-02-24-17-57-13" src="http://www.huang-ou.com/blog/wp-content/uploads/2009/02/2009-02-24-17-57-13.gif" alt="2009-02-24-17-57-13" /></p>
<p>元素的内容修正也异常简单，下面的界面就是修改右侧的tab：</p>
<p><img class="alignnone size-full wp-image-474" title="2009-02-24-23-56-54" src="http://www.huang-ou.com/blog/wp-content/uploads/2009/02/2009-02-24-23-56-54.gif" alt="2009-02-24-23-56-54" /></p>
<p>元素的属性修改也非常简单，注意右下脚的属性编辑框：</p>
<p><img class="alignnone size-full wp-image-475" title="2009-02-24-18-07-58" src="http://www.huang-ou.com/blog/wp-content/uploads/2009/02/2009-02-24-18-07-58.gif" alt="2009-02-24-18-07-58" /></p>
<p>简单画了个twitter的页面，大概三五分钟就能搞定：</p>
<p><a href="http://www.axure.com/" target="_blank"><img class="alignnone size-full wp-image-476" title="2009-02-24-22-30-27" src="http://www.huang-ou.com/blog/wp-content/uploads/2009/02/2009-02-24-22-30-27.gif" alt="2009-02-24-22-30-27" /></a></p>
<p>有人提到不能输入中文的问题，很简单：在Mockups的菜单里选择 View -&gt; Use System Font 就可以了。</p>
<p>该软件的桌面版售价78美刀。作者意大利人Peldi说这款软件的设计就是用它自己来设计的，满足自己的需求。而在经济寒冷的2008年，从1,322位付费用户那获得了162,302美元的收入（其中12月份就有39,000美元），这充分说明：</p>
<p>1. 产品有自己的特色和正确的价值，就一定能有自己不菲的价值。</p>
<p>2.如果出于兴趣想自己做一个产品，不妨首先考虑下解决自己亲身遇到的某些问题，服务好自己其实也不容易。</p>
<p>（本文大部分内容来自主任前两天的另一篇blog）</p>
]]></content:encoded>
			<wfw:commentRss>http://www.uxstudy.com/2009/03/03/tools-of-expression/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
