Revealing Design Treasures From The Amazon

去年年底我通过http://web.archive.org/ 、Flickr、Google images search等网站回顾了Youtube网站自建立以来的导航，试图通过这些导航的演化试图摸出其历史脉络，看出导航的趋势。今年首页改版的过程，和几位同事在探讨导航这件事，我又想起了YouTube的导航演进，放在这里做个存档。
2005年4月，youtube刚刚上线时候的样子：

2005年6月，首页就像google一样：

2005年7月，在搜索框下有一条和我相关的链接：

2005年8月，再次使用了标签导航：

2005年9月，标签名称简洁清晰，并加入了channels：

2006年1月，导航开始臃肿了：

2006年3月，用更宽的网页试图解决更多的tab：

2006年9月，圆角改成方型，据说是为了提高加载速度：

2006年12月，导航精简回4个Tab，Groups改为Community（注，同年10月，youtube已被google收购）：

2007年6月，搜索框自06年初后再次移动到tab导航下方，位于页面中间。

2008年12月，取消了tab式的首页。

2009年3月，飞机稿：

2009年7月，尝试更简洁的首页，更加突出搜索，使用了链接导航。

2009年11月，今天的youtube的模样，取消了music这个链接导航。

在前一家公司工作的时候，其中有一场演讲的幻灯片”绚烂”到令我如坐针毡，一直记到今天。在那场对外的演讲中，演讲者的幻灯片开篇就是一架飞机插画在画面上方上翻了个跟斗，随后画面下方涌出一系列的小器物，后续幻灯片中，无数的动画反复出现，快令我生呕，至今想来其恶俗的动画全然让我忘记了那场演讲的题目。
上周，有幸聆听了蔡学镛的精彩演讲《尼古丁+咖啡因——不瞌睡的简报设计模式》，心中回忆起上述的差劲案例，我不得不说：每个与听众传达内容的机会，都是一个人个性、品质的体现，关注幻灯片的用户体验就是在打造你的个人品牌。透过蔡学镛的演讲和《演说之禅》，沿用“材料、结构、修饰”三要素，我梳理下自己对幻灯片用户体验的体会。
尼古丁加咖啡因,不瞌睡的简报設計模式 (Caffeine+Nicotine)
1.材料
材料是指幻灯片的内容。尽量做到针对听众目标，通过精简的内容，在短时间内让听众清晰地理解。
永远把用户（听众）放在第一位考虑，以交谈的思维去考虑听众是否理解了你的主题。在准备材料之前，可以先问问自己今天听我演讲的人是谁？他们有什么学科背景？他们能不能听懂一些术语呢？有时，我很熟悉今天的目标听众，但有时，我可能在前一天还不知道听众的水平怎么样，如果这样的话，我会先看看签到的名单中职位这一栏，或者在演讲前的热身阶段了解下听众的背景，通过控制各部分的时间来及时调整幻灯片的重点信息。
将听众想像成非常聪明，但非常忙碌的人。Alan Cooper在交互设计书籍《About face》第三章中的一条定律，同样适用于幻灯片的准备过程。蔡学镛说“大多数简报应该删除50%以上的内容”，没错，在开始写前，就应该先问问自己聪明的听众想从我这里获得什么，如果有一条中心思想，那么它是什么。5分钟演讲是一种很好的锻炼，我上周第一次实践，还试图尝试5分钟即兴演讲，发觉这种方式太难了，但确实很锻炼人，如果您能有这样的机会，那么不妨多多尝试。
设计就是讲故事。如果你正准备演讲，请务必要加入一个独特的故事，故事不仅仅能把人们带进讲述者的世界，理解他的思想，还可以感染听众，内容令人回味更久。讲故事的精彩案例，某过于柴静在首都女记协比赛上的演讲（下面是视频）——“七年前，我问过一个老人，我说你的一生也经历了很多的挫折，你靠什么来保持你年轻时候的情怀，他跟我讲有一年他去河北视察，没有走当地安排的路线，然后他在路边发现了一个老农民，旁边放了一副棺材，他就下车去看，那个老农民因为太穷了，没钱治病，就把自己的棺材板拿出来卖。这个老人就给了他五百块钱让他回家，他说我给你讲这个故事的目的是告诉你，中国大地上的事情是无穷无尽的，不要在乎一城一池的得失，要执着。这个人叫温家宝，中华人民共和国总理。” 有时一系列的故事比幻灯片还要重要，经过良好设计的幻灯片是一种辅助，可以帮助听众形成更好的画面感。

