MXD

取消

Next -应用宝7.0设计总结

mxder

mxder

2017.2.22

The distance has disappeared, either innovation or death. – Tom Peters
距离已经消失,要么创新,要么死亡。 -汤姆·彼得斯

以变致远

回顾2016,手机厂商圈地结束,移动互联网格局尘埃初定,人工智能时代来临。 
智能革命带来技术和体验的变化,正悄无声息又来势迅猛的影响着每个人的生活。 
年轻用户群体迅速增长,获取信息的渠道更为多元,对体验的追求更加个性化和智能化。

面对市场趋势和用户需求变化,应用宝敢于思变,打造应用分发的下一代体验。
从应用分发升级到围绕应用分发的内容服务等需求解决方案的分发,
在产品体验上打造差异化,进一步提升品牌认知。

基于产品功能拓展,用户行为路径以及提升品牌认知的目标,
我们着重从两个方面出发打造7.0的版本体验,
一、设计基因
二、框架结构

一、设计基因

结合产品升级及体验差异化需要,进一步提升应用宝的品牌认知,视觉风格及品牌元素在继承中进化,构建可延续的设计基因。
基于产品功能、品牌定位和目标用户,提炼视觉设计关键词:简单、品质、新鲜。

定义色彩体系规则
提取应用宝logo四色微调注入活力,结合符合设计关键词属性的中性黑色,应用于全局界面。
简约的中性色保证内容为主的整体体验,搭配栏目图标四色构建良好的信息层级。

提炼品牌元素图形,精彩总在下一刻 (Next Moment)
数百万计的应用及丰富的内容服务,正在应用宝等待用户去发现,这正是应用宝品牌自诞生之日便被赋予的内涵。
经过多个版本的迭代进化,运动与变化的趋势逐渐注入,就像更多可能性向我们涌来,更多精彩就在下一刻。

从应用宝logo提取基础四色圆形,拓展形成不同方式和维度的运动轨迹,如同在应用宝探索的无数瞬间,时刻让用户感受到,精彩,就在下一刻。

去个性化的界面风格,关注内容自身呈现
去个性化的界面风格,更符合应用宝的平台工具属性,以及内容服务分发的体验方向。
去除修饰性的干扰元素,精简信息减少层级,增加留白提高信噪比,更关注内容自身呈现,为整体带来清晰有序的感受。

简约通用的图标设定更加符合应用宝的平台特性,使界面整体统一协调。
系统操作类图标沿用中性黑色,栏目入口图标采用基础四色,让信息层级层次分明。

梳理规范整体控件,加强统一体验的同时,提升控件的可用性及操作效率。

二、框架结构

精准与模糊结合,强化用户路径
用户在应用商店的诉求分为三种类型:精准、模糊、闲逛。
6.X版本应用宝对用户诉求的解决现状:
精准需求在搜索下满足较好;模糊需求基本能够解决;闲逛发现的成本较高。

承载产品前进方向即需求解决方案分发能力,并结合用户行为路径形成良好体验,是框架结构与信息层级设计的重点。
7.0版本在框架结构上简化并明确了不同区域的属性,将信息层级由6.X版本的多元网状优化为树状扁平结构。

定义三大首页,发现更多惊喜
模糊和闲逛诉求更接近用户需求解决方案本质,但其需要承载更加宽泛的内容及信息。

结合模糊和闲逛需求及解决方案分发的方向,我们定义了应用宝三大首页。
大首页:以内容带动应用分发,内容推送满足用户个性化。
软件首页:基于场景聚合推送。
游戏首页:基于场景聚合推送,服务在玩游戏用户。

未来已来,下一代交互方式的探索
机器人模块采用了对话式用户界面CUI(Conversational User Interface)的体验方式。
通过更自然的语言交流就可以完成操作,为用户提供需要的内容及服务,完成需求解决方案分发。

AI技术在语义识别等方面尚未成熟,目前的CUI仍是过渡形态,我们加入了引导式设计来帮助用户在操作流程中获取更好体验。
快捷回复针对特定问题配置选项,引导用户快速触达推荐内容。
信息收集卡较好的提升了信息收集的效率。

统一体验

基础规范的建设,有效保证统一体验,又提升设计实现的协作效率,对塑造产品个性也起到至关重要的作用。
应用宝7.0规范模块分类:品牌、基础元素、控件、卡片、视图、文案

Less on the stage, more from behind the scenes

历经前期预研、概念尝试和方案演进,灰度版本反馈收集优化,7.0持续调整不断完善。
背后的思考和打磨,一篇总结难以尽述,更多细节敬请在产品中体验。
最后,感谢业务团队产品开发同学的无间协作,感谢过程中Design Plus专家的倾情指导,
与设计各角色伙伴共同打造新版体验,embrace Next。