百度频道场景化焕新升级

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
5159 1 34 2024-12-12

聚焦百度APP频道场景,发起整体升级计划,为用户打造一个舒适便捷的信息获取环境!

前言


随着移动互联网的普及,百度APP深入人们的日常生活,成为了不可或缺的资讯与服务平台。频道作为百度APP的一个重要场景,不仅涵盖时事快报、本地生活、国际资讯等广泛领域,还涉及美食、旅行、美容等多个品类,为用户提供丰富多样的选择,更是凭借其多元化的内容吸引了大量用户。



为了进一步提升用户体验,我们围绕“内容品质”与“精品战略”两大核心契机,全面发起频道整体升级计划。在视觉语言的构建中,通过统一、平衡、丰富的色彩体系,为用户打造一个舒适便捷的资讯获取环境。



设计策略


频道作为百度APP传播信息的重要场景之一,我们深知用户的需求不仅仅是信息获取,更是对于一种独特氛围和体验的追求。因此,我们致力于定制频道场景氛围的专属感受。


如何打造一个全新氛围感受的频道呢?下面我们将从色彩到结构设计,塑造一个精标准、新氛围、强展现且充满活力的资讯信息集合地。




一、精标准


1.多层分级,制定氛围标准


从用户的阅读感受出发,我们将频道细分为「普通」「新热」「重点」三层等级,以满足不同用户的需求和偏好,同时紧密结合业务目标,为用户提供有价值的内容。


  • 普通频道:提供价值内容,清晰展示易获取
    以内容信息传达为主,为用户提供丰富的工具、应用或服务合集,还有行业新闻、市场动态等内容。这些频道强调信息的清晰展示和易获取,让用户能够快速定位所需信息。


  • 新热频道:轻松浏览,烘托信息专属性
    注重用户的轻松浏览和新热内容的快速传达。视觉设计简洁明了,氛围营造相对轻松,主要作为内容展示的辅助。


  • 重点频道:强化独特性,提升用户归属感
    频道内容围绕特定主题或领域进行深入,氛围营造较强。既满足用户快速获取信息的需求,又在一定程度上强化频道的特色感知。




二、新氛围


通过分析频道的展现能力,形成色彩、光影、空间感多维度的视觉标准,以提升用户认可度。下面我们将从色、光、境三方面展开介绍:



1.色—情感调色板


我们希望根据频道内容和目标受众特性选择适合的颜色,对于轻松愉快的频道,采用明亮温暖的色相,如橙色、黄色等,营造积极向上的氛围;对于需要深度思考和探讨的频道,选择更为沉稳内敛的色彩,如深蓝、紫色等,引导用户进入冷静专注的状态。我们首先针对想要的色相进行了情绪上的推演。


1)色相定义


我们依据多类频道内容的构成,进行了情绪渗透分析,避免颜色感知过剩,筛选出标准九色相。



2)饱和度和明度定义


依据饱和度和明度影响情绪的规律,最终得到基础九色板。



2.光—内容聚焦点


得到色板后,我们基于基础九色相,通过色彩的渐变形式营造光影,光的感受可以为视觉氛围增添层次感和目标感。在亮部和暗部的对比中,注重细节的处理,规划了左上角主光感受,使得背景氛围聚焦内容,达成一致的视觉感受。同时结合光影、弥散等手法,与我们对色彩的规划相结合,使背景的层次得到丰富。


1)光源的推演


由色彩推演光影规则,根据内容位置选择聚光范围。




2)覆盖多类资源,形成标准色卡


随着各类媒体和内容类型的不断涌现,如何确保品牌形象的统一性成为了一个亟待解决的问题。为了应对这一挑战,我们结合前者色彩本身与表现形式的分析,最终形成了覆盖多类资源的全面标准色卡体系。




在新规则整体覆盖前,我们针对线上频道进行了换色实验。换色后频道氛围更为活泼、清透。以本地频道为例,通过实验观察,留存正向增长,获得了数据上的支撑。



3.境—场景空间感


为全面提升频道场景的创新性和表现力,我们首要建设规划了频道的通顶能力,制定元素层、背景层、底色层的页面层次,定下频道场景空间感的基调,并预置底色无痕切换与动效能力,为频道的创新展现做好充分铺垫。


  • 元素层:视觉焦点、主题核心
    元素层作为视觉核心内容的主要载体,承载动效能力,当有运营频道时,元素层便直接承担起突出主题、吸引用户目光的重任。


  • 背景层:营造独特氛围的关键
    背景层作为大氛围的载体,承载与主题相契合的背景图案和渐变色彩,营造独特的氛围。


  • 底色层:频道场景的基础色调
    底色层则是频道场景的基础色调,我们根据频道特点选择合适的底色,确保整体效果和谐统一。在频道切换过程中,依靠色值之间的转化实现无痕过渡,给观众带来流畅体验。



通过色、光、境三个维度的规划,构建了全新的频道体系,同时结合业务诉求,上线了一批批丰富多元的新频道。


新规则整体覆盖后,频道DAU呈波动上升趋势,次日、7日留存均正向增长。在满意度调查当中,获得90%以上的正向反馈。整体提升了视觉体验,为用户带来了更加个性化、情境化的使用感受。




三、强展现


通过对频道的整体规划,令场景的展现层次变得丰富,全面打开氛围升级大门。立意构建一个具有个性且自身展现强烈感知的阅读场景,吸引并留住更多用户。


1.承接大事件频道


百度APP在全年的特定时间会上线运营或定制类型的大事件频道,如节日、赛事、考试、定制等题材。大事件频道不仅是为了吸引用户,更是为了让用户能够深刻感受到品牌IP和活动的热烈氛围。品牌、活动的氛围与内容相辅相成,从而进一步增强用户的感知体验。



2.新结构重塑新标准


围绕大事件频道的头部效果,结合新频道的展示能力,制定了“前中后景”的布局标准。这一策略旨在强化频道围绕大事件的核心氛围,还通过精细化的规则,为设计师提供了既遵循规则又充满创意表达的空间。



3.新频道迸发新感知


新基调、新规则、新结构给予了频道更优的视觉基调与发挥空间,运营、定制的频道在大事件活动中大放异彩。主视觉与频道场景恰到好处的融合,光影与动效能力的结合,让频道氛围进一步增强。







总结


频道的场景构建是一项复杂且长期的任务,并非一朝一夕就能完成。这需要团队持续创新,不断考证数据,并深度洞察用户需求,才能打造一个既符合标准又能服务好多种用户的频道。希望可以通过我们的持续努力,为百度的用户提供一个更加舒适、便捷、有价值的信息获取平台。我们将继续秉持“用户至上”的理念,让每一个用户都能在这里找到舒适的体验感受。


感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。也欢迎加入MEUX,交互/视觉/用研,可投简历至meux-talent@baidu.com  (注明信息获取来源如:UI中国)

关于我们:
MEUX,百度移动生态用户体验设计中心,负责百度移动生态体系的用户/商业产品的全链路体验设计。服务的产品包括百度APP、百度搜索、百度百科、百度贴吧、百度商业产品等。MEUX以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。

Powered by Froala Editor

全部评论:1

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票