案例 02 · OPPO Find N3 Flip · 2023.03—2023.08

把外屏从卡片升级为可扩展的应用式系统。

新一代小折叠手机需要承载更多应用能力,但上一代独立卡片框架无法继续扩展。作为项目设计负责人,我提出新的外屏框架,负责问题定义、五类系统空间、核心交互与关键取舍,并协同产品、研发、视觉、动效及负责外屏锁屏组件的业务团队推动落地。

OPPO Find N3 Flip 粉色机型与外屏
OPPO Find N3 Flip 与正式发布的外屏体验。产品素材来自 OPPO 官方公开页面。
项目角色
项目设计负责人
项目周期
2023.03—2023.08
我主导
问题定义 · 体验策略 · 系统架构 · 交互模型 · 关键取舍
协作伙伴
产品 · 研发 · 视觉 · 动效 · 负责外屏锁屏组件的业务团队
体验范围
首页 · 资源库 · Mini App · 通知 · 控制中心 · 布局 · 组件
发布状态
随 OPPO Find N3 Flip 正式发布

01 / 结果概览

把一块受限的小屏,变成可以持续生长的产品系统。

新框架不再把每项能力装进彼此独立的卡片,而是建立一套能够承载应用、通知、系统控制和个性化表达的共同结构。

5职责不同、部分并行的系统空间
15+负责外屏锁屏组件的业务团队
30正式上线的外屏组件

15+ 统计的是负责外屏锁屏组件的业务团队;30 为正式上线的外屏组件总数,两者是不同统计口径。

02 / 挑战

卡片足够简单,却无法承载下一代外屏。

团队结合现有产品形态分析和上一代反馈判断:用户认为外屏价值有限、可用场景不多;与此同时,新一代产品需要更多应用支撑竞争力。问题不再是增加几张卡片,而是建立能够持续承载应用的系统结构。

01

显示能力有限

外屏分辨率相对较低,需要控制字号、信息密度与视觉细节。

02

屏幕尺寸较小

不适合精细、复杂的操作与设置,需要优先保证高频任务可达。

03

使用方向固定

无法自由横屏或倒置使用,布局与交互需要在稳定方向内保持可预测。

03 / 成功标准

不是把内屏缩小,而是建立可扩展、可预测的共同结构。

我们用三项标准约束方案:支持更多应用进入同一框架,复用熟悉的系统心智,并让多个业务能够在共同规则下交付。

01

同一框架持续接入

新增应用进入共同结构,而不是为每项能力新建入口。

02

复用熟悉系统心智

选择性复用内屏手势与状态关系,减少两块屏幕之间的重新学习。

03

规则支持规模化

通过共同布局规则与视觉规范,保证多业务实现的一致性。

04–06 / 关键决策

三个决定,让外屏从功能集合变成产品系统。

决策 01 · 系统架构

用五类系统空间划清职责,而不是增加一条更深的线性路径。

在本次新框架设计中,我将首页、Mini App、内容提醒、简单提醒与全局设置划分为五类职责不同、部分并行的系统空间,并定义各空间的显示位置与行为边界。它们会随任务或系统状态出现,不要求用户沿固定层级依次进入。

01

首页

时间、身份与一眼可见的信息

02

Mini App

可继续操作的任务与应用内容

03

内容提醒

需要阅读或处理的丰富通知

04

简单提醒

轻量、即时的状态反馈

05

全局设置

跨场景生效的系统控制

五类空间按职责组织外屏内容,并随任务或系统状态出现。

决策 02 · 交互模型

一个应用入口,一套全局手势。

早期备选方案曾保留原有卡片,让资源库与卡片并列并通过连续左滑访问。它延续上一代习惯,却形成“卡片”和“应用”两套内容心智。团队最终共同选择应用式模型,由资源库统一承载 Mini App。

解锁后左滑进入资源库,点击打开 Mini App;左上或右上下滑分别进入通知中心与控制中心,底部上滑退出应用。手势尽量复用内屏心智。统一入口减少部分直接曝光,却换来更稳定的扩展方式。

