APP

202469 UBR UBR B2C

UBR APP访

APP

时间

2024年7月–9月

类型

UX 设计

团队

5位成员

/ 项目背景

北京环球度假区官方APP

北京环球度假区官方APP 是一体化的数字平台,致力于提升游客的整体体验。作为旅程中的核心工具,它不仅提供实时信息和导航,还能带来个性化服务。用户可以轻松查看园区地图、了解项目等待时间、预订门票和餐饮,从而高效规划行程,享受顺畅的游园体验。

北京环球度假区
官方APP

问题

作为度假区增值服务的核心入口,北京环球度假区官方APP 承载了快速通行证、主题餐饮和酒店预订等关键功能,这部分业务约占整体收入的30%。然而在现有的信息架构中,这些高价值服务被埋藏在层级较深的导航路径里,用户往往难以发现或意识到其存在,造成可发现性不足转化率偏低。这不仅削弱了用户旅程的顺畅度,也影响了商业目标的达成。

设计目标

通过优化增值服务的可见性并简化用户旅程,我们的目标是在提升整体用户体验的同时,提高这些服务的转化率。

/ 设计流程

通过用户数据评估当前产品,识别需要优化的关键问题。

1

当前产品分析

研究竞争产品,评估其优势与不足,为潜在改进提供参考。

2

竞品分析

提出改版策略,从视觉元素重设计与信息架构重组入手,提升可用性与导航体验。

3

优化策略制定

制作高保真原型并完成界面设计,使其与优化策略保持一致,确保用户体验的整体提升与一致性。

4

原型与视觉设计

/ 当前产品分析

APP 首页问题诊断

交互引导

搜索栏与导航栏缺乏提示与引导

用户找不到常用功能与增值服务,完成任务效率与商业转化率低

功能可见性

金刚区图标优先级混乱,核心功能埋没

购票与增值服务按钮指引不清晰

用户较难找到常用功能与增值服务,完成任务效率与商业转化率低

视觉层级

Banner 与 IP 展示占据大面积首屏,强调 IP 和活动宣传,弱化服务体验

用户在真实场景(园区游玩时)更需要实用信息,而不是品牌曝光

个性化与动态信息

首页信息固定,缺乏基于用户身份/场景的推荐

不同用户需求差异大(是否入园/是否有年卡),体验不连续

信息架构

首页承载多个模块(搜索、活动、功能入口、购票、IP 展示、园区信息),层级不清晰

用户需要扫读,难以快速找到关键功能

/ 竞品分析

上海迪士尼度假区官方APP

优点(Pros)

缺点(Cons)

图片占比过大,功能可见性不足

低信息密度的视觉占用过多首屏空间,削弱了高价值功能的曝光率。


活动展示区弱化

缺乏专门的动态活动入口,用户难以及时获取最新活动,影响互动与参与度。

信息架构清晰

在首页对入园前(订票)、园内(活动/游玩)以及增值(会员/权益)等功能做了分区,用户能快速建立心智模型。


任务导向明显

通过状态感知切换界面,帮助用户在不同使用场景下(购票 vs 入园游玩)直达任务。

长隆旅游官方APP

优点(Pros)

丰富的产品与优惠信息

首页包含大量促销与产品优惠内容,强化了转化潜力。


优惠标签清晰

红色标签强化视觉引导,帮助用户快速识别优惠信息。

缺点(Cons)

广告比例过高
广告与促销占据首屏超过一半,导致核心服务入口被淹没,用户识别关键功能的效率降低。


信息过载风险

高密度内容叠加大量广告,容易造成用户认知负担,增加跳出率风险。

/ 确定优化策略

对首页信息架构进行分层,明确「高频任务入口」与「次要功能」的层级关系,减少认知负担。


突出购票、排队时间等核心任务入口,提升任务完成效率。

提升增值服务(如 优速通、美食、套餐)的曝光度,并通过差异化视觉设计突出。


将商业信息与用户任务路径结合,自然推动转化。

商业转化提升

基于用户身份(游客/会员/在园用户)和场景(入园前/入园中/活动期),动态调整首页模块。


提供个性化推荐(如实时排队信息、定制活动提醒),提升体验相关性。

个性化推荐与自适应模式

