KK-KWANG'S BLOG

随着数字产品产量的激增，包括了电脑、桌面应用程序、基于网络的应用程序，另外还有移动及嵌入式装置等等，用户对这些产品的用户体验(UX – User Experience)的质量决定了它们的成功与否。想要对非技术性的用户打造一个具有生命力，娱乐性及商业性的应用程序，一个简单易用的界面更是必不可少的。
在商业软件王国里，越来越多的订单是通过‘验证性的’演示来赢得的。顾客在不同的互相竞争的软件公司在不同的产品演示室之间参观比较，希望能够找到合适的合作伙伴。虽然很多开发商业软件的公司都把用户界面设计及其可用性的开发看作很重要的一个环节，但还是有很多仍然未把它列入整个软件的开发周期中。典型的看法是，产品的市场营销和工程方面的需求仍然比来自用户的需求要更加重要。其实大多数的开发公司都知道他们的电子产品需要一个好的用户界面而这点又需要一些专门的用户体验设计(UX) 的专家来负责，但实际上他们并不知道如何高效的使用这些专家。他们总是将用户界面设计和可用性研究这两样活动看作是强化产品在视觉上的吸引力，以及借着可用性测试，在单独的网页或对话框里寻找错误或可用问题等等。在这方面上，设计部的主管需要通过一些加强沟通，确定主次及合作的目标设定等方法和过程来改变这种看法。
相反的，消费产品生产商则较为注重在产品的工业化设计和建立品牌等两方面上采用传统的设计管理方针。所谓设计管理，基本上，是指令产品的设计融入到公司文化的过程和生产出优良设计的承诺。这些生产商积极地将他们的研究方向、产品管理和市场架构等与产品的设计组织整合在一起，因为产品设计与品牌密不可分。他们通常把产品设计及定义的阶段从施工和投产的阶段里分离出来。产品设计的大部分在产品正式投产之前一年或以上，已经完成甚至连测试都完全通过了。
在软件开发过程中，比较多的情况是，在产品开发阶段开始前只有一部分的设计工作是完成了的，产品的设计在开发和测试阶段还会不断的变化。这正是所谓的“一边开飞机一边造飞机”的含义。虽然很多人把这看作是软件开发过程不可避免的事，但我们却坚持这种开发手法实际上是无效率的、高成本的；并且可以说，所开发出来的是具有不成系统的用户界面的低质产品。
一个成功的用户界面设计需要以下几点：
*** 掌握跨学科学问的产品开发团队；
*** 能够在管理、市场与开发之间沟通斡旋并成功的对设计事务提出好的解决方案的设计师；
*** 能够由始至终地带领产品生产团队的设计师。
在一些研讨会上，UX专家通常只会听一些关于以用户为中心的设计过程，或只是怎样为一个特别的产品进行设计甚至对其一个特性的设计，但很少有人会注意到怎样推动促进在产品开发周期里对设计管理的包含以及怎样才能成功地制造出完美设计的产品。

问：问题到底出自哪里呢？
答：答案很简单，就是人才，人才，还是人才。做出优良的设计工作实际上是软件用户界面设计过程中的较为简单的部分。因为实际上，人才市场上有很多高技术的、受过高等教育的以及具足够经验的设计师和可用性研究工程师，他们精通做出一个完美设计的道理以及测试的方法，熟悉良好的设计步骤。
然而，真正的挑战在于怎样将他们的设计在产品中实现。很多设计师都习惯于稳步前进，只试图尝试解决眼前所遇到的设计上的难题，最后当别人不接受他们的工作时，感到非常沮丧。为了让我们的设计得到别人的认同，我们实际上需要参与公司内其他人的工作，与别人一起合作。要实现这一点很不容易。想想有多人与产品设计的成功有关：最明显的，当然是用户界面设计师和可用性研究工程师，其实还有拥有产品的总监、决定产品特色的产品经理、编写产品源代码的开发员、直接与顾客接触的销售员、以及对产品线，甚至整个公司的成功直接负责的经理们。

