一、不同客户端的设计心得

在我做多终端设计的期间，一直离不开一个主题——「主端一致和各端特性」。

两者都值得关注，但两者通常会互相排斥。比如我们的主框架，既要让用户在使用中保持相同的习惯，也会因为屏幕尺寸、使用场景、交互方式等原因带有差异。

不同客户端的设计特点对比

设备	01手表	02手机	03平板	04电脑	05车机	06TV
信息承载	极少	少	多	极多	较多	较多
交互方式	触控	触控	触控	键鼠	触控 / 语音 / 方控	遥控器
设备特性	屏幕小，交互困难	主设备	屏幕大，有分屏场景	有 Hover 状态，能承载复杂操作	主驾优先	从左上角出发的走焦操作
特色场景	运动场景	—	学习陪伴	办公学习	驾驶场景	家居陪伴

从统一性的角度，我们保证了信息层级的一致、不同页面信息内容的一致、使用流程的一致……

但是根据上面这些特点，我们针对不同设备做出了不一样的解法：比如车载以主驾为优先，把 Mini 播放器放在了左边；TV 从左上角开始走焦，把 Mini 播放器放在了左上角；在横屏的平板和 PC 端，会优先考虑将主 Tab 放在左侧……

二、改版目标

提升效率、提升触达： 由于需要适配的车型较多，并且每个车型都需要单独适配，本次改版采用 DSL 的方式统一安装包，提高人效。

重塑定位、呼应主站： 主端发起「-1 点」改版，车载端呼应主端的改版思路，向更容易触达用户的方向改版。

打造亮点、促进营收： 当时正值新能源车企竞争激烈的阶段，通过增加创新能力，提高车载 APK 的商业化程度，促进更多营收。

针对产品目标，我们将设计目标归纳为：

• 提升效率、提升触达 → 组件化、标准化
• 重塑定位、呼应主站 → 体验一致性
• 打造亮点、促进营收 → 场景化

三、改版方案

首页结构

播放页结构

组件搭建和屏幕适配

场景化功能设计

针对车载场景，我们上线了车载私人漫游、跨端续播、品质专区、儿童专区等功能。由于交互创新相对较少，这里不再展开介绍。

四、上线数据

新版 APK 已上线比亚迪全平台、长安深蓝 C318、长城坦克 400 / 500、埃安 AY2、兜风、吉利银河 G636 / G733、布丁 UI，其他车型也在陆续上线中……

• 相比旧版，月日均次留提升 0.8 pt
• 人均播放时长提升 12.8%
• 播放页结构改版后，功能点击率提高 40%