跨设备无缝体验:为CGTN打造鸿蒙全场景车载音频体验 Seamless Cross-Device Experience: Designing a HarmonyOS In-Car Audio Experience for CGTN

鸿蒙生态合作项目 | 车机端UX | 跨设备体验设计 | 场景化产品设计

产品介绍

CGTN 音频新闻 app 是针对华为鸿蒙系统开发的手机车机一体的音频软件,为用户提供驾驶场景下了解 CGTN 新闻的需求。将移动设备和汽车连接起来,利用华为 Hicar 的最强属性以及多设备互联能力,将手机的应用和服务延展到汽车,做到汽车和手机、其他 IOT 设备之间全互联,为消费者打造以手机为核心的全场景智慧出行体验。

设计目标

安全第一

界面信息极简,交互路径极短,优先支持语音。

无缝连接

利用鸿蒙能力,实现收听状态、收藏内容、播放列表的多端同步。

内容高效获取

为驾驶场景优化新闻内容的结构与播报形式。

驾驶场景信息传递示意图

注意力争夺

如何在极短的“碎片化”交互窗口内(等红灯、短暂停车)传递核心信息,而不分散驾驶注意力。

车机交互局限性示意图

交互局限性

触控交互在行车中变得危险且低效,需要设计以语音交互和极简视觉为核心的混合交互模式。

手机与车机体验割裂示意图

体验割裂

如何让用户在手机和车机之间无缝衔接收听进度,实现“上车自动续播,下车手机接手”的零感知流转。

用户画像

情境化信息获取者

年轻用户,将汽车视为“第三生活空间”的一部分,注重体验的便捷与智能化。

情境化信息获取者插图

场景与需求:期待系统能基于出行场景提供智能推荐。例如,通勤时推送短平快的新闻音频;长途旅行时推荐深度内容或系列报道。

对时间体验有高期待,例如,手机接收到一条重要新闻推送,上车后车机应主动问是否播放。

设计启示:设计需具备场景感知与智能推荐能力,并充分利用鸿蒙的分布式能力,实现手机与车机的服务协同。

深度音频偏好者

通常是商务人士或高知通勤族,视驾驶时间为宝贵的“信息充电”时段。

深度音频偏好者插图

场景与需求:驾驶模式下,追求不间断的深度内容陪伴(如专题报道、国际要闻),极度依赖语音交互实现播放、暂停、收藏等“盲操作”。

非驾驶模式下,可能主动浏览新闻列表,定制个性化播放清单,为接下来的行程做准备。

核心设计洞察

洞察一:安全是体验的绝对基石,交互需遵循“驾驶模式”的刚性约束

在“驾驶模式”下,所有交互设计必须优先考虑认知安全与操作安全。

视觉:界面信息极度简化,禁止出现长列表面。

交互:从“用户主动式交互”向“机器建议式交互”演进,优先通过语音与一键式按钮提供服务。

这要求我们的设计语言必须在两种模式间实现清晰、平滑、自动的切换。

洞察二:体验的终极目标是“无缝”,它直接对应与听音场景中的“舒适与便捷”

用户对“智慧出行”的底层需求,是实现设备与服务间的无缝连接。一次卡顿、一次进度丢失,都会破坏“第三生活空间”的沉浸感。

因此,连续性体验是本项目的核心价值。设计必须保证新闻内容在手机与车机间实现“任务接续”与“服务接续”,让用户感知不到设备的存在,只关注于内容本身。

洞察三:从“功能工具”迈向场景化服务,提升品牌认知价值

当CGTN不再仅仅是手机上的一个App,而是能融入车载场景、提供智能化信息服务的伴侣时,其品牌价值就从“内容分发”被重塑为用户的出行助理。

通过提供契合场景的内容与无缝的体验,我们不仅在满足用户的信息需求,更在塑造其对“科技感”与“便捷性”的品牌认知,这与“Hicar”人车家全场景智慧互联的愿景高度契合。

设计方案分析

围绕“驾驶模式”与“第三生活空间”的双重定义,我们将策略、信息框架与用户旅程整合为一套完整方案。

设计策略

在驾驶场景中,以安全、连续和高效获取为核心目标,梳理车机端与手机端的协同策略。

建立动态安全交互框架

建立动态安全交互框架,响应“驾驶模式”约束

随车辆状态(驾驶/非驾驶模式)自动切换的界面与交互逻辑,将安全规范内化为设计原则。非驾驶状态中可使用手机App显示丰富的新闻列表、摘要、图片及分类导航,允许用户进行浏览、搜索等深度操作。

设计无缝连续性体验

设计无缝连续性体验,实现跨设备“任务接续”

利用HarmonyOS的分布式能力,将“手机-车机”的硬件协同转化为用户感知不到的“服务流转”。

从功能到场景化智能服务的升级

从“功能”到“场景化智能服务”的升级

让新闻内容主动适配出行场景,从“播什么听什么”变为“适时提供所需”。结合“第三生活空间”理念和CGTN节目资源,设计智能推荐逻辑。

手机版

车机端

CGTN mobile supporting visual

信息架构

本框架系统性地回应了前期研究中的所有核心挑战。它不仅仅是一套界面设计规范,更是一个以安全为基石、以无缝为纽带、以智能为升华的完整服务设计,旨在为驾驶者打造一个安心、便捷、充满陪伴感的移动新闻体验。

CGTN in-car information architecture

用户旅程

STAGES
开车通勤前
通勤路途中
到达目的地下车后
Needs
• 查看时间
• 需要按时到达公司
• 查看通勤路况
• 了解天气状况
• 了解早间新闻
• 收听电台节目
• 查看路况
• 查看地图
• 收听当天新闻
• 驻停汽车
• 希望下车后电台节目继续可以收听
• 办公时间也可收听节目
DOING
• 通过手机查询了解天气状况
• 打开手机软件收听早间新闻
• 通过地图软件了解路况信息
• 使用汽车中控屏选择电台、音乐、新闻
• 使用中控屏查看路线
• 驻停汽车
• 下车
• 前往办公区
Touch Point
• 手表 / 电视
• 手机 / 手机软件
• 钟表
• 车钥匙
• 汽车中控 / 地图 / 行人
• 车钥匙 / 方向盘
• 后视镜 / 转向灯
• 路灯 / 来往车辆
• 汽车中控 / 办公桌
• 车钥匙 / 手机
• 后视镜
• 停车场
PAIN POINTS
• 了解信息需要通过手机跳转不同 app 查看
• 早间赶时间的情况下,信息获取渠道过于繁杂,浪费时间
• 用户在兼顾驾驶的同时需要不断操作车载中控
• 用户的驾驶注意力会被各种需求打断,影响驾驶
• 产品从车载设备切换至手机移动设备
• 保证节目内容不断
• 体验流程一体化
FEELING
Worried face
Astonished face
Excited face
OPPORTUNITIES
• 车机智能互动解决用户同时的多项需求
• 语音智能交互减少用户频繁操作手机,并快速获取信息
• 简化车内操作
• 交互流程快捷直达用户需求
• 设置早间新闻信息综合电台节目
• 优化车内空间和办公空间的体验感
• 设备在空间切换时保持体验一致性

界面展示

CGTN follow-up analysis visual
CGTN mobile interface mockup favorites
CGTN mobile interface mockup hero
CGTN mobile interface mockup live
CGTN mobile interface mockup onboarding
CGTN mobile interface mockup playlist
CGTN mobile interface mockup now playing

车机端界面展示

CGTN car interface showcase