谁是用户？
以上的这些群体都认为他们自己了解用户，他们也确实都从自身的角度了解用户。用户界面设计师和可用性工程师通过用户研究和可用性活动，与用户直接接触来理解他们的用户。开发经理们认为他们知道用户需求，因为他们认为自己经过了多年的产品支持的经验已经累积了大量的该领域的知识。那些产品经理和销售人员觉得他们也都很清楚他们的用户，因为他们直接收到来自顾客的反馈意见。而那些主管经理们认为自己了解用户，因为他们知道什么因素能达成或中止交易，并且他们要对公司的可持续健康发展负责。
当然，以上所有对用户的不同观点都可能在理解上存有大量的潜在性的错误。依据典型的可用性研究方法，UX专家和可用性研究的专家们，招募能够代表该产品的使用者的典型用户来进行相当长时间的调查研究。因此，他们充满自信地认为自己能够得到产品用户的一些具代表性的数据。产品经理和销售人员直接与消费者接触，而那些消费者通常是为了其它人来购买计算机软件的，对软件的技术需求和价格的考虑超过了对用户体验的考虑。最后，开发者和主管认为自己对产品有一个很高资格的拥有权并把自己看作是它的典型的使用者。
虽然每种观点从自己的出发点来看都是正确的，但当把这些人聚集在一间屋子里来讨论用户对产品的需要时，每个人都是从自己的特定角度来出发。他们经常让用户的名字变得没有意义！对于用户是谁缺少一致的概念，也认识不到产品拥有大量的观众。产品团队应该考虑每个群体的需求，不忽视任何其他人的需求。

设计什么？
另外一个挑战是要明白软件设计的背景以及在组织里的开发步骤。在产品生产团队里UX 专家可以完全按照以用户为中心的设计流程，但是要让这个过程以及它的最终设计结果整个被接受就完全是另一码事了。通常，在软件开发公司里，只有UX专家们进行用户为中心的设计，伴随着部分来自理解他们的产品经理和开发人员的帮助。在这种情况下，以用户为中心的设计方案并不是产品开发和发布的核心部份。与此相反，在消费类产品公司里，用户为中心的设计方案正越来越被整合到整个产品的开发流程中。

没有权势的影响
另外一个挑战就是组织结构。在软件开发公司里，UX专家组可能来自他们的组织架构中不同的部门。在某些情况下， UX专家是属于负责不同产品的开发部门的工程师；在其他情况下，他们集中在一个队伍里负责不同产品的开发。还有一些情况下，他们是产品市场营销的一部分、或向执行董事的办公室汇报；而在更多情况下，UX的工作会由专门的顾问公司负责。

作者：JoyChan

　《商业周刊》的一篇“How Yahoo! Gave Itself A Face-Lift”(雅虎是如何对它进行“面部整容”的，Justin Hibbard撰写)非常有意思。文中介绍了雅虎公司对yahoo.com首页的改版方案，决定新首页布局的是一个名叫SDS(Strategic Data Solutions，战略数据解决方案)部门的统计数据。

　　SDS部门的前身是一家数据挖掘咨询机构，雅虎在2004年将其收购。该部门专门负责研究用户的访问、点击行为，并从海量的统计中摸准用户的真实心理。根据这篇文章披露的资料，到目前为止，雅虎的用户行为统计数据量足以填满1000个美国国会图书馆。

　　SDS的研究成果对雅虎的页面设计提供了非常直接的建议，比如:

　　1、网民“所声称的”和他们的实际点击行为往往有较大的出入。用户吵着闹着“需要看严肃的国际新闻”，而且常常抱怨:“我不希望我浏览的网页上到处都是Britney Spears的消息，要是我的老板经过时看到了怎么办?”但实际上关注Britney Spears的消息点击率是最高的。

　　这个矛盾的结果让yahoo做出了一个改版决定——保留国际新闻在显著位置，但娱乐版也被放在重要位置。

　　2、用户更喜欢方便，而非简洁。通常的观点会认为网民更偏好于一个简约的首页，但SDS的数据显示网民希望能在一个页面上就看到所有东西，诸如邮箱、即时消息、新闻、专栏等等。

　　马云曾经让雅虎中国的页面变成Google，现在又换成了美国风格，不知道雅虎中国的不断“变脸”是不是也在SDS的数据左右之下。

　　3、有时候页面载入速度过快也是问题所在。雅虎推出的Personal Assistant功能利用AJAX技术实现了“把光标放在图标上就能浏览到其中的内容，比如电子邮件”。本来一个看似非常棒的功能，但结果却并不讨用户的喜欢，SDS分析的结果是——页面载入速度太快。设计团队加入延迟载入之后，问题迎刃而解。

　　无独有偶，上次见李开复的时候，他提到了在微软工作时一个有趣的试验——有些初级网民不会使用关键字，常常输入“去哪找工作啊?”这样啼笑皆非的搜索词，于是他们采用了一个简单的处理方法解决了问题——将文字输入框缩短。这便是用户心理学，和SDS干得事是一样的。

　　不知道国内门户是否有类似的部门(据我所知，多数网站的这一工作，被用户体验部门和应用平台技术部门包办了)，但我想这项工作对任何商业站点都有非常重要的意义。恰好最近网易和奇虎已经完成首页及各频道的改版，而新浪和搜狐也正在对页面进行调整，不知道它们又是凭什么做“Face-Lift”的。

