优酷－小酷变形记设计过程大曝光（视觉记）

如何使自己设计的产品让你的用户更容易接受、更形象地记起来？最直接的办法就是使你的产品或品牌活起来，赋予其人...



如何使自己设计的产品让你的用户更容易接受、更形象地记起来？最直接的办法就是使你的产品或品牌活起来，赋予其人性、躯体，使其开口为你说话。作为优酷的产品形象代言人“小酷” ，这些年兢兢业业通过功能讲解、节日、主题活动等与用户沟通，让人感觉产品不再是冷冰冰的工具，产品团队也不再是陌生人。在用户之间搭起了桥梁，建立良好的沟通渠道……

但是随着时间的快速推移，小酷的形象近几年并本没有太大的改变。在产品中的体现也越发变得若隐若现。为了拉近与用户之间的距离，我们决定打造百变小酷的形象，并落实到产品里。

首先我们为什么要从默认头像开始？

情感是人对外界事物作用于自身时的一种生理的反应，是由需要和期望决定的。当这种需求和期望得到满足时会产生愉快、喜爱的情感，反之，苦恼、厌恶。早期用户默认头像是用户在不上传头像的前提下，随机获得。使用的都是一些高清照片来作为默认头像，比如汽车、宠物、植物等，这些图片（如图1），容易给人产生较强距离感。也没有体现产品的调性。更甚者在用户的具体使用场景中，表现也十分生硬（图2）。 相比与产品无关的图片给人的一些不确定的情感反馈, 符合主题的生动形象给予用户强烈的正向反馈，运用得当的情况下，可以帮助我们打造更具人格的产品，并使用户与之进行互动的过程中产生积极的情感响应，而这种积极的态度会有效提升用户对 APP的好感度。



如何设计出符合优酷特点的用户默认头像那？

我们观察行业内的一些优秀产品的默认用户头像，大多都是与产品所提供服务相关，穷游把各种世界名胜古迹作为默认人物头像，符合旅游行业的特点。脉脉则是将头像与你注册时输入的职业相关联，比如pm是一只狗，吻合脉脉的产品调性 。还有tumblr等等。



综上所述，优酷的默认用户头像也必须能代表出优酷调性和特点，于是我们朝着这个方向，着手开始进行设计了。



（1）搜集资料

优酷是一个提供视频内容服务的产品，众多给用户带来深刻感知的视频主人公的形象受到用户的喜爱和追捧。所以前期我们搜集了大量主人公资料，从众多的主人公的资料中筛选出有代表性，又能让我们典型用户有深刻感知的形象进行筛选和整理。



     (2)  选定角色

由于高度概括提升了设计成本，我们先从简单的超级英雄入手，第一批设计就遇到了问题，有些卡通形象有头发的无论如何尝试也无法与小酷融合。因此第一批设计都是面部是一个整体、头部不做装饰 。



发现细节太多、颜色搭配跳跃都是好掌控之后。对形象的选材也变窄了。我们组内做了头脑风暴，列出了40个符合要求的备选形象库。再在备选库中选形象进行设计，由于选材变窄后，加入了一些复杂形象，因此在完成40个设计之后，又对复杂形象进行了优化，就这样独立的头像库完成了。



(3) 相互溶解 

在初稿设计时，采用了提取、筛选、重组版权形象的方式，保留最基本的识别元素。但与优酷结合度不高，难以体现我们的产品调性。于是我们把小酷与选定的卡通形象相结合的设计，保留小酷的形体特征, 做基于净态小酷的换肤设计， 进一步概括形象特点。





（4）精雕细琢

在与其它用户的互动场景下（比如评论），能辨别出每一个对话的对象都是一个有情感的对象。同时增强用户辨识度。



百变小酷的形象设计仅仅是我们的第一步，希望小酷形象在产品中变现的越发鲜活。 我们希望在互动场景下，用户通过头像有了人与人互动的体验。这就是情感融入产品设计，达到美感与可用性的统一。

也许我们还不够完美，但是欣慰的是我们每天都会为改善产品的用户体验尽自己的微薄之力

    关注 微文阅读推荐