注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

{800Bu}

——Well, Here We Are...

 
 
 
 
 

日志

 
 

QQ空间V6设计的继承与颠覆(转载)  

2011-12-30 00:40:28|  分类: 设计 创意 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
原文转载自互联网的那点事...

空间诞生6年了,终于再一次升级,迎来了革新的V6.0版,它是近年来最重要的版本升级,肩负着空间的战略转型,促进平台开放,提升营收与活跃用户的重任。所以这一版本的升级,我们改变从前自细节入手,直接优化流程与表现的设计思路。而是从全局的角度切入,重新思考平台的定位策略,进一步整合信息架构,颠覆表现层的交互体验,提升用户对QQ空间的品牌认知与情感认同。改变过去每一次升级后,新增加的特性与功能为空间造成的臃肿复杂的现状
所以引入了Jesse Garrett的互联网产品设计层次模型,从头夯实基础,从而打造一个体验全面升级的空间新版。

一起来看看设计推导的过程吧:
根据Jesse Garrett的产品设计层次模型,重新梳理QQ空间的产品定位,探索在新的视觉形式框架下形成清晰的可供性感知。

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

重点在战略层

通过平衡产品的成熟度与,项目时间与内部数据指标,我们选择了“数据挖掘,用户反馈,用户访谈,问卷调查,市场调研,竞品分析与战略决策”这几种研究方式来快速定位产品目标与用户需求,确定升级策略。

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

定位产品目标

方法:数据挖掘,竞品分析,战略决策

数据整理:收入组成(上)与用户活跃度(中、下)对比。

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

分析:增值收入上升趋缓,广告收入潜力大,应用类型匮乏,用户互动少,活跃度低,内容质量差

产品目标与解决方案:

拓展新收入渠道-拓宽页面至960px,增加二三级页面的广告投放,提高曝光量;完善in-app purchase渠道

增加平台可玩性,提高用户活跃度-开放平台,上线应用中心,视频中心与读书中心

增加用户的互动- 整合消息推送体系,完善隐私权限体系,重塑关系链

定位用户需求

方法:用户行为挖掘,用户反馈,用户访谈,问卷调查

数据整理:用户的反馈与建议集中在以下几点。

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

分析:空间界面乱,加载速度慢,装扮效果差,内容质量低,功能选项杂

用户需求与解决方案:

提升装扮丰度与质量-优化装扮流程与框架,升级装扮样式

提升响应速度与浏览体验-服务器性能优化,底层框架重构,浏览器表现差异化

提升内容质量-进一步扩展认证空间,feed接入标准化

功能去耦,表现做减法-拆分统一设置入口,强化隐私权限,全局设置与个人资料, 装扮模板46套减为优化后的20套,5类版式减为优化后的3种。

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

风险控制

风险:6年的产品,老用户使用习惯;忠实用户对小窝版的偏爱,死不透的ie6

控制思路:

老用户使用习惯-完善升级策略,提供老版的过渡期,提前内测

忠实用户小窝版-提升版本兼容性,提供小窝版的替代方案及更丰富的场景版

ie6的拖累-浏览器效果差异化,引导升级浏览器

重构结构层

对混乱的信息架构重新进行了整理与归纳,并通过与框架层与表现层的结合,将结构的改进体现在导航与应用界面设计中,提供用户一个可学习的体系。

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

表现层界面分层

空间平台的结构经过几次扩容,产品体系混乱,用户对个人中心,主页及应用关系的认知存在障碍,使用QQ空间类似盲人摸象,用户只能复述进入农牧场或访问主页的操作路径。顶部的工具条没有起到很好的导航作用是其中一个原因,设计方案是将工具条替换为全局情境导航,使用户不论身处哪个页面,都能快速的跳转平台的主干节点,将应用中心与空间装扮两个未来的营收增值点通过导航进一步提升强化。

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

界面元素分层特性的研究,便于对不同层次的行为表达进行管理与创新。

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

风格重定位

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

最终展现

个人中心-通过不断迭代优化与信息架构的梳理,大大降低了做为首页的信息负载。

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

场景主页-重构底层框架,使新主页的设计自由度更大,效果上流。

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

应用中心-丰富内容,通过信息设计对内容维度进行了缩减合并,从而降低了界面复杂度的展现。

QQ空间V6设计的继承与颠覆(转载) - 800bu - {800Bu}

总结

通过至顶而下的设计思路,从产品定位开始一直到界面的视觉实现,能够从根源上梳理清楚积弊多年的成熟产品,从新的产品战略提供看一个容宽性更大的产品架构。但这种设计方法也有明显的不足,如在细节的进化不够充分,对市场需求与用户的反馈不够及时,市场定位存在偏离风险等。需要多种设计方法结合起来迭代校正设计过程,同时做好风险预案,以保证设计不会偏离市场目标,最终获得用户的认可!

(作者:布林)

来源:http://isux.tencent.com/inheritancesubversive-of-qzone-v6.html

  评论这张
 
阅读(94)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017