VIVO|商业与体验的平衡|应用商店9.0设计改版
侧边栏壁纸
  • 累计撰写 2 篇文章
  • 累计收到 1 条评论

VIVO|商业与体验的平衡|应用商店9.0设计改版

送你一颗黑凤梨
2025-04-26 / 0 评论 / 4 阅读 / 正在检测是否收录...

原文链接
## 引言
应用商店业务处于成熟期,设计改版并非易事。它如同一座繁华的城市,兼容着各个年龄段和口味的人群,如何更好的满足不同人的需求?这是我们的首个挑战。与此同时,需要确保商业化分发效率的稳定,这是第二个挑战。
然而,我们在不断的尝试中找到了答案,这是一种借助科学方法去衡量和理解用户体验,并通过简洁而内敛的设计来解决问题的方式。这是一次商业和艺术的结合,是我们对卓越体验不断的追求和承诺。
于是,在精心策划的9.0版本更新中,我们成功地打破了传统模式,将克制美学融入到商店的设计理念中,让它成为一种有效的方法和我们坚持信仰的一部分。
这就是我们对应用商店业务的理解,一种更加深情、精致且优美的诠释。

项目背景

为什么要做9.0改版?

21年商店经历数次设计改版,灰度测试,最具有代表性的是《商店UI9.0视觉升级》及《动见创意探索专项》,致力于打造精彩的产品体验,为商店业务提供创新的设计思路。但都因商业化数据下降,而未能成功上线。回望过去,商店未做大改版已有3年之久,8.0版本号从8.01到了8.99,即将破百。
m9y5nnmz.png

为什么商店改版这么难?有两个难点

难点1:通过调研我们发现商店有四类用户,且年龄与喜好跨度大,不同群体有不同诉求,年轻群体追求好逛、惊喜。而大龄用户追求安心、易用;在设计时需要兼顾权衡。
m9y5oi61.png
难点2:满足大盘用户诉求的同时,需要确保商业化分发效率的稳定,设计时需要保证内容展示效率,这也是导致产品形态不敢做较大变动的根本原因。
m9y5otfh.png
因为体量大、商业化重,做一点改动对数据波动就会很大,导致进入到担心数据不好不敢改动,不敢改动就没有变化的困境循环。
过程中我们深刻认识到,仅通过表层的视觉刷新,没有整体产品形态和内容的改版,是无法达到用户对商店好逛、惊喜的感知的。所以需要通过与业务侧共创,对功能、框架、内容、表现层面寻求新的设计突破,并找到商业化和用户体验的平衡点,才有可能给用户焕然一新的感知,达成9.0升级目标。通过小伙伴们的不懈努力,历经200多天,2次规划汇报、10+次共创工作坊、1次完整提案,我们运用科学度量发现问题,通过克制美学解决问题,最终与业务通力合作,完成了这次9.0改版的突破。

设计目标推导

22年,通过体验度量模型两期监测,我们精准定位到“吸引力、新颖、简洁、一致性”四个低分指标,并且这些低指标项都涵盖在之前用研定性访谈结论中。
m9y5qo5r.png

业务侧也针对不同诉求用户制定了9.0整体产品规划:1、夯实基础体验,2、拓展服务边界,3、分人群个性化 4、建立期待,希望通过以上策略,给用户打造更安心、智慧、精彩的商店,满足多样化需求,基于业务侧9.0规划,设计会着重围绕两个部分来提升体验。
1、「框架及信息的升级」致力于让用户更好找、更快决策,对应业务规划夯实基础体验的设计策略。
2、「品牌形象重塑」致力于为用户打造品牌一致性、有吸引力、新颖的商店,为用户营造更加官方高效、懂我贴心、好逛惊喜的感受。总体设计策略与业务是相契合的,助力商店业务达成活跃分发的目标。
m9y5r0y5.png

01框架优化思路

通过框架优化让布局更合理,用户需求路径更好找。

1-1 首页框架优化

首页框架问题主要有这三类:
1、首页模糊需求路径较乱,主次场景归类不太清晰。
2、分类作为核心路径,人均分发效率和渗透率高,但入口分散不明显,用户感知弱。
3、没有入口可以运营,整体框架可拓展性较弱。
基于以上,我们提炼出总体设计目标——通过合理区分主次模块、构建合适的框架样式,让用户更高效的找到功能模块,达成易辨别、易理解、及分发指标的提升。

