Portfolio · 2026 · Interaction Design

7 年半交互设计经验,长期负责车载 HMI 与智能终端系统级交互设计。我的工作重点是把多屏、多音源、多状态、多场景中的复杂约束,转化为清晰的任务规则、承接方式与系统边界,让交互在真实业务与工程条件下成立。

向下滚动
01
多屏界面层级规则 多屏显示形态 · 任务承接与安全仲裁
系统设计 · 星纪魅族
02
音乐小窗 系统级公共播控容器 · 多音源一致性与后排延伸
车载媒体 · 星纪魅族
03
车载音乐体验升级 入口、推荐、播放器、桌面与跨端流转
车载媒体 · 星纪魅族
04
情境表达系统 主题美化 · Alive 壁纸 · AI 介入边界
座舱主题 · 星纪魅族
05
轻服务接入 非手持空间终端 · 语音优先 · 轻服务承接
智能硬件 · 外部项目
01 / MULTI-SCREEN · MEIZU FLYME AUTO
多屏界面层级
与任务承接规则
多屏的核心问题,是任务如何接入、共存与退出。

屏幕形态不再只是大小差异,而是决定什么任务适合进入、信息该收敛到什么程度的能力边界。从尺寸适配、长连屏分区到全屏性格定义,建立多屏场景下的任务接入、共存与退出规则。通过30+ 应用拆解200+ 页面验证,把分散页面收束为可复用于多个合作车企的系统规则。

SCREEN FORMS · ONE ANCHOR FULLSCREEN · THREE GATES 开放 条件 限制
30+
应用拆解
200+
页面验证
系统规则 多屏适配 任务仲裁
02 / MUSIC WINDOW · MEIZU FLYME AUTO
音乐小窗
系统级公共播控容器,覆盖 13 种音源、3 块屏幕与多种使用场景。

音乐已上车,但音源越来越多,桌面、副驾、后排状态各不相同。我把音乐小窗作为系统级公共播控容器设计:对用户屏蔽音源差异,对系统保留判断颗粒度,并定义打断恢复、动态音源黑盒消失与后排扩展规则。

SYSTEM-LEVEL PLAYBACK CONTAINER 13 音源 音源 音乐小窗 公共播控容器 3 块屏幕 主驾 副驾 后排 · 延伸 FOUR DIMENSIONS 一致性 屏蔽音源差异 差异化 保留判断颗粒度 边界 打断与恢复 延伸 后排公共播放 对用户屏蔽差异 · 对系统保留颗粒度
13
音源接入
3
屏幕形态
系统级容器 多音源一致性 后排延伸
03 / MEDIA EXPERIENCE · MEIZU FLYME AUTO
车载音乐的系统级
体验升级
音乐内容已经接入车机,真正的问题变成:用户如何快速开始、主动找歌,并在系统场景里持续听下去。

基于用户研究,我把车载音乐需求拆成快速开始、主动找歌、持续收听与场景推荐四类任务,并重构首页、音乐馆、播放器、桌面卡片与跨端流转,让音乐从 App 内功能升级为系统前台体验。

SYSTEM-LEVEL MEDIA · 让音乐在对的时刻出现 用户两类 我重构的 3 层 系统承接 随遇而安型 目标明确型 同首页 · 互相挤压 15× 点击率差距 结构层 页面只做一件事 体验层 跳出应用边界 氛围层 整舱沉浸联动 上车顺起来 系统级前台 整舱共鸣 AI 推荐 · 该不该出现 驾驶 意图 价值 反馈 推荐才出现
4
层体验升级
15×
点击差异
结构重构 系统前台 跨端流转
04 / EXPRESSION SYSTEM · MEIZU FLYME AUTO
从主题美化
到情境表达系统
围绕 Alive 壁纸、文字壁纸、微光插件与入口重构,判断 AI 介入的位置、边界与生成条件。

我把主题系统从「换皮肤」的美化功能,推进到能表达状态、情绪与场景的情境系统Alive 壁纸负责动态感知,文字壁纸负责低门槛表达,微光插件负责生成条件验证,入口重构负责让能力被看见。整个项目沉淀下四个动作 —— 翻译 · 拆解 · 克制 · 看见

EXPRESSION SYSTEM · 翻译信号为表达 感知输入 我重构的 4 个模块 表达落地 人 · 偏好 车 · 状态 场景 · 时空 Alive 壁纸 文字壁纸 微光插件 入口重构 花朵开合 视觉动势 陪伴姿态
3
款上线壁纸
14
份测试样本
情境表达 Alive 系统 AI 判断
05 / SPATIAL TERMINAL · FITURE
非手持空间终端中
的轻服务接入
设备前台任务不同,轻服务进入体验的时机和形态也必须不同。

基于训练前、训练中、训练后三种状态,设计音乐、天气、闹钟在镜面终端中的展示、语音承接与操作路径。项目重点不是增加功能数量,而是判断哪些轻服务适合进入镜面,以及它们应以什么方式被承接。

