以设计推动者的视角进行AP改版升级-设计思维沉淀
以网娱大师3.0改版为例,结合“五导家”设计方法,分三步走来阐述设计上思路和表现想法
网娱大师是什么?
网娱大师是一款基于网咖、网吧为主体,为玩家提供便捷支付和电竞赛事报名的APP。能方便用户精确查找附近网咖,还提供热门赛事报名、竞技约战功能、金币商城兑换、游戏全新资讯等功能,全方位为游戏玩家提供上网游戏服务。

为什么改版?
商业战略调整 - V1.0.0提出的“为网吧革命而生”战略目标,到 V3.0.0提出“竞技无处不在”战略目标转变;
快速成长带来的各种问题 - 1、没充分利用好网吧资源;2、产品热度不够平稳 ;3、红包风控预警 ;4、用户的忠诚度不高;
我们对玩家的感知 - 1、活跃度低;2、核心功能没特色;3、产品不好用;
关键指标 - 1、载量超过 20% 的用户只打开过一次;2、希望把 50% 的“用户”转化为“客户”;3、用户留存率 43% - 30% - 15%(次日,7日,30日);

转变思维方式:由被动执行到主动参与
总结1.0版本的经验,3.0版本对我来说会有更多的挑战,自己不仅仅只是一个视觉设计师,只承接上下游的视觉工作,单一从主观美与丑去设计整个APP,我希望更多的参与了解业务情况与产品架构。我需要主动参与产品的讨论和迭代,通过走查、数据分析发现痛点,这样可以从理性的角度出发去设计,使得每个设计点都有充足的理由支撑和逻辑的理顺,最大程度上发挥设计在整个产品迭代过程的价值和作用。
由于我们没有配备用研人员,很多事情要自己去调研完成,这样亲力亲为的用研,也方便我们拿到第一手资料,主要通过线下访谈的形式,走访网吧老板、邀约地推人员,根据特定的用户画像制定了一幅用户体验地图;

基于玩家喜好差异和诉求差异,归纳提炼出设计目标及策略。
设计目标:为玩家提供全方位上网游戏服务,和丰富专业化的电竞赛事及舒适流畅的体验;
设计策略:1、年轻&流畅首次体验;2、核心功能个性模块化设计;3、情感&互动 服务触达;
设计思路分析图

01.年轻&流畅首次体验

1、开启引导激励,个性的新手引导、引导页、情感化pop弹出层提示,来鼓励新用户完成注册;

2、设计无边界,寻找方案突破点,打造视觉感知的年轻化、个性化
根据“形色质构”视觉基本组成元素, 自己总结出“晶莹剔透”设计方法:
质 - 晶(精致):扁平而不简单,需要画龙点睛的设计去点缀,所以把icon着重精致细化、个性化设计;
构 - 莹(结构):采用中心对称法、左右视觉对称,使内容聚焦,再去装饰,凸显以内容为中心的核心理念;
色 - 剔(去除):减少或弱化线条和颜色,来突出主体和不必要的视觉干扰;
形 - 透(通透):通过不常规上下边距留白来代替线条区分空间,轻划分:巧用轻投影划分卡片模块化设计,来达到舒畅浏览和视觉呼吸;

个性的Icon设计

3、模块合理布局,高效浏览
视觉流遵循疏-密-疏-密的韵律节奏变化,更有利于下来下拉加载浏览的顺畅

02.核心功能个性模块化设计

1、核心功能赛事内容设计模块化
赛事内容设计多样化:总分为三大类型赛事,但根据线上/下不同分为6种比赛模式。六种模式根据不同展示要素和展示位,呈现出不同的展现方式。

赛事内容设计场景化:以v3.0首页为例,模拟竞技游戏的气氛场景:游戏卡片、5v5开黑、玩家列队等待等;

2、便捷的赛事报名,复制线上、线下的报名方式,做到省时、省力、省心;

3、情感&互动 服务触达

1、情感互动,口碑传播
前期收集了大量的竞品并做出分析总结,其中有一个叫Timehop的产品引起我的注意。它里面幽默文案非常有趣,这让我联想开有时候可能仅仅一句文案,一个动画,一个彩蛋都可以打动用户,使其与产品产生情感上的共鸣。这样产品不再是一个有代码组成的冷冰冰的AP应用,拉近与用户的情感距离,也达到我们自身的目的,让用户时不时想起有这么个关于竞技赛事、网吧的产品存在。

2、品牌基因渗透,视觉DNA的延续
通过局部特征的剪影的方式,吉祥物与Appicon的融合,加深品牌的亲和力和认知力。

3、情感组件化
视觉吸引 情感传递,提升亲和力,从而提升用户存留时间和粘性;
品牌认知 年轻化的网娱大师用户群体,加深品牌的亲和力;
结构统一 一致异常的缺省页组件,为后期版本迭代建立统一规范;

改版后拿到的数据

4.0版本

1.0版本

总结
网娱大师这次改版不仅仅对于电竞行业风格全新的一次尝试,对于我们自身也是一次全新的挑战。我希望自己仅只是个参与者,希望链路到产品研发设计的全过程,从多阶段、多维度思考和看待问题,寻找设计的突破点,不断的精雕细琢,精益求精,推进开发的问题解决和落地,主动求变,积极推进。每次迭代过程都需要各方力量一起合力,共同改进,缺哪一个环节都不行。






