保持 UI 组件、交互模式与品牌视觉的统一,减少学习成本。


在一致性的基础上,形成统一的设计系统,兼顾灵活性与品牌延续性。

设计一致性保持

功能分区强化与层级优化

/ 原型与视觉设计

搜索栏

在搜索栏中预设快捷推荐词引导用户主动探索核心服务,提升功能可发现性

在通用模式的改版中,我保留了原有的视觉风格和大部分功能模块,以确保连续性并维持用户的使用熟悉度。为提升服务的可见性,我新增了平铺式服务区块,同时将 IP 展示区移至页面底部,使感兴趣的用户可通过下滑进行探索。

入园后,图标区与磁贴区的内容将根据用户在园内的实际需求进行动态调整。此外,系统会结合用户位置推荐相关产品或服务,以提供更具针对性的体验。

当用户为年卡持有者时,首页会动态调整服务卡片,将部分功能替换为 年卡专属服务或升级推荐,突出个性化体验与用户价值。

在特殊节日或活动期间,首页将切换为对应主题页面,图标样式与磁贴区内容同步更新为节日风格,从而增强用户的沉浸感

节日模式

轮播图区

通过活动+IP 结合轮播图,在保持品牌吸引力的同时,推广即时性活动信息

功能入口区(金刚区)

服务类高频任务集中在统一入口,减少认知负担,提高任务完成效率

功能入口区(金刚区)

将功能入口按照游园场景的使用优先级重新排序(如行程、排队、预约),确保高频任务在入园后更易触达,提升效率。

服务卡片区(磁贴区)

服务卡片区也将按照更贴合园区场景的顺序重新排列并推荐增值服务与优惠活动,进一步优化交互流程

探索附近

基于用户在园区内的位置推荐周边服务或产品并实时显示距离,提升探索的相关性与便利性

游园信息

游乐设施的排队时间将按距离远近排序并显示距离演出时间则按剩余时间排序并同时显示距离帮助用户更高效地安排行程

入园前

入园后

入园前

入园后

浮动提示

新增悬浮提示动态引导用户探索更多内容,提升交互引导性

通用模式(入园前)

年卡用户(AP)模式

游园模式 (入园后)

服务卡片区(磁贴区)

通过卡片式布局突出增值服务实现信息可见性与商业转化的自然结合

入园前场景(价值强化)

  • 服务卡片中增加“年卡升级”“专属优惠”入口,强化年卡价值感与身份区隔。

  • 提供清晰的升级/续费路径,引导用户提升长期粘性。


入园后场景(个性化权益落地)

  • 服务卡片替换为“年卡专享福利”“专属活动推荐”,结合实际游园需求,增强差异化体验。

  • 与实时任务结合,例如快速通行、专享餐饮折扣,提升年卡用户的游园效率与满意度。

整体氛围营造(品牌沉浸)
首页视觉主题与节日活动氛围一致,强化用户的节日情境感,提升品牌吸引力。


功能入口区(场景化适配)
功能入口保持一致结构,但图标样式与主题同步更新,兼顾操作熟悉度与节日感。


服务卡片区(活动转化导向)
节日模式下,服务卡片动态调整为节日相关服务(如万圣节优速通),实现商业转化与场景结合。


/ 最终上线效果

首页版本最终于 2026 年 1 月上线。 相较最初方案,落地版本在交互层面进行了三处优化:


首页状态支持手动切换

在原有“根据游客是否入园自动切换首页状态”的基础上,新增手动切换入口,增强用户对当前浏览模式的掌控感。


金刚区增加滑动探索的视觉暗示

通过将第五个入口图标以“半露出”形式呈现,向用户传达该区域可横向滑动的信息,引导探索更多功能入口。


卡片区支持横向滑动浏览更多内容

除首页默认展示的增值服务卡片外,用户可通过左滑查看更多卡片内容,提升信息的可发现性与使用效率。



上线后的数据反馈验证了本次改版的有效性:

增值服务板块整体点击率(CTR)提升 24%,并进一步带动相关服务的整体渗透率提升 9%。这表明本次改版有效改善了商业内容的曝光结构与转化效率,实现了体验目标与业务目标之间的平衡。

Create a free website with Framer, the website builder loved by startups, designers and agencies.