和众不同易,精益求精难 — QQ导航改版设计心得.pdf

与众不同易 ，精益求精难 — QQ导航改版设计心得 阿拓带你飞 ：很多设计师在接到客 项目时 ，都会被嘱咐我需要的是与众不同的、更好的 效果。那么 ，现实中“与众不同”和“更好”该如何权衡和理解呢 ？是不是与众不同就意味着更好 ？特别是在互联网产品设计中 ，我们又该如何把握 ？下面以Q Q导航改版设计为例 ，一起看 看Q Q导航在设计思路中如何做到到二者兼得。欢迎点评和留言哦 ！ 前言 设计师们在接到需求时往往会看到“希望能有更简洁、更好、更与众不同的设计”或类似的字眼 ，那么 在现实工作中 ，‘更好’ （bet t er)和‘与众不同’ （dif f erent )这对鱼与熊掌该如何取舍呢 ？ 苹果的首席工业设计师和副总裁乔纳森·艾维 （Jo nat han Ive ）说 “It ’s very easy t o be dif f erent , but very dif f icult t o be bet t er” ，大意是要做到不同很容易 ，但要做到更好就非常困难了。东京电视台的 与众不同对消费者来说是件好事 ，因为它为用 在众多可选择的频道中提供了多样性 ，可以说是出 奇制胜。但如果在产品设计 ，特别是互联网产品的设计上 ，同一消费者对同一类型的产品往往只会 采用一两款的情况下 ，仅仅靠‘与众不同’就行不通了。电视节目不像用 的桌面和移动设备 ，不管漏 掉多少重要新闻 ，只要看其他台就好了。特别是对网站来说 ，如果用 在头几分钟的时间内找不到 他们感兴趣的内容或觉得网站不可靠 ，使用体验不佳的话 ，这个用 就会去别的网站 ，对产品来讲 这是不可接受的。在接到Q Q导航网站改版的需求时 ，因为市场上已经形成了‘好12 ’和‘ 60导航’两 家独大的格局 ，因此主要任务是功能补齐和对旧版进行优化。但作为设计师本身来讲 ，多少还是希 望自己能做出一些‘不一样’的东西。本文结合改版过程中的两个例子 ，讲述了我对设计中的‘更好’和‘ 与众不同’的感悟。 产品背景 网址导航站点的原型是由李兴平在1999年创建的“网址导航”—www.hao 12 .co m从创立最初至今已 经成为中国上亿用 上网的第一站 ， hao 12 的设计也成为了行业的标准之一。 创始初期李兴平作 为网吧管理员 ，发现网吧用 的一个共性 ：“很多人都不知道如何上网 ，上网后又不知道去哪里找到 所需要的内容。”这样一个简单的基本需求“上网去哪儿 ？”支撑着hao 12 飞速成长 ，截止2012年6月 ，导航网站用 的周均覆盖人数占全部网民数的4 0% （2.2亿 ！）对于这样一个增长迅猛的市场 ，腾 讯自然也需要不断进化的产品来参与竞争。 2011年4 月-2012年4 月各主要导航网站日均覆盖人数 （万人 ）和市场领先的产品 例一 ：首页排版 在设计一款产品前 ，最重要的就是认清用 需求。“去哪儿上网 ？”这个需求在多年之后是否仍是我 们目标用 的主要需求 ？用 本身的成长和互联网环境的变化会不会引起需求的变更 ？通过对比市 场的领头羊hao 12 和 60导航我们发现它们在首页都采用了将网址列表 （后面我们将这个模块分为“ 名站导航”与“酷站推荐” ）放在页面靠右的位置 ， 而左侧留给了新闻 ，影视 ，小游戏等内容模块。这 体现出它们的主要用 需求在成长过程中从过去的“上网去哪儿 ？”向“上网有很多去处 ，但具体看 什么 ？”变化的趋势。反映在页面上就是从纯粹的网址收录与推荐转变为内容聚合的收集与推荐。 以下是好12 和 60导航主页的布局 ，因为用 习惯和自身逐渐转变为内容导航与门 网站的原因 ， 符合‘F’法则的页面黄金位置并不是名站导航与酷站推荐 ： 　　　　　好12 主页 　　　　　　　　 60导航主页 过半好12 的用 使用时间在2- 年及以上 ，和Q Q导航的用 构成形成了鲜明的对比。 60在设计上 一直追随好12 的步伐 ，通过安全卫士和浏览器的捆绑 ，用 构成接近好12 也只是时间问题。不过 使用时间2- 年及以上的用 也已经大大超过Q Q导航。 　　　　　Q Q导航用 结构 　　　　　　 60用 结构 　　　　　　好12 用 结构 因此 ，在首页结构上 ，因为目标用 的主要需求不同 ，新版的结构和主要竞品形成了鲜明的对比。 　　　　　　　　Q Q导航 V 1.0版本首