数极客首页

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

阿拓带你飞:很多设计师在接到客户项目时,都会被叮嘱

我需求
的是与众不同的、更好的效果。那么,理想
中“与众不同”和“更好”该怎样
权衡和了解

呢?是不是与众不同就意味着更好?特别是在互联网产品设计中,我们又该怎样
把握?下面以QQ导航改版设计为例,一同
看看QQ导航在设计思绪
中怎样
做到到二者兼得。欢送

点评和留言哦!

前言

设计师们在接到需求经常

会看到“希望能有更简约
、更好、更与众不同的设计”或相似

的字眼,那么在理想
工作中,‘更好’(beer)和‘与众不同’(different)这对鱼与熊掌该怎样
取舍呢?

苹果的首席工业设计师和副总裁乔纳森·艾维(Jonathan Ive)说 “It’s very easy to be different, but very difficult to be beer”,大意是要做到不同很容易,但要做到更好就十分

艰难

了。东京电视台的与众不同抵消
费者来说是件好事,由于
它为用户在众多可选择的频道中提供了多样性,能够

说是出奇制胜。但假定

在产品设计,特别是互联网产品的设计上,同一消费者对同一类型的产品常常
只会采用一两款的状况

下,仅仅靠‘与众不同’就行不通了。电视节目不像用户的桌面和移动

设备,不论

漏掉多少重要新闻,只需
看其他台就好了。特别是对网站来说,假定

用户在头几分钟的时间内找不到他们感兴味
的内容或觉得网站不牢靠

,运用
体验不佳的话,这个用户就会去别的网站,对产品来讲这是不可接受

的。在接到QQ导航网站改版的需求时,由于
市场上曾经
构成
了‘好123’和‘360导航’两家独大的格局,因而

主要任务是功用
补齐和对旧版中止

优化。但作为设计师自身

来讲,多少还是希望自己

能做出一些‘不一样’的东西。本文分别

改版过程中的两个例子,讲述了我对设计中的‘更好’和‘与众不同’的感悟。

产品背景

网址导航站点的原型是由李兴平在1999年创建

的“网址导航”—www.hao123.com从创建

最初至今曾经
成为中国上亿用户上网的第一站, hao123的设计也成为了行业的规范

之一。 开创

初期李兴平作为网吧管理员,发现网吧用户的一个共性:“很多人都不知道

怎样
上网,上网后又不知道

去哪里找到所需求
的内容。”这样一个简单的基本

需求“上网去哪儿?”支撑着hao123飞速生长
,截止2012年6月,导航网站用户的周均掩盖
人数占全部网民数的40%(2.2亿!)关于
这样一个增长迅猛的市场,腾讯自然也需求
不时
进化的产品来参与竞争。

与众不同易,如虎添翼难 — QQ导航改版设计心得

与众不同易,如虎添翼难 — QQ导航改版设计心得

2011年4月-2012年4月各主要导航网站日均掩盖
人数(万人)和市场抢先
的产品

例一:首页排版

在设计一款产品前,最重要的就是认清用户需求。“去哪儿上网?”这个需求在多年之后能否
仍是我们目的
用户的主要需求?用户自身

的生长
和互联网环境的变化会不会惹起
需求的变卦
?经过
对比

市场的领头羊hao123和360导航我们发现它们在首页都采用了将网址列表(后面我们将这个模块分为“名站导航”与“酷站举荐

”)放在页面靠右的位置, 而左侧留给了新闻,影视,小游戏等内容模块。这表现
出它们的主要用户需求在生长
过程中从过去的“上网去哪儿?”向“上网有很多去处,但细致

看什么?”变化的趋向
。反映在页面上就是从地道
的网址收录与举荐

转变为内容聚合的搜集
与举荐

以下是好123和360导航主页的规划
,由于
用户习气
和自身

逐步

转变为内容导航与门户网站的缘由
,契合
‘F’规律
的页面黄金位置并不是名站导航与酷站举荐

与众不同易,如虎添翼难 — QQ导航改版设计心得

     好123主页

与众不同易,如虎添翼难 — QQ导航改版设计心得

