http://www.uxstudy.com 还没想好。。震荡中。 Thu, 18 Jun 2009 15:39:26 +0000 http://backend.userland.com/rss092 en Harvard Business Blog上最近登了一篇小印写的文章，R&D 2.0: Fewer Engineers, More Anthropologists （研发2.0：更少工程师，更多人类学家）。虽说此文的想强调的是跨国企业在跨文化市场开拓时，应注重利用人类学、人种学进行文化探寻、用户研究，但也指出了未来指导设计的一个新方法——人种学研究(Ethnographic study)的重要性。 人种学研究源自于人类学，应用在用户研究领域，可简单理解是实地调研(field research)的加长加料版。它强调的是深入人们的真实环境中，而且常常花较长时间追踪，并使用自然观察法，考察他们的行为，收集他们使用、创造的物件(artifact)等。 人种学研究能为设计——尤其是概念设计带来不少启发。它是对需求分析手段的扩充（别老觉得找几个人来焦点小组一小时就够了，与其听他们说，不如看他们做到）；是开放的、探索性的（基于任务完成的可用性测试，是相对封闭的），皆在挖掘真正对用户有意义、并能为他们带来价值的内容。 人种学研究似乎更高瞻远瞩，也更常用于指导设计的大方向。西方一些大企业，诸如Intel、Nokia、Yahoo、微软等，都已有专门的团队在做人种学研究。看看他们研究的题目就会发现，着眼的是“人类”而不仅仅是“用户”了。也许这也是西方企业能够不断创新的一大原因之一吧——他们能看得更远，也肯把钱投入在不是立竿见影的事情上。也正是有了这些努力，才敢自称“以人为本”。 当然，也不是说，您研究对象不是全人类或全民族，只是一小搓网民，就不能用人种学研究了。这词儿听上去有点唬人，但它其实强调的是：走出实验室、设计室，深入“民”间，而且不止一次地。 在包总开发某强大系统期间，多次“猥”服私巡，到用户中去，与用户同欢笑同悲戚，由此开发了一个真正予以用户力量、使用户很女子很弓虽的系统。以下是包总深入群众的心得—— 位于UED这个角色，其实总是在产品经理的流程下，或多或少会受到产品经理思想的左右。但是，从去年开始，我们UED开始有由UED自己引导项目，我们可以把“用户体验”作为头等大事来抓，甚至有时超过了“商业利益”。正所谓淘宝文化的客户第一。 TMS既是其中一员。(广告：同时上线的还有淘宝试衣间)TMS即是淘宝自行开发的CMS内容管理系统。对于TMS来说最大的特点是 立足于淘宝自己的需求。这是其他任何CMS系统所不能完成的。 可以通过可复用的模块来直接搭建基于栅格系统的页面，大量节省重复劳动。 将表现层分离为设计和内容。充分将一个页面的分工进行细分——UED进行设计，运营负责页面内容维护。 而前几天，我们TMS在第一版的基础上，开发了第二个大版本，并发布。TMS发布会上人山人海。我们的TMS也尽显风骚。全场运营小二掌声雷动，啧啧称好。哇咔咔……用户好才是真的好…… 那么，在这次项目中，我觉得有几点还是很值得与各位分享的： 一、项目特点 这个特点是前提条件。人说“因地制宜”，要先晓得“地”是啥，才能用好方法，不然，任何的方法论都是白搭。对于TMS来说，他有如下的特点： 用户群明确：无外乎两种人：运营小二和UED小二。 他们的行为和认知高度集中。 他们的交互环境高度一致。(在同一个办公室里，拥有相同的电脑，相同的显示器分辨率，相同的操作系统，甚至相同的网速。正因为如此，TMS专门针对Firefox做优化。) 用户就在你旁边。随时可以去调研、随时可以去走查。这极大地方便了我的实地调研。 他们有更宽的容忍度。 正是利用了内部项目的优点，我们拥有自己独特的开发流程。对于运营小二等需求方来说，最大的好处在于他们的需求能够迅速被实现，同时我们也能得到最快的反馈。迭代链的缩短让项目迅速提升用户体验。 二、关注点 在深入群众的过程中，我们采用了几种调查的方式：简单的可用性测试、访谈。可用性测试方面，我的大部分时间都耗在站在用户背后偷窥他们上了。观察他们的一举一动，除了TMS本身的交互过程，同时观察他们如何使用浏览器、他们如何使用Excel，甚至他们如何使用的阿里旺旺。有必要的时候，必须打断他们，问问他们刚才为什么做一些我们认为奇怪的事情。只要耐得住性子，你一定会发现许多甚至连他们自己都不知道的秘密。 在整个“猥”服私巡的过程中(我承认偷窥是件猥琐的事情……)，我渐渐给定了一些指导方针。无论如何，没有这样的指导方针萦绕在我脑里，就不可能达到今天的成果……好吧，我承认我在为各位洗脑： 小二(用户)：他们的工作方式、工作环境 要做符合他们的心智模型的产品。将技术层面的东西尽量向用户透明化。 例如，我们有个功能是可以使用HTML和TMS模板语言直接创建完全自由的页面而非由模块搭建的页面。在之前，是需要小二在文档的帮助下撰写大量冗余的代码并修改HTML结构，才能上传页面。经过改进之后，可以在安装有TMS插件（我称之为“他妈梦”）的Dreamweaver视图界面下可视地插入TMS模板代码，然后直接粘贴到TMS上。相当于一个不懂HTML代码的用户也可以完全创造一个非模块搭建的页面。 为单一浏览器优化。(注意：是“优化”，不是只支持一个浏览器。)非常好，我们有理由利用Firefox的特性：例如：插件、CSS3等来优化TMS。 Tips:改变办公环境——网页标题 融入用户 站在他旁边看着他们做。我常常花半天时间与他们沟通，或者“偷窥”。 和他们一起做。甚至，我也作为运营的一分子，和他们做同样的事。 这个是人种学研究里常用的一项。 经常去感受用户的痛苦，激起优化用户体验的小宇宙。 对得起人民的信任 恩，事实上就该对得起人民的信任。 勇于创新 创新挺好，如果创新成功了，那么极大得提高用户体验。如果创新失败了，那么就再创新。TMS有许多有趣的小产品，这些东西在淘宝其他项目看来，就像是成熟的男人看到穿着奇装异服的青春期叛逆少年。TMS有自己的Firefox插件——为了更快地直接编辑线上页面；有上面介绍过的Dreamweaver插件；每次打开TMS页面，标题上总会有不同的警句让大家看到生命的曙光；还有用Excel写的小程序等等……值得一提的是TMS可以直接从Excel导入内容到页面上，这玩意儿节省了80%的页面更新时间——我从来没有想过CMS有了这个功能将这么有效。 考虑未来 我们必须考虑现在同时考虑未来，否则，系统愈加膨胀，你会处处碰壁。 总之，“设计出满足我们用户需求的，同时让他们爽的产品”是对以上的总结 :) 三、一个重要的误区 常听人说“反正是内部系统，到时候培训一下就好了”。然而，只要让他们看着用户使用一下自己的产品，他们就能感受到莫大的痛苦了。正所谓我前面所说的“经常去感受用户的痛苦，激起优化用户体验的小宇宙。”我们应当利用“内部”系统优势而不滥用“内部”系统优势。所谓“培训一下就好”这种想法不是偷懒就是承认自己无法解决问题。一个用户友好的软件应当尽力减少用户的认识负担，并发挥人和机器的各自的优势。人擅长创造，擅长思考，机器擅长重复，擅长被指挥做“无趣”的事情。 四、The End RT. The End. 本期采茶人： 小何老师(Helicopter in the air) 包总(OM19's Time) 如您有英文阅读习惯，不妨来做采茶人。 采茶请联系 jizhen.bao囧gmail.com 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/ 最近越来越多在博客上写些UX相关的内容作为分享，就涉及到跟普通博文不一样的文章建构问题。文章内容固然很重要，但排版、组织也是提高可读性和用户体验的关键呢。于是乎在比较著名的几个UX博客/网站上找了些值得学习的地方。 一、开篇 如果你的文章内容较长，开篇给出一个小总结、简介或内容纲要是不错的做法。 图1：Nielson的文章全部一个板式，开首必不可少Summary 图2：Smashing Magazine的文章，一开始除了有内容简介，还会摆出相关文章。   图3：A List Apart的文章一开头肯定在简介旁边配图，风格跟纽约时报很像   图4：很长的文章，像Usability Post这篇文章这样给个纲要比较好呢，还能帮助直接跳转。 二、正文  1. 标题的样式 这是首要解决的问题，因为标题是表示文章层次结构的最佳手段。可以通过调整字体颜色、大小，加入分割线等来实现。好的CSS是一劳永逸的基础哦~~~ 图5：UX Booth用不同的字体颜色、大小表示层及关系   图6：Smashing Magazine 优雅的二级标题，以及一级标题的分割线   2. 图片 好的图片能让文章增色不少，必须是读图时代嘛。贴图，也有点儿学问哦～～ 图7：UX Matters的文章，图题都在上方，且有清晰的标识   图8：除了图题还有说明文字？可参考下图做法 图9：用框线将图题与图片装在一起也不错，不过比较花功夫吧   除了做好图题，保持全文图表对齐的一致也是值得参考的做法。 另外，在文章开始以图表意（如图3所示），也是添加趣味性的做法哦 图10：Johnny Holland Magazine上的文章，开始都是一幅图   3. 引用 我发现这是国外UX博文蛮常见的做法呢。中间穿插一些引用，可以适当减低长篇阅读的疲乏感哦！ 图11：A List Apart文章中的引用 图12：UX Matters文章中的豆腐块引用很经典。有时候只看豆腐块就够了   图13：引用让累牍有喘息的机会   4. 其他 行与行之间的留白、恰当使用编号列表都是提高博文可用性的重要手段。另外，Nielson还有爱用的一招是加粗关键字，也不妨学习学习。 图14：Nielson自己的研究表明，人们阅读网络文献都是跳着挑字眼看的   三、结束部分 对于长文来说，给出个小结总是必要的。除此之外，“延伸阅读”是一篇好的UX博文应有的部分，让你的读者可以按图索骥。如果有参考其他文章，请给出“参考文献”部分，为你文章的专业程度加分~~~ 图15：Smashing Magazine上的延伸阅读     图16：UX Booth上的延伸阅读 图17：良好的参考文献   总而言之…… 以上几点不是什么八股的东西，毕竟文章个性很重要。不过作为本身研究UX的人，多多考虑读者的用户体验嘛，也是应该哈。当然，最最重要的，还是内容本身。 P.S. 其实写完发现本文的可读性也比较有问题，鉴于时间关系，请多包涵 本期采茶人： 小何老师(Helicopter in the air) 如您有英文阅读习惯，不妨来做采茶人。 采茶请联系 jizhen.bao囧gmail.com   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/ 09年的春天，比以往来得更晚一些 但是，就在这个时候， 春天的脚步我们才刚刚闻得到～ 换新装啦～ 感谢孙总做的皮肤还有我自己写的CSS :) 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/ 规条啊，诫律啊，法则啊，都是让人讨厌的条条框框，殿堂级的人物总爱说这些没有任何直接指导意义的话。可是读一遍德国工业设计大师Dieter Rams的十条大律 ，无不掷地有声啊~~~ 换个角度想想，规条、诫律、法则，诸如此类，不应是设计师的紧箍咒，而是内在的气质修为。我修，我修，我修！-_-; 好设计是创新的 创新恒久远，山寨不流传 好设计让产品有用 非可用勿扰 好设计有美感 美感很重要，懂得审美也很重要 好设计有助于产品的传达 让产品会说话 好设计无障 留点空间给用户 好设计是诚实的 吹嘘，越吹越虚 好设计是持久的 美感很重要，懂得审美也很重要 好设计追求细节 成也细节，败也细节 好设计关注环境 拒绝垃圾，实体或像素的 好设计是极简的 无，极 呃，貌似这次的稿件写得高大空……为了弥补云里雾里的读者朋友们，送上一篇与Dieter Rams相关的实在的文章 1960s Braun Products Hold the Secrets to Apple's Future 文中比较了苹果产品与60年代Braun产品的相似之处，有趣哈！ 本期采茶人： 小何老师(Helicopter in the air) 如您有英文阅读习惯，不妨来做采茶人。 http://www.uxstudy.com/2009/03/24/good-design-in-ten-commandments/ 产品设计人员往往长期处于一种对话的状态。 首先是跟自己对话：我的想法是否正确？还有没有漏掉的地方？各个部分有什么关系？然后是跟UI设计、跟研发、跟boss、跟投资人……对话…… “我是这样设计的……”“我的意思是……” 一个简单的原型是一种非常好的表达方式，“我是这样想的，你看……”。这里要说的，就是一个很酷的工具。 Axure无论在制作效率还是最后的原型效果，以及文档导出等方面做到了非常杰出的程度。毫无疑问是完整web产品前期设计的首选。但是如果你只是要花草图，不需要对交互进行表现的话，还有很多工具可以选择，诸如Pencil Project （竟是一个firefox插件）这样的小工具，画简单的界面是小case了。不过还是不如Balsamiq Mockups这样让人眼前一亮： 我个人是涂鸦狂，所以很喜欢这种风格。 如果仅仅只是做出来的效果酷，我就不推荐了。Balsamiq Mockups制作页面效果过程如最终效果一般让人愉悦。 Balsamiq Mokups是用Flex和Air实现的，在Mac OS, Linux和Windows下都能使用，有桌面版本、Confluence，JIRA，和XWiki中的版本。主界面非常简单： 元素的内容修正也异常简单，下面的界面就是修改右侧的tab： 元素的属性修改也非常简单，注意右下脚的属性编辑框： 简单画了个twitter的页面，大概三五分钟就能搞定： 有人提到不能输入中文的问题，很简单：在Mockups的菜单里选择 View -> Use System Font 就可以了。 该软件的桌面版售价78美刀。作者意大利人Peldi说这款软件的设计就是用它自己来设计的，满足自己的需求。而在经济寒冷的2008年，从1,322位付费用户那获得了162,302美元的收入（其中12月份就有39,000美元），这充分说明： 1. 产品有自己的特色和正确的价值，就一定能有自己不菲的价值。 2.如果出于兴趣想自己做一个产品，不妨首先考虑下解决自己亲身遇到的某些问题，服务好自己其实也不容易。 （本文大部分内容来自主任前两天的另一篇blog） http://www.uxstudy.com/2009/03/03/tools-of-expression/