2.结构
结构是指幻灯片的组织构成。
结构是让用户更好地理解而非记住。如果网站的导航设计良好，请他通过导航找到相应的内容是比较容易的，但是请他记住所有导航就不那么容易了，更难的是请他理解每个导航之间的关系。幻灯片也是一样，不要试图让听众理解你的结构，因此保持简单的链式结构，而非树形结构是非常理智的选择。
用总结比大纲更好。蔡的演讲中提到的这一点，很令我感到意外，因为自己总是先从大纲开始的。但考虑下听众的感受，大部分情况下不用大纲是非常正确的选择，乔布斯的演讲就从不会使用大纲，这样既会失去些许神秘感，也实无让听众理解结构的必要。我的建议是可根据实际情况选择大纲，幻灯片的每一页都应该有它的使命。
3.修饰
修饰是指为幻灯片选择最恰当的图片，以及对整体的设计。
达到简单的最简单方法，就是用心割舍。与公司的资深设计师飞飞聊天，她说做一个像韩国网站那种“缤纷”页面是容易的，有一定的模式可以保证不会做得太差，但是做得像美国网站那么简单却是最难的，简单中总会透出美来。古代有个叫南泉的高僧曾说过，佛心即是“平常心”，别无他物，这种境界是非常难的。蔡学镛所讲的幻灯片是他花费了今年十一总共八天的假期所完成的，每一张图片都是他用心选择的。就拿封面而言，他就讲到了灵感来源于郭靖的对话、寻找众多香烟的图片、考虑咖啡的角度和位置、主副标题的思考等种种修饰因素，才最终构成了现在所看到的封面。
通过设计调动用户的注意力。蔡学镛在演讲中举了这么一个例子，他为什么在一张图上用了多种颜色区域呢，他是想在演讲中说“绿色区域是……”，而不用直接说出该区域的名称，这样带来的好处是，听众可能刚刚还在低头抄写笔记呢，但听到“绿色的区域是……”会自然而然地抬起头来，从而抓住了听众的注意力。看，无论如何从听众的行为甚至场景处考虑，你都可以设计出一种抓住人心的体验。更重要的是，能否从用户开始考虑，是进行更好地进行设计的前提。
总结
你也许听过无数的幻灯片设计修改建议，看过了上百条的幻灯片设计准则。时而面临矛盾和困惑的时候，不妨从用户体验的角度来思考幻灯片的准备和设计，永远从你的听众开始考虑，相信过不了多久你会比我做得更好！
最后，附送一张Daniel Pink在《全新思维》中的图片，尝试着运用这些技巧吧：

延伸阅读：
开讲吧，设计师们

Luke Lebrowski在2009年Yahoo主页改版中提到了取自建筑的Parti原则，并提出了设计三明治理论（如上图）。

Parti是一切的根基和核心，要像拥戴宗教一样坚持你的设计Parti，你的所有设计决策都应该能够支持你的Parti，以实现整体设计(holistic design)
设计原则是对Parti的细化，作用是对设计决策进行过滤，排除那些有悖原则的想法
设计模式、最佳范例和用户测试，能引导设计师找到最佳解决方案
设计师应考虑各种机会和限制：技术的、商业情景的、受众的……等等。

更多对此图的解释，请看晓荷的文章《UE学习笔记：Let’s have a Parti》