m9y5sulz.png
针对首页框架层,用户在商店有4种需求解决路径,精准、模糊、潜在、管理,模糊需求目前占比最大,比如哪个视频app更好?哪个自拍更好看?哪个养成游戏更好玩?模糊需求主要分为核心和次要场景,核心场景为搜索、分类、游戏、应用,需要强化路径感知,让用户轻松触达;次要场景为必备、排行、热门、专题等,需要合理归类方便查找。

m9y5uonw.png
针对首页框架,我们通过竞品分析归纳出三种常见类型。入口分流是我们商店现有框架,金刚入口处于视觉焦点位置,感知强,拓展性较差;平行分流是华为、小米、应用宝的框架结构,底tab与顶tab权重区分较好,顶tab拓展性强;平行入口分流是电商类惯用结构,较复杂,比较适合于商品类目较多的产品。
最终我们从用户和平台视角认为「平行分流结构」更优,原因是布局简洁,功能主次分区明确,能更好的兼顾拓展性和屏效比。
m9y5uzrf.png
我们的框架设计方案也采用平行分流结构,首先,将入口改为Tab,区分框架优先级,强化底Tab权重;
其次,将分类下移到底Tab,加强全局性,强化模糊需求核心路径感知,而排行则上移到顶Tab与推荐内容归类;
再次,将顶部Banner下移,凸显搜索入口。通过这些优化让用户模糊需求主次路径归类更清晰,凸显分类权重和感知。
m9y5v9v9.png
最后,在顶Tab中,我们预留出运营拓展空间,让常规活动、精品内容、新内容在页面内可以更灵活的尝试,让用户方便的感知到高品质运营内容。

1-2 分类页框架优化

分类页改版是本次9.0产品规划中,有效提升活跃和转化的重要场景。我们通过走查和竞对发现有以下体验问题
1、一级分类展示不全,用户不易察觉。
2、页面信息平铺,与应用相关的信息少。
3、任务路径深,浏览内容须跳至二级页面。
所以我们希望通过框架布局调整,让用户更高效找到目标类目,提升查找效率。通过调研,了解到分类用户偏下沉,希望操作更简单,信息更直观。
根据业务目标及用户诉求,提炼出分类页改版的设计目标是,通过框架优化,让操作短平快;通过结构优化,让信息更易辨别。
m9y5wcrt.png
针对分类框架,通过竞品分析归纳出三种常见类型:
1、侧竖向导航,在单页中切换tab
2、索引导航,用户可快速定位二级类目,但下载路径较长。
3、平行分流导航,对特定类目信息曝光大,但一级类目切换路径长。
从用户视角和从平台视角综合来看,使用「侧竖向导航」更优,原因是层级扁平,操作短平快,使用效率高,兼顾拓展性和屏效比。
m9y5x2h2.png
最终,分类框架设计方案是,在框架层扁平化层级,通过设计侧竖向导航,将双级页面变为一级页面,缩短下载路径,让用户切换类目下载更高效。
m9y5xdf3.png
对于二级分类,我们也尝试了多种方案,最终选择「去掉排序功能,强化二级分类的方案」,为了让切换二级页更方便。
因为从后台数据发现,二级类目的活跃和分发都比一级要高,需求强烈,排序的活跃和转化很低;用户希望快速触达二级分类,且简单直观,易于理解;所以我们建议去掉排序,强化二级分类的方案,整体层级更简化,用户切换更直观方便。经过科学的论证,也说服了产品侧接纳我们的方案建议。
m9y5xopx.png
同时也考虑到与游戏中心的统一性,让两个产品整体框架和基础控件感知保持一致,避免差异化体验,让用户在相同场景下能尽可能保持一致的操作习惯。最后,我们来看一下首页和分类页整体框架优化后的效果。
m9y5xwtm.png
新版上线后,从体验度量和数据层面都获得了出乎意料的结果。从体验度量检测结果来看,框架优化让操作步骤变得更简单高效,用户反馈更加简单易学了。同时单场景度量结论中发现首页、分类场景在操作简单、易学、操作步骤短平快等指标都超过大盘平均分,这也充分验证了前面对框架及信息的思考。
那我们再来看一下数据层面,首页框架改版 + 页面视觉体验优化,让翻屏率提升明显,说明用户对新版有较大的浏览兴趣;分类页的用户诉求也被更好的满足,分发量有了大幅增长。说明改版从产品和用户层面都是符合预期的

1

评论 (0)

取消