DUOLABS
作品集

职业体育联赛官方应用

我们参与了一款职业体育联赛官方应用 1.0 与 2.0 的开发,这款应用向球迷展示赛程、赛果、球员信息、新闻与比赛视频,购票以及入场用的手机电子票也都在应用内完成。它采用网页界面在应用内打开的混合结构,在网页上正常的链接跳转、媒体显示与加载,到了应用里可能表现不同。网页与应用分属不同团队,工作首先是分清问题归哪一方。工作涵盖衔接网页界面与应用功能的结构、网页界面的特殊处理,以及两方之间的数据传递与功能调用整理。

Launch
2021
Client
韩国职业体育联盟
Type
媒体·社区

01 / 04

从赛程到票务,球迷反复打开的信息如何排布

职业体育联赛官方应用把球迷反复查看的信息放在手机界面上,比如赛程、赛果、球员信息、新闻与票务。应用还展示比赛视频与照片,门票从预订到入场用的手机电子票都在应用内完成。用于阅读的内容界面与用于操作的功能界面(如订票)混在同一应用中,因此按界面逐一调整问题,避免浏览流程变得复杂。我们跨 1.0 与 2.0 两个版本参与了这些界面的开发。

从赛程到票务,球迷反复打开的信息如何排布
02 / 04

网页做的界面在应用里像应用本身一样打开的结构

混合应用由应用包裹网页做的界面加以显示,网页难以完成的事则调用应用功能处理。我们理顺了结构,让进入网页界面、调用应用功能、处理外部链接以及应用内的界面切换连成一条流程。网页难以处理的功能由应用补足,用户不必在意眼前的界面是网页还是应用。

网页做的界面在应用里像应用本身一样打开的结构
03 / 04

在应用内重新校准链接、媒体与加载时机的网页界面处理

在网页上没有问题的链接跳转、文件与媒体显示、界面加载时机,在应用里可能表现不同。我们在应用包裹的一侧逐一补足这些情形,让网页界面在应用里同样正常运作。网页与应用之间交换数据、调用功能的流程也一并理顺,使网页界面的状态变化与应用流程保持一致。

在应用内重新校准链接、媒体与加载时机的网页界面处理
04 / 04

先分清问题归网页还是归应用的协作准则

官方应用由策划、网页、应用三方分工协作完成。界面出现问题时,先分清它出自网页实现,还是应由包裹网页的应用一侧处理,再对齐需求与修改范围。远程协作中沟通偶有错位,但在这个过程中,我们深入理解了网页界面加载、网页与应用的衔接以及双方的责任边界。这份理解后来成为把基于网页的高级功能整合进应用的基础。

先分清问题归网页还是归应用的协作准则

项目亮点

01

网页界面与应用功能在同一应用内衔接的混合结构

02

在应用内重新校准链接跳转、媒体显示与加载时机的网页界面处理

03

理顺网页与应用之间的数据传递与功能调用约定

洞察

查看全部博客