背景
旧版的应用中心已经历了两年线上运营,这个庞大的运营类平台就像久经微调却缺乏统一整理的超市,显现出了种种问题。
资源位暴力挖掘,样式缺乏统一,加上旧版设计已不符合当前日臻主流的扁平化设计趋势,我们于上半年酝酿并完成了本次应用中心的改版。
受限于资源紧张、时间要求高的客观情况,我们化身为商场陈列师,芟繁就简、构筑氛围,希望能给用户带来一种全新的、如同在精品超市购物般舒适贴心的应用寻找和使用体验。
用户
根据用户调研、眼动测试、体验地图等前期沉淀,我们可以分析出应用中心首页的主要用户类型与核心场景特点:他们拥有较为显著的个人偏好,却往往没有具体的目标,倾向于随性浏览。此前的用研沉淀表明我们的主流用户既是有偏好的(主要关注好友在玩和应用分类),同时又是无目标的(随便逛逛,看到感兴趣的就试试)。
用研数据来源 《应用中心首页活跃与流失用户调研报告》 by jolinjin
场景
整个首页场景的核心,可以划分为“浏览应用”与“选择应用”两个部分,同时在浏览和选择的过程中,感受应用中心的整体氛围,形成完整的浏览体验。
关于“浏览”:让用户更快速找到商品;
关于“选择”:让用户更容易做出选择;
关于“体验”:让用户的购物体验更专注,更愉悦;
方法
我们追求清晰、高效与友好,化繁为简,打造专注愉悦的体验。相应地,我们的设计方法,可以提炼为简形、饰意。通过简形以建立条理,清晰结构,让用户 可以快速定位;打磨信息元素,让用户对商品的特点一目了然,顺利做出选择;通过饰意,打造沉浸感和代入感,提升整体的购物愉悦度。
如同商场陈列师,我们梳理结构,搭配商品,组合分类,装饰橱窗,将整理与修饰工作寓于改版之中,用心雕饰。
“简”为减法,“饰”为加法
“形”为外在,“意”为内涵
——寻求加与减、形与意之间的完美平衡
简形是建立条理的过程,而饰意则是添加风格理念、突出重点。两者是反复交叉、相辅相成、不可分割的平衡关系。
—————我们从用户、场景推导出设计目的和设计方法,下面来说说怎么实施————
简形-减少冗繁
陈列师改造商场的第一步,建立信息条理,整理结构,减少多余的冗繁,把顾客从迷宫般的复杂结构中解放出来。
结构
问题:页面中充斥的各式各样的“假想线”使结构变得凌乱。
解决:我们将原来的4+1结构调整为均等的4等份,强化条理分明、整体清晰的视觉感受。在应用槽位不改变的情况下,减少纵向列数,能让各个应用信息的展示区域更为宽松透气,就像货架间距变宽会让购物环境更松泛舒适,显著减少用户浏览时的心理压力。
成果:新版栅格让首页首屏的安装量跃升了17%.
元素
问题:在版面里编排的图形元素或文字越多,越容易显得杂乱无章,降低阅读效率。
解决:我们梳理各个视觉元素之间的关系,按照一定规律去编排要素。归类,整理,统一,让每一个货架、每一个元素都烙上相同的气息。