系统流转

主任务保持简单,全局能力随时可达。

资源库承接应用扩展;通知与控制中心作为全局覆盖层,不改变用户当前所在的主任务。
全局覆盖层
左上向下滑通知中心
右上向下滑控制中心
系统事件触发,不打断任务轻量提醒

覆盖层上滑关闭,返回原任务状态

01

首页 / 锁屏

时间、身份与一眼可见信息

02

资源库

Mini App 的统一入口

03

Mini App

继续操作具体任务

底部上滑退出应用,回到资源库

这些空间按职责协同并部分并行,不是要求用户依次进入的固定层级。

Find N3 Flip 外屏主路径与全局手势关系。

决策 03 · 规模化交付

用受控布局和组件规范,把个性表达转化为可规模化交付的系统。

三套布局并非机械地按组件数量划分,而是根据资源样式与时间、组件之间的组合关系建立,确保小屏上的主要信息仍有合理位置与可读性。

外屏组件规范由团队视觉设计师输出,统一尺寸、样式与状态原则;我主要协同推动各接入业务团队按照规范完成组件设计、开发与落地。

三套布局响应资源样式、时间与组件的组合关系;视觉规范与跨业务协同共同保证落地一致性。

07 / 验证与迭代

通过可用性测试和内部试用,提前发现理解与实现问题。

项目通过可用性测试与内部试用进行验证,参与者包括部分研发伙伴与外部核心内测用户。团队重点观察入口和操作是否易于理解,以及工程实现后是否出现局部可用性问题,并据此持续优化交互与实现细节。

08 / 最终体验

同一套系统结构,承载不同应用与个性表达。

最终体验既能通过高频组件快速完成任务,也能以互动内容、人物影像、时钟、壁纸与全屏 AOD 建立个性。系统的一致性来自共同层级与行为规则,而不是要求每个外屏看起来相同。

09 / 正式发布与产品级用户信号

从系统框架,走向用户能够感知的正式产品体验。

外屏体验随 Find N3 Flip 正式发布,并在产品发布演示中重点介绍。上市一个月后,OPPO 消费者洞察部面向 1000+ 名中国大陆购机用户调研该机全部软硬件特性;整体外屏体验在“用户最喜欢的特性”中排名第 1,在“购机关键决策因素”中排名第 2。

Find N3 Flip 发布演示中的外屏体验。
产品

发布会重点介绍

应用、组件与个性化外屏体验成为正式产品叙事的一部分。

用户

最喜欢特性第 1

来自上市一个月后对 1000+ 名中国大陆购机用户的公司调研。

业务

购机因素第 2

整体外屏体验在购机关键决策因素中排名第 2。

团队

公司级「极致体验奖」

由 Find N3 Flip 外屏跨职能项目团队共同获得。

调研范围覆盖该机全部软硬件特性;“整体外屏体验”包含首页、应用、组件、通知、个性化内容及软硬件协同体验。

10 / 我的贡献与反思

新形态硬件需要新的系统,而不只是新的画布。

我直接提出并负责
  • 将“增加更多卡片”重构为“建立可扩展外屏系统”
  • 提出新框架并定义五类系统空间的职责
  • 负责核心交互与关键取舍
  • 协同 15+ 个负责外屏锁屏组件的业务团队完成设计开发与上线
团队共同决定与完成
  • 以应用形态替代卡片作为主要内容模型
  • 产品策略、功能优先级与首发范围
  • 视觉设计师输出外屏组件规范,视觉、动效及各业务团队完成具体方案
  • 工程实现、集成测试、发布与上市后研究
扩展性不是增加更多入口,而是先建立一套团队能够共同使用、用户能够稳定预测的体验语法。

下一案例 · OPPO Find X 系列魔方快捷键

从一枚物理按键,建立跨状态一致的系统交互模型。

为全新的侧边物理入口定义行为、场景与多模态反馈规则,再把局部设置问题推进为首次认知与设定旅程。阅读魔方快捷键案例