M P Ranjan是印度国立设计学院的设计教授，他早年提出了新生代设计师应该具备的能力中，提到了核心的三点：知识基础、认知基础和技能基础，同时这三项能力是相互循环往复的，只有通过知识和发现能力的积累，才能进行更深入地思考，之后还要加上卓越的动手能力，才能更好地理解设计。

这是Bill Moggridge 在《Designing interaction》中将设计主要分为了六个层次，越往上层次越高。
1 Anthropometrics：基于人体测量学的设计。
2 Physiology：基于生理学的设计。
3 Psychology：基于心理学的设计。
4 Sociology：基于社会学的设计。
5 Anthropology：基于人类学的设计。
6 Ecology：基于生态学的设计。

原文地址：http://www.boxesandarrows.com/view/four-key-principles
本文作者：Dakota Reese Brown，此前在乔治亚理工学院的技术组担任手机的用户体验研究员，具备两年工作经验。此文仅为摘译，如果有错译之处，敬请指正。
他提出的4项原则并不一定是完整的或是完全权威的，他只希望通过调查结果的总结利于促进更多地对话，并建立共识。
原则 1：用户和手机具有亲密的关系。
虽然个人与手机之间的关系可能似乎是被赋予的，但这种亲密关系的深度可能比最初设想得要深。 想象一下，炎炎夏日，有人问你是否可以借用手机拨打电话，你会递过去吗？ 什么样的信任会触发这样的简单动作呢？考虑一下你周围的人，有多少人你会毫不犹豫地把手机递过去呢？
在你的社交圈，拒绝这样的要求难道不是可被接受的吗？假设此人是很尊重你的手机和手机里的个人资料。但是通话结束后，你会发现，它已经积攒了很多粘粘的汗液，这在夏日是很平常的。
从粘稠的物理表层到数据隐私安全层面，都标志着手机与人具有密切的联系。我是我的手机， 我的手机就是我。
原则 2：屏幕尺寸意味着用户的状态。
假设你一直期待着看某部大片，电影上映那一天你来到了当地最大的电影院。比方说，当你坐下的时候，你发现邻座的笑声非常可怕，而你又无处可坐了，这部片子你都盼了一年了，那么你宁可放弃这样的体验而离开影院吗？我想根本不会有人这么做的。
如果场景换一下，你和朋友在家里通过52英寸的大屏幕观看的时候，你身边坐了一位这么个恼人的家伙呢？也许仍不太可能。如果是在大学宿舍，观看着22英寸的电脑屏幕呢？你放弃的可能性会增加了。那么若是3.5英寸的屏幕呢？
虽然有一些社会和环境因素会影响上述体验情节中用户的放弃率，但始终可以通过他们的参与度，评估不同的屏幕尺寸对用户体验水平的影响。由于移动设备在用户体验中可能算是最小的屏幕，手机的体验设计必须能适应用户分散的注意力。
原则 3：手机界面可能会被截断（truncated）。
最可怕的任务，莫过于从老手机向新买的手机导入数据。在前几年，你或许需要通过12键的键盘费力地输入所有联系人。近年来，Palm手机通过全尺寸的键盘能够让用户方便地输入数据。事实上，同步的概念已经无所不在，移动计算领域，网络身份的同步是谷歌Android操作系统的核心支柱。
即使搭配了小型的全尺寸键盘， 越来越成为所有移动设备的标准功能，但是手机的界面依旧是被截断的，用它能够很好地操作数据，但不是输入数据。 无论如何，数据输入不太可能成为手机设备上很舒服的行为。
原则 4：为移动平台设计。
4.1.语音
曾经语音是最原始的手机平台，但在未来它也是最含糊不清的平台。 人们总是需要偶尔打电话。但频率在下降。为什么？电话语音相比其他交互方法已经很难被优化。例如，大多数银行都提供电话银行和网上帐户访问。你一般更多地选用哪个方式呢？你真的愿意打过去，等待5分钟，然后口述任务，还是更愿意使用 图形界面这样做？
4.2.消息
绝大部分短信流量由小团体的社交行为构成。第二多的流量是简单的任务，如投票、参赛、收到通知等。在这两种情况下，都不是以堆砌的内容为主。
4.3.互联网
互联网是最具争议性的移动平台。 目前，几乎95％的互联网用户都是通过1024 × 768或更高分辨率的显示屏来访问网站。但手机显示屏一般在60 × 120和480 × 320范围之内，大多数基于互联网的体验不是为手机用户设计的。
随着基于互联网的移动体验变得更以设备为中心和越来越复杂，人们已开始创建类似的手机应用，从而创造一种情景，用户在应用程序中能具有以互联网为基础的体验。尽管应用程序可以使用诸如传感器、特别网络、光学元件等，而基于互联网的体验则不能。因此，管理用户的体验很重要，如果一个体验看上去像是应用程序的行为，那么它就应该是一个应用程序——反之亦然。
4.4.应用程序
从技术角度来看，应用程序代表执行在特定的手机环境，有选择性的安装，并且获得该设备的所有的功能。 然而，从用户体验的角度来看，他们代表了一个专门的交互设计，满足富裕、高端、有针对性的移动用户群。
2年前，在移动设备上安装应用程序还需要一些技能。 但近来，随着“app stores”的迅猛发展，这个任务已变得更方便。 但综合考虑，手机应用软件的仍是小众的热情所构成的。对于那些想用、并知道如何用应用程序的小众来说，手机应用程序是个强大的工具。
结论
就目前而言，手机用户体验的对话应该集中于高层次的原则，而不仅仅是战术的细节。
作为手机的用户体验设计师，在我们面前同时面临着机会和选择。 其机会是指，在体验领域建立稳定的基础原则。其选择既因为它是今日的潮流而令人心情激荡，也是因为我在追求、建立、并实施基础原则。

