谷歌开发者

使用 Jetpack Compose,adidas CONFIRMED 开发者构建功能的速度提高了 30%

Image

作者 / Jetpack Compose 产品经理 Nick Butcher 和开发者关系工程师 Florina Muntenescu

adidas CONFIRMED 是一款面向品牌忠实用户设计的应用,并为用户提供独家的最新系列与精选系列产品。线上商店为街头服饰、时尚和潮流爱好者提供 adidas 的独家款式和联名款式,这样他们就可以在产品上市后立即购买。adidas CONFIRMED 团队希望提供出色的用户体验,并且始终在探索提升体验的新方法。如今,adidas 的开发者比以往任何时候都更需要 Jetpack Compose,这款 Android 用于构建界面的现代声明式界面工具包将能够帮助开发者改善应用内体验。
  • adidas CONFIRMED
    https://play.google.com/store/apps/details?id=com.adidas.confirmed.app
  • Jetpack Compose 
    https://developer.android.google.cn/develop/ui/compose

使用 Jetpack Compose

改善用户体验

adidas CONFIRMED 设计师每个季度会进行一次消费者调查,以获悉用户对新应用流程和界面增强的反馈。调查显示,80% 的应用用户更喜欢动画视觉效果,因为动画更能够吸引他们探索应用并互动。adidas CONFIRMED 开发者希望在应用界面中加入新的设计元素和动画,以加强互动。但是,该应用以前基于 Views 的系统限制了他们以可扩展的方式打造引人入胜的用户体验。
adidas 的 Android 工程师 Rodrigo Represa 表示: "我们决定在许多屏幕和用户旅程中构建动态元素和动画。同时,我们计划进行大量的界面更新,并着手寻找可以帮助我们实现这些目标的解决方案。"
切换到 Compose 让 adidas CONFIRMED 开发者能以前所未有的速度创建功能,工程效率显著提升。据团队估计,相较于 Views,Compose 让他们开发新功能的速度大约提高了 30%。如今,超过 80% 的应用界面已迁移到 Compose。
Image

创新应用内体验

作为应用新界面更新的一部分,adidas CONFIRMED 开发者打造了一个令人兴奋的动画体验,名为 "鞋子锦标赛 (Shoes Tournament)"。在这场比赛中,不同的联名款运动鞋正面交锋,由用户投票选出他们最喜欢的鞋子。两名开发者仅用三个月的时间就使用 Compose 从头构建了此功能。用户非常喜欢这个功能 – 它使应用的周活跃用户增加了 8%。

Image

在将 adidas CONFIRMED 过渡到 Compose 之前,团队很难对应用进行自定义,以融合其合作伙伴的品牌元素。使用 Compose 让这一切变得轻而易举。例如,应用的开发者现在可以使用 CompositionLocals 创建动态设计系统。此功能帮助开发者在联名款推出期间更新应用的外观,提供更具吸引力的用户体验,同时保持一致且简洁的设计。
adidas CONFIRMED 开发者添加的最令人兴奋的动画之一利用了设备传感器。用户只需移动设备,就可以在产品展示页面上查看他们正在浏览的产品并与之交互,就像他们在现实生活中拿着产品一样。开发者使用 Compose 为动画制作了逼真的灯光效果,使观看体验更加引人入胜。

用更简单的方法构建界面

可组合项让 adidas CONFIRMED 开发者可以重复使用现有组件。由于 adidas 旗舰应用和 adidas CONFIRMED 应用都属于同一个 monorepo 的一部分,工程师可以在两个应用中重复使用可组合项 (如表单和列表),从而快速轻松地实现新功能。
"Compose 的加速开发为我们的七人团队提供了更多时间,使我们能够在提供新功能和确保应用长期健康与可持续性之间取得良好平衡。" Rodrigo 表示。
Compose 还有助于为团队提高应用稳定性和性能。他们注意到,自从将应用迁移到 Compose 以来,与应用相关的崩溃显著减少,并且几乎没有出现与界面相关的崩溃。团队为能够提供无崩溃概率达到 99.9% 的用户体验感到自豪。
Image

着眼未来,构建更出色的应用

Compose 打开了以前所未有的速度构建新功能的大门。Compose 使用 Kotlin 的方式简单明了,开发者可以轻松创建 adidas CONFIRMED 用户所期望的引人入胜的界面。而且团队并不打算止步于此。
adidas CONFIRMED 团队希望进一步完善其新的代码库,并全面采用 Compose。他们还希望使用更多 Compose 套件将应用带到新屏幕上,并且目前正在使用 Jetpack Glance 开发应用 widget。这种新体验将为用户提供简化的新产品信息流,从而实现更高效的用户体验。
  • Jetpack Glance 
    https://developer.android.google.cn/jetpack/compose/glance
Rodrigo 表示: "我之所以推荐 Compose,是因为它不仅可以简化开发,还是一种更直观、更强大的界面构建方法。"

即刻体验

欢迎您开始使用 Jetpack Compose 优化您的界面开发。
  • Jetpack Compose 
    https://developer.android.google.cn/jetpack/compose
Image
Image
Image
Image

谷歌开发者特别招募活动进行中

诚邀热爱技术的你加入

通过多种形式 (文章/视频/coding 等) 创作与 Google 技术相关的讲解分享、实践案例或活动感受等内容,以及分享您应用 AI 技术的故事经历与成果。我们将为您提供平台和资源,助力您在分享中提升技能。更有惊喜权益等您领取,快来报名参与吧!


Image 点击屏末| 阅读原文 |即刻体验使用 Jetpack Compose 构建应用

Image

Image

Image