• 回复: 0
eskimos 发布于:2015-10-04 19:41:52

腾讯CDC经验分享:QQ导航改版设计心得

媒介淘气熊:在切入设计正文前先来砍寤鏖08年的搞笑图片,比拟了日本的NHK,TBS,朝日等电视台与东京电视台同临时段播出节目标不同:
《经历分享:如何巧用东西洞察用户举动》 360导航添加,编辑网址时弹出的界面《腾讯游戏:浅谈游戏官网近况及设计趋势》《交互设计中如何增加意见意义性、提拔愉悦度?》新泻产生六级强震,只有他们还在播料理节目
九州大地动,他们的画面上打出的字幕拼成日文为”太好了!”的意思。。。
比起小泉纯一郎参拜建国神社,金目鲷更为重要
产生大盗挟出入质事件,只有他们还在播动画。并且恰好是挟出入质的剧情!
虽说是08年的搞笑图,也不打扫是有人故意PS的结果。不过我相信肯定有人在捧腹之余,对东京电视台产生了稠密的兴趣。如果恰好能收到以致会不由得想看一看如今在播什么节目吧?如果这些图片都是真实的,那么东京电视台的确是独树一帜,不同凡响。这样不按常理出牌的电视台,如果要果众投票的话估计也会 由于其’奇葩’和满意不同果众需求的特质劳绩满满一箩筐’赞’吧。回到本文的主题,设计师们在接到需求时每每会看到”盼望能有更简练、更好、更不同凡响的设计”或沟通的字眼,那么在实际事情中,’更好’(better)和’不同凡响’(different)这对鱼与熊掌该如何弃取呢?苹果的首席产业设计师和副总裁乔纳森·艾维(Jonathan Ive)说 “It’s very easy to be different, but very difficult to be better”,大意是要做到不同很方便,但要做到更好就非常困难了。东京电视台的不同凡响对斲丧者来说是件功德,由于它为用户在浩繁可选择的频道中提供 了多样性,可以说是出奇制胜。但如果在产品设计,特别是互联网产品的设计上,同一斲丧者对同一范例的产品每每只会采取一两款的情况下,仅仅靠’不同凡响’ 就行不通了。电视节目不像用户的桌面和移动配置,不管漏失落多少重要消息,只要看其他台就好了。特别是对网站来说,如果用户在头几分钟的时候内找不到他们感 兴趣的内容或感觉网站不可靠,使用体验不佳的话,这个用户就会去别的网站,对产品来讲这是不可担当的。在接到QQ导航网站改版的需求时,由于市场上已经形 成了’好123′和’360导航’两家独大的款式,因此重要任务是成果补齐和对旧版举行优化。但作为设计师本身来讲,多少还是盼望本身能做出一些’不一 样’的东西。本文结合改版过程中的两个例子,报告了我对设计中的’更好’和’不同凡响’的感悟。产品背景网址导航站点的原型是由李兴平在1999年建立的”网址导航”—www.hao123.com大创建最初至今已经成为中国上亿用户上彀的第一 站, hao123的设计也成为了行业的标准之一。 首创初期李兴平作为网吧办理员,发现网吧用户的一个共性:”很多人都不知道如何上彀,上彀后又不知道去那边找到所需要的内容。”这样一个大致的基础需求 “上彀去哪儿?”支持着hao123飞速生长,克制2012年6月,导航网站用户的周均覆盖人数占全部网夷易近数的40%(2.2亿!)对于这样一个增加迅猛 的市场,腾讯天然也需要不断进化的产品来参与竞争。
360导航主页2011年4月-2012年4月各重要导航网站日均覆盖人数(万人)和市场领先的产品例一:首页排版在设计一款产品前,最重要的便是认清用户需求。”去哪儿上彀?”这个需求在多年之后是否还是我们目标用户的重要需求?用户本身的生长和互联网情况的 变化会不会引起需求的变更?经过过程比拟市场的领头羊hao123和360导航我们发现它们在首页都采取了将网址列表(背面我们将这个模块分为”名站导航”与 “酷站推荐”)放在页面靠右的位置, 而左侧留给了消息,影视,小游戏等内容模块。这表现出它们的重要用户需求在生长过程中大过去的”上彀去哪儿?”向”上彀有很多去处,但详细看什么?”变化 的趋势。纺暌钩在页面上便是大纯粹的网址收录与推荐变化为内容聚合的网络与推荐。
好123主页
过半好123的用户使用时候在2-3年及以上,和QQ导航的用户构成形成了光显的比拟。360在设计上不停跟随好123的程序,经过过程安全卫士和欣赏器的捆绑,用户构成靠近好123也只是时候问题。不过使用时候2-3年及以上的用户也已经大大超过QQ导航。
360用户布局
好123用户布局因此,在首页布局上,由于目标用户的重要需求不同,新版的结会商重要竞品形成了光显的比拟。QQ导航 V1.0版本首页基础布局在前期的调研和访谈中,我们总结出用户对新版导航的诉求关键词为:清新,快速,权势巨子,智能与本性。并且在”我的导航”中安排10个以下网址的用户占 比超过一半,高达53%,使用10-20个网址的用户占比约为20%,30个以上的占比仅为6%。每天欣赏10个以下网站的用户高达75%。另有的用户抱 怨”实际我们常用到的网址无非是那么一二十个,像百度,Google,雅虎,网易,付出宝…等酷站,它们的位置也是牢固稳固的,如今的导航网站内容着实太 多了,很多都是不用的。”这表现我们可以放心大胆的开始做减法并朝着”清新”,”简约”的康庄大道进步了吗?—很多时间,用户说的不肯定是他们想要的。如 果不细致看重下一组数据,很有大概在设计上会陷入这种用户设下的’陷阱’。在对”您是否能在QQ导航找到本身通常拜候的网站?”这个问题的回答上,仍旧有 40%的用户仅仅能部分找到。考虑到我们的潜伏目标用户忠诚度并不高,如果出现找不到的情况,很有大概就变成了流失落的用户。
因此新版QQ导航的名站部分没有大马金刀的删减网址数量, 每行的网址数在保持稳固的情况下将网址推荐的数量减少一排。顶部的常用与个人信息在视觉上更加突出。在搜刮栏下方新增了二级内容页面的全局导航栏。在后续 的1.1版本中, 还将进一步将每排的网址数量精简至5个,猜你喜好的行数大4行精简至2行。并且让用户可以自行编辑名站导航地区的网址。
QQ导航用户布局 旧版QQ导航首页布局
新版QQ导航首页布局以下是好123和360导航主页的布局,由于用户风俗和自身渐渐变化为内容导航与流派网站的缘故起因,符合’F'规矩的页面黄金位置并不是名站导航与酷站推荐:下一版的名站导航还将进一步精简,同时满意用户对清新,快速,权势巨子,智能与本性化的需求。经过过程对目标用户举行细分并针对其需求调解设计,QQ导航 V1.0的主页在上线后得到了用户的肯定与好评。The number speak for themselves(数据为证):
例二:名站导航的编辑与添加 没有特地想要做出差别豢字比方凡响效果的主页得到了用户的同等好评,不禁让我们在设计名站导航的编辑与自定义成果时暗下刻意,肯定要在这里做出不同凡响的设计!但由于太想要不同凡响,名站导航的编辑方式成为了项目至本大设计稿到终极实现争论最大的方案之一。
好123添加,编辑网址时弹出的界面
在改版最初,我们将用户添加网址和编辑网址的交互流程举行了细分。用户日常在添加网址时目标性脚缦泖晰,交互流程预期耗时较短;而在编辑网址时目标性 较为分离,很多举动是在编辑的过程中产生的(比如,将某些网址按次序或种类排序时发现新的分类或归类方式),交互流程预期耗时较长。和好123与360不 论是编辑还是添加网址时都弹出猜你喜好的做法不同,在用户点击添加网址时,我们只弹出非末态的添加窗口。让这个本来预期耗时很短的流程更轻量化和精简,在 风格上也和竞品形成了光显的比拟。
但在终极实现前,这一方案由于大概导致 ‘猜你喜好’的网址对用户曝光量降落而让产品无法下定刻意举行测验测验,我们又无法确定如今主流的交互方式到底会不会让用户反感(之以是将单独添加网址和编辑 网址的场景离开,也考虑到用户大概对每次添加、编辑网址时都弹出的猜你喜好感到反感)。对我们的目标用户来说,以致有大概会由于在不知道去哪儿上彀时由于 没有这些弹出的推荐网址而感觉茫然的大概性。在没有资源举行测试和无法确定用户纺暌钩的情况下,终极的方案不得不做一些妥协,根据主流的交互方式举行实现:
这里再把”It’s very easy to be different, but very difficult to be better”拿出来点一下题。由于也在种种不同的场合听到过有人嗣魅这句话倒过来念也能创建,就是”It’s very easy to be better, but very difficult to be different”要做到更好很方便,但要做到不同凡响就非常困难了。对于寻求杰出的设计师来说,很多时间每每更好是不够的,但这也会将他们带入到一个 误区中,便是为了不同而不同。我们在做产品设计时应该只依照”更好”的原则,特别是商业产品设计。回顾转头回想最初的设计方案,设计时的确是根据用户大概的添加场景和流程并举行了细分,根据不同的预期赐与不同的交互反馈。在与产批评审时也是决议信心十足,以为不但满意了不同场景用户的需要,还克制了多余的信息滋扰。更重要的是,作为设计师本省来讲,这个方案和重要的竞争敌手比拟显得不同凡响。不过由于想要做出差别化的脸色太急切,反而导致我们在设计时低估了运营,产品在这一成果上的需求和偏重点。当然360导航和好123的方式每次都市强行推给用户推荐的网址以致告白,但我们没有证据证明用户对这种方式感到不适;对于运营和产品来讲,添加网址的途径轻量化后大概导致推荐网址的曝光率大幅降落;对于有批量添加网址需求的用户来说轻量化的添加方式反而增加了他们的操纵本钱;只求更好,不求不同在决议主页排版时,我们并未强调要不同凡响,综合分析用户市场喝缤后,设计和产品各方很方便就在新版本上达成了同等。在设计名站导航交互时,当然 设计也是大细分用户使用场景出发,但在一个与竞品有差别化的方案面前目今,马虎了衡量最闭幕果黑白的别的因素和纬度(运营需求,网址曝光率和产品考量)。末了 的方案当然在情势膳缦慊有不同,不过在视觉上举行了大幅的优化,也能包管给用户较上一个版本更好的使用体验。
日本设计大家原研哉曾经举行过一个通心粉设计大赛,但经过过程比拟后发现在烹调难易度,生产本钱和外果等纬度的综合考量下,胜出的反而是传统的通心粉。现有的东西当然没有’不同凡响’的产品那样奋发民气,但它们每每都经过了用户与市场的检验才得以保存。我以为,好的设计师在听到”盼望能有更简练、 更好、更不同凡响的设计”时会主动将这句话过滤为”盼望能有更好的设计”。只是寻求更好的设计,心无旁鸠的细致分析产品,成果,市场等种种因素,天然会让 你设计出得当不同用户群体与需求的产品,而由于用户的多样性,在做出更好设计的同时,”不同凡响”每每也已经迎刃而解了。原文地方:腾讯cdc作者:淘气熊 东京大停电时,只有东京电视台有速报。不过报给谁看啊?–
扫一扫,关注设计动量,随时参与互动。
我要评论