过半好123的用户运用
时间在2-3年及以上,和QQ导航的用户构成构成
了鲜明的对比

。360在设计上不时

跟随
好123的步伐,经过
安全

卫士和阅读
器的捆绑,用户构成接近好123也只是时间问题。不过运用
时间2-3年及以上的用户也曾经
大大超越
QQ导航。

与众不同易,如虎添翼难 — QQ导航改版设计心得

     QQ导航用户结构

与众不同易,如虎添翼难 — QQ导航改版设计心得

      360用户结构

与众不同易,如虎添翼难 — QQ导航改版设计心得

      好123用户结构

因而

,在首页结构

上,由于
目的
用户的主要需求不同,新版的结构

和主要竞品构成
了鲜明的对比

与众不同易,如虎添翼难 — QQ导航改版设计心得

在前期的调研和访谈中,我们总结出用户对新版导航的诉求关键词为:清新

,快速,权威,智能与个性。并且在“我的导航”中放置10个以下网址的用户占比超越
一半,高达53%,运用
10-20个网址的用户占比约为20%,30个以上的占比仅为6%。每天阅读
10个以下网站的用户高达75%。还有的用户埋怨

“理论

我们常用到的网址无非是那么一二十个,像百度,Google,雅虎,网易,支付宝…等酷站,它们的位置也是固定不变的,往常

的导航网站内容真实
太多了,很多都是不用的。”这表示我们能够

放心大胆的开端
做减法并朝着“清新

”,“简约”的康庄大道行进
了吗?—很多时分
,用户说的不一定是他们想要的。假定

不认真
留意
下一组数据,很有可能在设计上会堕入
这种用户设下的‘圈套
’。在对“您能否
能在QQ导航找到自己

经常访问的网站?”这个问题的回答

上,依然

有40%的用户仅仅能部分

找到。思索
到我们的潜在目的
用户忠实
度并不高,假定

呈现
找不到的状况

,很有可能就变成了流失的用户。

与众不同易,如虎添翼难 — QQ导航改版设计心得

因而

新版QQ导航的名站部分

没有大刀阔斧的删减网址数据量
, 每行的网址数在坚持
不变的状况

下将网址举荐

的数据量
减少一排。顶部的常用与个人信息在视觉上愈加
突出。在搜索栏下方新增了二级内容页面的全局导航栏。在后续的1.1版本中, 还将进一步将每排的网址数据量
精简至5个,猜你喜欢的行数从4行精简至2行。并且让用户能够

自行编辑名站导航区域的网址。

与众不同易,如虎添翼难 — QQ导航改版设计心得

旧版QQ导航首页规划

与众不同易,如虎添翼难 — QQ导航改版设计心得

新版QQ导航首页规划

下一版的名站导航还将进一步精简,同时满足用户对清新

,快速,权威,智能与个性化的需求。

经过
对目的
用户中止

细分并针对其需求调整设计,QQ导航 V1.0的主页在上线后得到了用户的肯定与好评。The number speak for themselves(数据为证):

与众不同易,如虎添翼难 — QQ导航改版设计心得

例二:名站导航的编辑与添加

没有特意想要做出差别

化和与众不同效果的主页得到了用户的分歧
好评,不由
让我们在设计名站导航的编辑与自定义功用
时暗下决计
,一定要在这里做出与众不同的设计!但由于
太想要与众不同,名站导航的编辑方式成为了项目至今从设计稿到最终完成
争论最大的计划

之一。

与众不同易,如虎添翼难 — QQ导航改版设计心得

好123添加,编辑网址时弹出的界面

与众不同易,如虎添翼难 — QQ导航改版设计心得

360导航添加,编辑网址时弹出的界面

在改版最初,我们将用户添加网址和编辑网址的交互流程中止

了细分。用户普通
在添加网址时目的性较明白
,交互流程预期耗时较短;而在编辑网址时目的性较为分散,很多行为是在编辑的过程中产生的(比如

,将某些网址按次第
或种类

排序时发现新的分类或归类方式),交互流程预期耗时较长。和好123与360不论