训练前 · 浏览 训练中 · 运动 训练后 · 恢复 音乐 天气 闹钟 FITURE 语音优先
3
种任务状态
3
类轻服务
语音优先 空间终端 多模态
补充 · 能力广度
未在正文展开,但补足了我在
业务支撑与高压交付中的能力。
OTA · 电话 · 语音 · AVM
多业务线覆盖
车载全业务线交互支持

长期支持更宽的业务面,保证多线任务的高质量交付,能快速切入不同模块。覆盖 OTA、车载电话、DMS/OMS、语音交互、AVM 全景影像、FM/USB、展车模式等业务。

OTADMS语音交互AVM展车模式
211条用户痛点 · 深访12人
用户研究 / 实车可用性测试
独立主导测试 → 输出洞察报告

主导 Flyme Auto 2.0 核心模块可用性测试,撰写测试脚本,赴杭州湾实车深访 10 位典型车主,提炼 211 条真实痛点。后续结合 AI 辅助分析,2 天内完成 15 位用户的数据整理与报告,为系统体验升级提供有力支撑。

可用性测试深度访谈洞察报告
三方适配规范 · 跨线指导
设计规范输出 / 多品牌适配
系统规范落地,覆盖三方生态

输出三方生态应用适配规范,帮助第三方应用快速准确接入 Flyme Auto 框架,覆盖 6+ 品牌车型适配落地;同时指导所负责业务线其他座舱设计师的设计延展,在高频迭代中稳定输出基准。

适配规范设计系统多品牌
媒体采访亮点撰写
外部传播 / 三方媒体协作
1 天撰写,实车讲解 Flyme Auto 2

参与姜局说车对 Flyme Auto 2.0 系统的功能采访,1 天内快速撰写访谈功能亮点与设计理念;赴银河 M9 实车现场,通过对话采访与界面实操灵活配合讲解,推动产品理念的外部传播。

媒体协作内容撰写实车讲解
我关注的,是交互如何在
真实场景中被触发、被感知,并最终成立。
01 / 识别真正问题
不把问题停留在界面表层

继续追问:用户到底在完成什么任务,系统真正该解决的矛盾是什么。不做单点方案,重新定义结构、规则、入口与承接关系。

02 / 重建成立方式
让体验从「能用」走向「成立」

在安全、资源、生态、工程与业务约束下,把策略判断转成可执行的系统方案,在跨团队协作中稳定推进。

03 / 推动真实落地
想法只有在产品里成立才算数

我更擅长的,不是优化某一个页面,而是让复杂系统里的体验真正成立——能力如何被组织、何时出现、以及如何在真实约束下稳定落地。

经历 · Work History
2021.08——至今 星纪魅族 · HMI 交互设计师 Flyme Auto 1.0 — 3.0

参与 Flyme Auto 从 0 到 3.0 的系统迭代全过程,介入早期核心概念脑暴与方案探索,跳出功能执行层,对系统方向形成实质影响。独立主导 Flyme Auto 2.0 实车可用性测试与用户访谈,提炼真实痛点,为系统升级提供用户侧依据。

统筹在线音乐、蓝牙、USB、FM 等全量多媒体生态的交互设计,并负责主题美化业务线;承接红旗、奔驰、极星等多品牌适配工作,同期负责红旗车型的 OTA、车载电话、语音交互、DMS/OMS、AVM 全景影像、展车模式等多条并行业务线的交互设计。

独立主导官网从 1.0 到 2.0 的制作与迭代,跟进产品发布会,参与外部媒体实车讲解与传播内容撰写;输出三方应用生态适配规范,并负责多屏幕适配规范的定义与探索。

2020.05 — 2021.08 魅族科技 · OS 交互设计师 商业变现 · IoT · 外发

负责商业变现、IoT 外发与数据平台等多条业务线的全链路交互设计。以游戏中心、应用商店、广告 SDK、巨赚 SDK 为核心,从商业转化逻辑出发完成全链路交互;同期承接云彩天气、IPC 摄像头、资讯等外发项目,积累了 C 端消费产品与轻商业化设计的系统经验。

2018.10 — 2019.06 中软国际 · 交互设计师 华为云 PaaS

深度参与华为云 PaaS 域核心控制台的交互架构设计。在严密的 To-B 业务逻辑下,将底层复杂的云计算中间件与运维技术,转化为清晰、高效、符合企业级认知的 Web 端交互体验。

2017.06 — 2017.09 唯品会 · 交互设计实习 S 级大促 · 运营数据

深度参与唯品会 S 级大促(419 / 616 / 915)的交互框架定义与运营数据复盘。跳出单一页面执行,从"商业转化"与"资源位调度"的宏观视角,统筹跨部门协同并推进营销组件化落地。

联系 · Let's Connect