今年作为面试官参加了公司的几场校园招聘活动，紧张而忙碌地修改试卷、轮番面试，相信HR的同事一定比我还要累。前几天，月见找我聊天，询问关于职业规划这个话题。虽然我的工作经验也并不十分丰富，不过我自已以前有过零零星星的想法，一直没有写下，今天就尝试写点什么吧。
1.首先你必须找到你所喜欢的东西。” 工作上是如此, 对情侣也是如此. 你的工作将占据你生命中大半个人生, 唯一能真正获得满足的方法是做你认为伟大的工作, 而唯一能做伟大的工作的方法是喜爱你做的事。” ——史蒂夫·乔布斯在2005年哈佛毕业典礼的演讲。这篇演讲给我的影响非常之深，以至于我有段时候可以背下来大部分内容。是的，找到自己所爱的事物是通向未来的第一步，也许这一步并不一定到毕业时才想清楚，但是我希望每个人都能通过思考自己的技能和兴趣，用笔把真正所爱的东西写下来，更早地思考自己究竟喜欢做什么。有一篇文章叫《怎样知道你喜欢做什么》，具体谈到寻找的方法，推荐读一读。
有面试的学生与我对话时，提到了“我很倾向于做网络这一行，因为这几年网络的发展很不错，我很看好……”，嗯，但我在这段对话中，从他的声音和表情看不出真正的喜爱之情。我一般都会追问：“你究竟喜欢网络的哪个领域？”“每个行业都有兴衰，网络领域也一样，你会信仰多少年？”“那么你最早接触网络是在什么时候？是为什么？”我非常希望能听到俞军那样的简历故事，很可惜这样的案例我还没有碰到。
2.考虑4点因素：行业、城市、领域、公司与团队。
2.1.行业（互联网）
我讲讲自己是怎么认识到互联网的价值的：我虽然接触网络的时间比较早，但早期一直把它当作资料库对待，第一次认识到网络的力量，是在2001年的4月30日那一天。了解红客联盟的朋友一定还记得那天的中美黑客大战，我有幸目睹并参与了此次战役，那天晚上一直泡在网络上激动得一晚没睡，不是因为爱国的荷尔蒙，也不是因为黑客攻击的刺激，而是我那天真正目睹了网络的能量，它可以把人们的心聚拢在一起，并可能冲破任何物理东西的阻碍，这是我以前狭小的视野中未曾预见的。
两天之前，杰克·琼斯一家店铺在淘宝网实现了一天销售500万的记录，我看到当天的战报从100万、200万……一直冲到500万的 过程，那一封封的喜讯战报，只有亲历了该战役的人们才能体会到个中滋味，我又有一种返回黑客大战中的激情。我坚信网络在未来会让更多的人瞠目结舌。
东宝在《给应届毕业生的一些话》中，很好地谈起了互联网是快速发展的行业，而且前景令人激动。是的，我也想说，如果你内心中确实喜欢新鲜的事物，乐于接受挑战，确信自己能够通过技术改变这个世界，那么为什么不选择互联网行业呢？
2.2.城市（杭州）
选择城市之前，先考虑城市附近的经济圈，不同的经济圈都有各自强势的行业分布。之所以先选择经济圈，是因为我认为未来的中国城市竞争将是区域之间的竞争，每个城市的能量毕竟有限，所以才会提出“广佛同城”、“沪宁杭铁三角”、“大沈阳经济圈”等等区域概念。
如果你也同我一样选择了互联网行业，其实最优秀的三个区域已定：京津唐、长三角和珠三角。各个区域各有所长，我仅仅从个人角度从2点谈谈为何倾向于长三角地区，是看好它更长远的未来。1）整体格局而言，在京津唐地区的互联网产业还是过于集中在北京一地，周边也缺少制造基地；珠三角地区略比长三角范围要小，还是集中于广东一省，张五常曾写过一篇《与长三角斗，珠三角败局已成》，虽玄妙还是有道理的。2）人才输送来讲，我们在校园招聘笔试的过程中感受很明显，北京集合中国最好的人才库，长三角地区次之。
确定了经济圈之后，那么在选择城市上就因人而异了。你如果问过了自己究竟喜欢什么，那么一定形成了自己不可动摇的价值观，比如我的价值观中就有2点：不伤害自己和他人的健康、因设计而通向民主（黑川雅之）。我遵循着自己内心这两条声音而选择了杭州。
我还要不遗余力地再次推崇杭州这座城市。它是天则经济研究所评选的“公共治理水平最佳城市”，它是福布斯评选的中国大陆“最佳商业城市榜”连续6年位居前5位的城市，它还是市民眼中的最具幸福感的城市，整洁而安全。
或许你听说了09年5月份杭州发生的飙车70码的悲剧，但事情发生之后没有让我产生对城市的厌恶感，其后有两件事情反而让我更加喜欢杭州了。第一件事，悲剧发生之后，有很多浙大的学弟学妹主动走到了事故发生地，连续好几天举着蜡烛默默为逝者祝福，我乘车经过时很感动，虽然他们与逝者不一定相识，但这里没有更多的冲突，没有冷漠的人情，市民自发组织得非常好。第二件事，前一个月汽车撞电动车的事故就发生在离公司不远的地方，当我在twitter看到了消息不久之后，在下班途中就听到了交通之声广播在第一时间直播事情的进展，幸好当事人并无生命危险，相信当事故很快地曝光在媒体之下，每位市民都会感觉到强烈的安全感，我也确实从中看到了城市公共管理水平的进步。
2.3.领域（电子商务）
除非你选择专业的技术性很强，可以跨域多个领域，否则对于大多数通用的专业而言，选择某个领域即可能意味着很长时间你将投身于此。比如互联网这个行业就包含了很多领域：如搜索、即时聊天工具、游戏、电子商务等等，有时候选择某个领域可能比选择行业还要重要，比如有的人曾经是咨询公司研究电子商务的专家，那么他在互联网电子商务的转身上可能比做了几年互联网游戏的人更加容易。
那么你怎么判断某个领域未来的发展状况呢？这很难预测，但有信息可以辅助你判断，比如在互联网，我推荐使用Google trends这个工具，你可以把某几个领域的关键词输入进去，进行粗略对比。通过Google尝试搜索相关的词，你可以找到这个领域的市场容量是否饱和、发展速度、利润率等相关数据。但要记得，数据只能帮助你判断决定，而不是拿这些数据作出决定。很多时候，看似已经饱和的市场其实还有很多机会，比如如家酒店的例子。
电子商务是最近几年互联网的热点行业，以淘宝网为例，2006交易额仅有169亿，2007年交易额突破430亿，2008年交易额接近1000亿，你可以想象这个市场的发展状态。下图选自艾瑞在2009年Q2发布的报告。