　　言归正传，本文重点是分析国内仿youtube视频网站首页的设计。按照目前这些站点的规模，肯定是都没有SDS部门的了，不过这不妨碍网站的UI设计师们基于各种因素去揣摩用户的喜好。

　　需要提前说明的是:

　　1、本文又将是一篇比较主观的分析，相信同样会得到不少非议。不过古永锵不会再写一篇“SDS是儿戏”的文章吧?优酷这么有钱能去购买张钰的真人版A片来维护“网民的视频知情权”，自然也应该不会吝啬于在站点UI上投资，况且古永锵对yoqoo的用户体验似乎颇有信心。

　　2、古总曾在我的那篇《国内仿youtube视频网站Alexa排名分析》发表后电话询问“怎么不分析一下yoqoo”，本文就加入yoqoo吧。当然，yoqoo已经名声大噪，古总恐怕也不会买这个人情了。

　　一、本次分析的站点

　　我乐网(www.56.com)、Mofile(www.mofile.com)、我秀(www.5show.com)、土豆网(www.tudou.com)、爆米花(www.pomoho.com)、UUME(www.uume.com)、六间房(www.6rooms.com)、优酷(www.yoqoo.com)

　　二、几个有趣的发现

　　1、youtube是所有这些站点的祖师爷，不管怎样，这些站点的首页设计都有youtube痕迹。当然，我并非指责，更不会觉得“抄袭是可耻的”——如果因为百度和Google的脸蛋长得一样，你就否定百度的话，那李彦宏得怄死。

　　2、8家站点中与youtube风格离得最远的是土豆，离得最近的是6rooms和56。土豆在昭示着自己的与众不同，而其它站点只是在youtube基础上的微调。

　　3、8家站点与youtube最大的不同在于，他们几乎都不约而同的在首页推出了人工编辑的“专题”，这实际上是成本决定的——在美国，雇佣编辑成本太大，而在中国，人力资源成本最廉价。

　　4、youtube或许应该学习国内站点的一个通用做法——在视频搜索框旁边放几个诸如“张钰”、“自拍”、“雅阁女”之类的关键词。

　　5、5show和土豆的页面最为清爽简洁，5show的页面风格比较接近传统网站。土豆是唯一一家采用两列式布局的站点，这点跟youtube一样。

　　6、爆米花似乎有点抗不住了，首页放了多达三个Google Adsense广告，应该是8个网站“率先获得收入的”，而其它7个站点的盈利模式恐怕还是两个字——等待。

　三、逐个站点首页设计分析

　　1、我乐网(www.56.com)

　　搜索框的位置应该是8个站点中最易诱导搜索行为的一个站点。此外，值得注意的一个细节是:每当刷新或者切换AJAX TAB之后，首页的推荐视频将会发生变化，这对诱发用户对主页的多次访问有很大帮助，采用类似处理手法的还有mofile。

　　我建议其它站点都将这一处理方法推广，包括youtube。

　　2、Mofile(www.mofile.com)

　　Mofile参考了youtube的方案，在页面顶部加入了类似“Director Videos”的内容，不过整体页面显得有些杂乱，或者说ugly。对仅有链接的视频节目提供了预览功能。

　　3、我秀(www.5show.com)

　　所有8个站点中最注重对原创视频推广的站点，5show似乎更看中本站的造星运动，其页面多数空间都留给了自有视频明星的推荐上，这与其它几个站点的思路有些不同。主菜单的设置也有些另类，将视频节目按照内容进行了分类，比较符合传统浏览习惯。

　　在Alexa分析一文中，5show的表现让人刮目相看，而在页面设计上，5show有些“老土”，或许正是这种风格更容易迎合多数普通网民?

　　4、土豆网(www.tudou.com)

　　土豆刚刚进行了首页的改版，花费了大面积空间来推广“挖土豆”这个digg模式。digg在国内发展远不如国外，土豆把如此多的面积放在这种模式上，我本人持保留意见。

　　有一点需要引起土豆网的注意——首页的推荐视频更新频率似乎太高了点。实际上，国内多家网站，包括youtube在内，对首页推荐视频的更新是比较谨慎的，我们甚至可以在youtube的首页看到1个月以前上传的视频。这里的视频应该重在于精，而不需要快速更新，至于同一用户的多次访问，可以通过上文中56的方法进行平衡。

　　5、爆米花(www.pomoho.com)

　　最大的败笔就是在显著位置放上了Google Adsense，当然，或许值得理解。其它方面没太多可圈点之处。整个首页都没有采用视频网站流行的AJAX技术。

　　6、UUME(www.uume.com)

