央视新闻 9.0

重塑央视新闻客户端,以新闻价值为内核 以创新体验连接更广泛的用户

case study

研究/UX设计/视觉设计

About

以新闻价值为核心,升级内容效率、互动体验与品牌一致性。

面向短视频、直播与实时内容消费趋势,参与央视新闻客户端 9.0 体验升级,围绕内容结构、互动机制和 Design System,构建可扩展的新媒体内容平台。

+70.8%

客户端DAU 提升

+25%

用户参与度提升

25秒09

核心任务时间

role
UI/UX
date
2020-2022
scale
8000万+月活
Platform
iOS / Android

设计驱动新闻客户端-新体验

Design-driven news client - a new experience

Brand Experience

品牌体验/认知

新旧视觉统一;全链路品牌感知的贯穿;实现组件化开发

improve efficiency

提升互动效率/长期价值

提升不同场景用户流程体验;满足和适配不同用户功能需求

interactive experience

内容交互体验优化

优化操作路径;合理友好的交互体验;高效立体的信息传达

问题与挑战

传统新闻客户端 难以满足新的内容消费方式

内容获取效率低

内容形态和频道不断增加,但信息层级复杂,用户难以快速找到重要内容

互动参与不足

直播、记者内容和热点事件仍以单向传播为主,缺少实时参与机制

设计体系扩展困难

不同频道、专题和内容形态各自设计,品牌感知不统一,设计研发重复投入

设计目标与策略

从 “信息展示” 升级为 “内容消费体验”

设计目标

设计测略

提升内容获取效率

更快发现、理解重要内容

内容层级优化

信息层级、内容卡片、频道结构和阅读路径优化

强化留存与互动体验

增强停留、参与和复访意愿

直播互动升级

大事件、直播报道实时互动体验

统一品牌视觉感知度

品牌认知度与一致性

品牌视觉统一

统一视觉基因和品牌表达式

可扩展Design System

提升产研协作效率

组件化设计系统建立

覆盖多种场景使用

央视新闻 9.0 情绪版:色彩、布局、形式

迭代打磨核心场景-让用户更高效浏览

信息层级、内容卡片、频道结构和阅读路径优化,让用户更高效完成新闻浏览、 深度阅读和视频消费

设计驱动

央视新闻 9.0 核心场景页面:推荐、24小时、内容卡片、热门和我的页面

优化内容流和频道结构

首页内容流与频道专栏

首页内容流与频道专栏

头部内容-无缝进行切换衔接每一个场景,同时结合栏目拼成品牌化logo的呈现,凸显栏目品牌性

新闻正文

新闻正文

对内容的融合做了新概念立体式交互,重构正文内容中的视频消费区、正文预览区与互动区

时讯24小时

时讯24小时

分段式体验-浏览清晰、精准锁定

卡片拓展

卡片拓展

卡片系统承载不同内容类型

直播与互动机制

更强的实时互动体验,让用户从单向接收 信息转向参与式内容消费

• 建立直播专区与独立入口

设计驱动

从内而外-自成方圆
从内圆外方到频道视觉纹理的推导图形正在直播节目单横向卡片正在直播节目单弹层

记者 IP 与内容消费路径

  • • 打通记者 IP 与内容消费路径
  • • 直播弹幕、点赞、分享、投票等互动

设计驱动

个人记者直播页面直播互动评论、话题与点赞气泡点赞 876新闻列表中的最热评论模块
态度投票卡片图文投票卡片

强化品牌认知与内容体验一致性

统一视觉基因和品牌表达方式,让央视新闻在不同频道、专题、直播、正文、时讯等场景中保持一致的品牌识别,同时允许不同内容形态有差异化表现。

  • 央视新闻-新时代文化传承

设计驱动

传习录内容产品体验界面

热点专题-运营组织能力提升,丰富内容 再组织手段,提升信息触达率

  • 全局体验一致性,同时支持专题化表达
  • 年轻化、互动化的新媒体视觉语言

设计驱动

专题新闻首页列表专题新闻局部信息模块专题新闻详情时间线专题新闻蓝色详情页

拟物生活-首次引入遥控拟物化设计,进 一步增进与用户的情感互动、品牌温度

  • 拉近用户距离,增加体验共鸣
  • 营造轻松生活气息

设计驱动

拟物化遥控器新闻直播遥控控制界面新闻报道节目单界面

Atomic Design 构建平台级组件体系

基础规范、原子组件、内容卡片和场景模板,建立可复用的 Design System,支撑复杂内容业务快速迭代

设计成果

央视新闻品牌色板

品牌字体

央视新闻品牌字体

注入 “内圆外方” 品牌设计语言

组件圆角与图标规范

注入 “内圆外方” 品牌设计语言

央视新闻内容拓展卡片体系
央视新闻 9.0 多场景页面展开展示

Result

数据验证设计价值

组件覆盖率、产研效率、DAU、任务完成时间和用户参与度等
指标,验证设计升级对业务和体验的影响。

70.8%
DAU 提升
+25%
用户参与度
75%
组件复用率
40%
产研协作效率提升

9.0版本上线时期数据