2.4.公司与团队
杰克韦尔奇在《赢》中谈到GE公司的一个观点，如果它们的某个子公司做不到某个领域的第一第二名，他就会把这个子公司砍掉。给我的启示就是选择工作时（当然创业者除外），最好能选择某个领域第一流的公司，它具有不可比拟的优势。
相比公司我还是更看重团队一点，如果你能选择对公司经营而言重要的团队，且在国内同行中数一数二的团队，那就太棒了。
《UX梦之队》曾经谈到专家和多面手：“衡量UX（用户体验）团队是否高效的一个标志是团队成员技能的完整性。至于个体的角色扮演则是次要的——一个拥有多面手的团队显然要比只拥有专家的团队更灵活机动。当部门或者团队的经济环境允许时，专家会非常用。而且，专家也拥有一般常识，他们可以灵活高效地和团队其他成员相互配合。”
用心寻找一个拥有努力打造梦之队的教练和努力向上的队员组成的团队吧。
3.规划更长久的人生。
红杉投资的瓦伦坦有一句名言“下注于赛道，而非赛手”，我引申理解为：当你通过以上几点的判断，选择了一条正确的道路时，会更容易比别人领先几个车位。所以，每个人都应该选择最好的赛道，即使有的赛道近期看起来充满了泥泞，但是它前方的道路如果更加旷阔而充满了别致的景色，那么为什么不及早踏上这个旅程呢？
4.最后一点忠告
尽量少问招聘官，你还需要在哪里进步。与那些值得信任的人建立良好的关系，他们会给你更多的指导。
Eric Schmidt，Google全球主席兼CEO讲过这样一个例子：“2001年John Doerr对我说，我对你的建议是，你需要找一个教练。我当时很愤怒，因为我已经是CEO了，还需要别人教我做什么？后来我才明白，这个教练并不是教我怎么做，而是当我和别人发生争论时，他能够看得更远，从另一个角度出发，给我提供宝贵的建议。”
我收到了很多刚刚面试过这个岗位的学生邮件，其中最有意思的莫过于这封信，他想了解自己还有哪方面欠缺，并不惧怕给他一些压力——“我已经很多打击的。最坏的就是我在网上做个问卷，很多女生非说我气质欠佳！这种打击我都接受了，而且现在也在修炼气质，就是装冷酷~”如果你的朋友、父母都没有给你过忠告，那么我怎么通过仅仅半个小时的面试就给出最佳的忠告呢？
========
我无意把这篇文章当作对公司或这个行业的宣传，只是通过展示我的思考过程来说明该如何判断的。昨天，学校的书记来杭州，谈起了毕业生的迷茫，我想自己毕业的时候也有很多相似的困惑，但彼时我确实想清楚了自己到底喜欢什么，并遵循内心去做，目前回想起来这或许是当时最幸运的一件事。
========
注释：

公共治理水平最佳城市：得分高，意味着地方鼓励公众积极参与，并通过不同群体之间的协商对话来管理公共事务的水平也越高；
中国大陆最佳商业城市：在该排行上清楚地表明了几大城市在人才指数、城市规模指数、经营成本指数、消费力指数、经济活力指数、创新指数、客运指数及货运指数等8大项具体的指标，选择城市时它是个很好的参考数据。