　　尽管猫扑在UUME进行了裁员，但依然能看到UUME浓重的编辑痕迹。坦白的讲，首页设计还是不错的，UUME的流量低，责任不在于UI。

　　7、六间房(www.6rooms.com)

　　中规中矩，唯一一家把youtube的底部快捷菜单“抄袭”过来的(实际上很多web2.0站点都这么设计)，个人认为抄得有必要。

　　8、优酷(www.yoqoo.com)

　　8家站点中我比较满意的一家，布局比较好，焦点、原创、推荐、专题，基本上相得益彰。鼠标停靠时显示视频介绍，这一点值得肯定。

　　四、感想、结论、建议

　　1、每家站点旗帜都很鲜明:56、Mofile、6rooms走的是youtube路线，5show和土豆偏重于原创视频，UUME和优酷相对中庸。UUME是陈一舟的一个棋子，它担负着一个辅助炒作的功效，当然，这也是其它站点所不具备的。

　　2、5show的设计最为保守，联想到它的Alexa表现，让人对类youtube设计方式是否是最佳有了些怀疑。实在难以衡量这种设计风格到底是在促进5show的流量，还是阻挠?

　　3、在设计上严重同质化的情况下，一些视频站的小花招值得借鉴。

　　4、国内视频站点的第一轮风投资金估计有些吃紧了，对于8个站点中后续资金不好解决的站点来说，将主动考虑差异化或细分经营，主页设计和用户体验当然会随之变动。建议这一步早点走。

二、优秀的WEB设计是什么？

1.外观和功能同样重要
现代主义认为，事物的外形（外观，样式等条件）应该和它的功能相符合。在web设计领域中，外观和功能就像一个人的两条腿，缺少任何一个都不能正常的行走。外观糟糕的功能是令人讨厌的，同样，只有外观缺乏功能的web也是我们拒绝的。

我们可以让站点良好的进行运作，但是缺乏外观的形式，让用户失去他们的审美要求，更不能激发用户的灵感和欲望。相反，功能有限的具备表现力的页面，也同样会使客户失望。大多数情况下，设计师的工作重心在于如何取得良好功能性与美观的外形上的统一，找到它们间的平衡关系。

被传统认定的方式是，一个站点的性质决定了它的外观，比如，一个商业性的企业类网站，由于商品和服务的不同，我们需要更绚丽的图片，更丰富的多媒体内容以及更多的广告模块，如果它们真的有用的话。而一个在线电子银行，需要的只是实用的交互操作，客户不会比关心他的户头更关心你的设计。

优秀的web设计师能够准确的找到站点的合适外观表现，以及清晰的界定站点的功能。不幸的是，大多数的web网站并没有很好的作到这一点。

实际上，外观和功能之间并没有矛盾，好的做法是，一个外观设计优美的站点往往可以带来更好的功能实现。

诸如一些拥有太多功能的网站，像：



它们有着很多的共性，特定的外观，但并没有一个站点会仅仅依靠外观或者技术的某一个方面。

一些设计师往往缺乏对于平衡的把握，总是认为web设计中对于图形的设计束缚太多，缺乏创造性，降低了设计的含量。并提出了尖锐的问题：“在运作机制相同的前提下，如果没有新异的视觉表现，如何能使用户记住某个站点，并帮助公司建立公司的品牌形象？”没有错，对于VI来说这是个理由。

但是，请记住，你的身份是web设计师，所有的原则和创意受一点约束 -- “可用的一致性，为用户营造正确的体验环境”。设计师经常辩解，“出于商业的考虑，我们希望建立一些差异性以唤起市场的注意”。而差异性是什么？ 应该怎么样去作？ 当你开办一家服装店： 是应该让货物架，门把手，收款机和试衣间不同于其他的商店，还是应该专注于衣服本身呢？虽然商店是个受整体环境影响的卖场，但很明显，衣服的差异是最关键的。Web设计与此完全相同，设计师不应该专注于图形用户界面的小部件（并不是让你在这上面偷懒，而是注意你的项目进度的分配）-- 它们仅仅是界面而已，如果你不能合理的关注内容和服务本身的设计，你的web设计只完成了一半甚至更少。然而，仍然有相当多的设计师希望通过不同寻常的界面设计去打造一个站点的品牌。

别想用一些漂亮的界面去打造品牌！

考虑到一个用户在一年的时间内会访问成百上千个站点。他们不可能会记住按钮的形状，页面颜色或者动作。做一个简单的测试：挑选任意一个yahoo的忠实客户，向他们咨询yahoo的按钮宽度是多少个像素？你估计不会得到绝对正确的答案。你要记住，用户来到你的站点，是希望找到对他们有用的部分，或者保存下来，或者传播给其他人，并不是来表达对你的设计的崇拜。