手机
当前位置:查字典教程网 >网页设计 >交互设计教程 >QQ电脑管家6.0幕后揭秘:精品是如何炼成的?
QQ电脑管家6.0幕后揭秘:精品是如何炼成的?
摘要:腾讯科技讯90天日夜奋战,8位设计师呕心沥血……9月26日,QQ电脑管家6.0版本正式推出,一经上线便获得赞赏声...

腾讯科技讯 90天日夜奋战,8位设计师呕心沥血……9月26日,QQ电脑管家6.0版本正式推出,一经上线便获得赞赏声一片。与之前相比,6.0版本在安全性、功能性等各方面均有较大的完善,尤其是在界面设计、视觉效果方面,更是有了“革命性”的提升,堪称一场“视觉的盛宴”!

那么,这场“视觉盛宴”是如何诞生的?它的诞生,又有着怎样的故事?让我们走进QQ电脑管家产品团队的世界,一起探寻这背后的秘密!

第一步,确定改进方向:用户体验至上

随着QQ电脑管家用户的不断增长,以及产品功能和特性的不断增加,一些不够完善的细节逐渐显现出来。为此,QQ电脑管家产品、CDC设计团队在7、 8、9三个月启动了“QQ电脑管家用户体验季”,通过网络信息收集和用户意见反馈,发现缺陷和问题,并确定6.0版本的产品改进方向——优化界面视觉风格、调整界面布局、梳理交互流程、优化信息展示、明确引导过程,仔细推敲每一个细节,力争让用户在使用过程中能够获得愉悦的体验!

转播到腾讯微博

QQ电脑管家6.0幕后揭秘:精品是如何炼成的?1

第二步,整体风格定位:发现瞬间之美

视觉风格是用户看到第一个瞬间,在明确改进方向之后,什么样的风格能够打动用户,便成为首要思考的问题。

为此,QQ电脑管家产品、CDC设计团队通过对4组不同年龄段不同职业的QQ电脑管家用户,从200多张不同风格图片中选择自己最喜欢的图片,经过4轮选择后挑出用户选择频率最高的图片,并作出分析和判断。

转播到腾讯微博

QQ电脑管家6.0幕后揭秘:精品是如何炼成的?2

在判断和分析的基础之上,QQ电脑管家产品、CDC设计团队在6.0版本整体风格上做出了以下定位:

(1)整体风格定位为轻薄的半透明磨砂风格,让用户获得轻盈安静的心理感受。

(2)图标定位为有一定透视角度的立体图标,以凸显立体感。

(3)皮肤的设定上,根据冷色、暖色、明亮、暗淡四个纬度做了均衡和取舍,满足不同性别和年龄层次用户对皮肤风格的要求,使用户都能找到自己的“最爱”。

转播到腾讯微博

QQ电脑管家6.0幕后揭秘:精品是如何炼成的?3

第三步,重塑产品“脸面”:改进首页设计

首页是用户打开管家看到的第一个界面,也是QQ电脑管家的“脸面”,承担着功能引导和首页体检的作用。因此,QQ电脑管家产品、CDC设计团队从用户的使用场景出发,对产品首页进行了各种优化。

首先,增加首页实时防护信息,强调用户电脑被保护的状态,提升用户的安全感。

转播到腾讯微博

QQ电脑管家6.0幕后揭秘:精品是如何炼成的?4

其次,对主tab进行了调整,将弹出与非弹出的tab做了区分,精简了用户不常点击的功能。同时,将主tab的图标也按视觉风格进行了重新设计,给用户视觉上的愉悦感受。

转播到腾讯微博

QQ电脑管家6.0幕后揭秘:精品是如何炼成的?5

再次,加大了首页右侧快速通道的面积,从原来的只能展现3个,变成现在的展示所有,让更多的工具入口得以展现。

转播到腾讯微博

QQ电脑管家6.0幕后揭秘:精品是如何炼成的?6

最后,优化体检过程,体检过程动画借用了游戏玩家经常看到的表示游戏角色生命值和魔法值的血球概念,使其看起来更加直观。

转播到腾讯微博

QQ电脑管家6.0幕后揭秘:精品是如何炼成的?7

第四步,改进使用体验:优化引导过程

作为一款安全类工具软件,使用过程中的快捷性、方便性是非常重要的一个方面。在6.0版本中,QQ电脑管家产品、CDC设计团队对产品引导wording进行了优化,在简洁的基础上增强了引导的清晰性,使之更符合用户的使用习惯。

转播到腾讯微博

QQ电脑管家6.0幕后揭秘:精品是如何炼成的?8

第五步,提升产品亲切度:优化信息展现

用户在使用各种软件时,会看到很多和电脑相关的信息,一般来说,这些信息都会相对比较专业,普通用户有时候不能理解,往往会有疏离感产生!

QQ电脑管家6.0对此进行了相应的优化,将计算机专业术语尽量转化成用户可以理解的语言,并用尽可能通俗易懂的方式展现出来!例如将木马查杀的“自定义扫描”优化为“指定位置扫描”并配有简单说明等等,同时弱化非重要的操作按钮,让用户使用更简单、更方便。

转播到腾讯微博

QQ电脑管家6.0幕后揭秘:精品是如何炼成的?9

经过以上“五步”,一个真正意义上的“精品”就诞生了!可以说,在QQ电脑管家6.0版本的更新升级中,“重视体验,用户为王”是产品、CDC设计团队始终秉持的思想,这是QQ电脑管家6.0版本“视觉盛宴”诞生的根本,也是其获得一致称赞的秘诀所在!

【QQ电脑管家6.0幕后揭秘:精品是如何炼成的?】相关文章:

GOOGLE是如何运作的?

手机屏幕尺寸扩展是如何影响用户体验设计的

做好扁平化设计-交互篇

网页中的圆形元素hold不住 该如何运用?

非科班同学如何成为交互设计师?

交互设计师到底是干嘛的?

QQ的登录封面是怎么设计的?

谈谈我对UI设计的理解

网页设计中的颜色如何搭配

该如何设计出满足用户体验的网页?

精品推荐
分类导航