大家好,我是一名视觉设计师,目前工作5年多了,之前在华为做外包,待过两个部门(一个是办公IT用户体验部,另一个是流程IT业务体验与用户经营部)。在华为是我成长最快的时候,也特别感谢帮助过我的人(尤其是帅哥、廖哥)。虽然平时也写一些项目总结,但还是第一次在网上发布文章,说的不对的地方,还请各位大神指正。
一年前来到了步步高,主要负责小天才电话手表视觉设计(包括APP和电话手表的设计)。今天将给大家分享一下小天才APP改版的流程,相信大家在工作时,都会遇到改版,那我们如何用科学的方法改版,让设计变得有理有据,然后去说服Boss,让产品一步步上线。
好了,我们进入正题吧~
下面是今天要说的大纲:
明确改版目的,为什么改版?
确定目标用户
品牌关键词提取
头脑风暴
情绪版分析
竞品&流行趋势分析
风格设定,概念方案设计
明确改版目的,为什么改版?
视觉改版原因很多,有为产品框架改版的,也有为视觉层面改版的等等…。当产品框架或者视觉满足不了这个阶段时,我们会选择改版,那小天才为什么改版?针对小天才APP得出以下结论:
没有品牌调性
目标用户不明确
信息层级混乱
没有统一规范
确定目标用户
小天才电话手表主要销售人群是小低至小高,而APP是为电话手表设计出来的附属产品,由家长使用,所以我们的定位人群当然是小低至小高的家长了(以前定位是儿童和家长)。用户画像如下:
品牌关键词提取
关键词提取需从用户、产品、品牌三个方面去考虑:
用户:用户想要得到什么?
产品:产品现状(愿景)是什么?
品牌:需要给用户传达什么?
基于以上三个问题,我们请了规划、交互、视觉、开发、测试等不同岗位的人来创建人物角色(PS:如果能请到决策层领导参加最好,方便后续产品落地与推进),通过人物角色来了解大家心里的APP应该是什么样子,从而得出品牌关键词。
头脑风暴
根据品牌关键词进行发散思维,为情绪版图像采集做铺垫。
情绪版分析
视觉设计和人的情绪紧密相连,不同的设计和图片会引发不同的情感。我们根据品牌关键词脑暴结果进行图像采集,将采集的图像从风格、色彩、文字排版、图案以及整体外观感觉进行筛选并进行分析,最终得出设计关键词。
图像分布如下:
设计关键词如下:
竞品&流行趋势分析
设计趋势并不仅仅是停留在视觉风格层面,要想了解当前设计趋势,需要结合市场、技术、设备等综合因素对设计趋势进行预测。要求设计具有可适应性与前瞻性。
同时研究竞品整体风格,从色彩、登录注册流程、界面控件、界面层级、空白页、专题广告、刷新动画等进行分析,挖掘可借鉴的点。(ps:如果竞品做的都不怎么样,可以针对单个功能进行同类型产品分析,如:儿童手表有定位功能,那么我们在设计地图时,可以分析高德、百度、滴滴、优步等地图的类型)
例如:
风格设定,概念方案设计
不同产品阶段,风格设定会有不同的出发点,小天才APP需要根据情绪版提取出用户对于整体外观与风格的多种可能倾向进行概念设计尝试,并将用户的倾向以具体的形式展示出来。
例如:
结尾
小天才在探索品牌核心引导下进行了改版,梳理了信息层级,并制定了相应UI设计规范及控件库的搭建,从各个细节(icon、颜色、界面排版等等)去强调品牌核心“简洁”、“有趣”、“品质”。