是编辑还是添加网址时都弹出猜你喜欢的做法不同,在用户点击添加网址时,我们只弹出非末态的添加窗口。让这个原本

预期耗时很短的流程更轻量化和精简,在作风
上也和竞品构成
了鲜明的对比

与众不同易,如虎添翼难 — QQ导航改版设计心得

与众不同易,如虎添翼难 — QQ导航改版设计心得

与众不同易,如虎添翼难 — QQ导航改版设计心得

但在最终完成
前,这一计划

由于
可能招致
‘猜你喜欢’的网址对用户曝光量降落
而让产品无法下定决计
中止

尝试,我们又无法肯定
往常

主流的交互方式到底会不会让用户恶感

(之所以将单独添加网址和编辑网址的场景分开,也思索
到用户可能对每次添加、编辑网址时都弹出的猜你喜欢感到恶感

)。对我们的目的
用户来说,致使

有可能会由于
在不知道

去哪儿上网时由于
没有这些弹出的举荐

网址而觉得茫然的可能性。

在没有资源中止

测试和无法肯定
用户反响
的状况

下,最终的计划

不得不做一些妥协,依照

主流的交互方式中止

完成

与众不同易,如虎添翼难 — QQ导航改版设计心得

回想

最初的设计计划

,设计时的确

是依照

用户可能的添加场景和流程并中止

了细分,依据

不同的预期给予不同的交互反响

。在与产品评审时也是自自信心

十足,以为
不但满足了不同场景用户的
需求
,还避免

了多余的信息干扰。更重要的是,作为设计师本省来讲,这个计划

和主要的竞争对手相比显得与众不同。不过由于
想要做出差别

化的心情太迫切,反而招致
我们在设计时低估了运营,产品在这一功用
上的需求和偏重

点。

  1. 固然
    360导航和好123的方式每次都会强行推给用户举荐

    的网址致使

    广告,但我们没有证据证明用户对这种方式感到不适;

  2. 关于
    运营和产品来讲,添加网址的途径轻量化后可能招致
    举荐

    网址的曝光率大幅降落

  3. 关于
    有批量添加网址需求的用户来说轻量化的添加方式反而增加了他们的操作本钱

只求更好,不求不同

在决议
主页排版时,我们并未强调要与众不同,综合剖析

用户市场和需求后,设计和产品各方很容易就在新版本上达成了分歧
。在设计名站导航交互时,固然
设计也是从细分用户运用
场景动身
,但在一个与竞品有差别

化的计划

面前,疏忽

了权衡
最终结果好坏的其它要素
和纬度(运营需求,网址曝光率和产品考量)。最终
的计划

固然
在方式
上没有不同,不过在视觉上中止

了大幅的优化,也能保证给用户较上一个版本更好的运用
体验。这里再把“It’s very easy to be different, but very difficult to be beer”拿出来点一下题。由于
也在各种不同的场所
听到过有人说这句话倒过来念也能成立,即为“It’s very easy to be beer, but very difficult to be different”要做到更好很容易,但要做到与众不同就十分

艰难

了。关于
追求出色

的设计师来说,很多时分
常常
更好是不够的,但这也会将他们带入到一个误区中,就是为了不同而不同。我们在做产品设计时应该只遵照
“更好”的准绳
,特别是商业产品设计。

与众不同易,如虎添翼难 — QQ导航改版设计心得

日本设计巨匠

原研哉曾经举行
过一个通心粉设计大赛,但经过
对比

后发往常

烹饪难易度,消费
本钱
和外观等纬度的综合考量下,胜出的反而是传统的通心粉。

现有的东西固然
没有‘与众不同’的产品那样振奋人心,但它们常常
都经过了用户与市场的考验才得以留存。我以为
,好的设计师在听到“希望能有更简约
、更好、更与众不同的设计”时会自动将这句话过滤为“希望能有更好的设计”。只是最求更好的设计,心无旁鸠的认真
剖析

产品,功用
,市场等各种要素
,自然会让你设计出适合

不同用户群体与需求的产品,而由于
用户的多样性,在做出更好设计的同时,”与众不同”常常
也曾经
瓜熟蒂落

了。

上文来源:腾讯CDC

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章