上亿人使用的百度百科,是如何做设计升级的?

导语

作为定义性知识平台的行业领导者,百度百科市场份额及优质内容占比均行业领先,但当前产品过于依赖搜索导流,在步入稳定期后增长缓慢。另外,行业同类竞品在体验层面也有较多尝试和主张。为促进业务长效增长,尝试探索新策略突围,从「知识查找模式」向「知识探索模式」转变。面对这场挑战,设计团队率先探索革新,从体验视角重塑百科词条内容消费模式。通过优化页面框架结构、融入全新设计语言,探索从被动到主动的浏览模式,升级百科知识浏览新体验,进一步建立品牌权威感知。

往期案例:

一、全方位分析产品体验,探索正确的方向

首先,设计基于线上词条页场景,从产品层、体验层深入剖析问题:

  1. 百科词条页内容体量庞大,页面信息臃肿杂乱,内容堆砌感强,导致用户信息获取效率低。
  2. 旧版词条页的页面设计风格陈旧、内容堆叠感强等问题,与当前市场主流设计脱节,间接影响百科专业、权威用户感知建立。
  3. 词条页缺乏新颖的玩法和个性化功能,用户在浏览学习的过程中,互动和探索欲较低。
  4. 词条之间的关联性较弱,难以形成完整、连贯的知识网络。

上亿人使用的百度百科,是如何做设计升级的?

其次,针对以上 4 个核心问题,我们聚焦体验、视觉、互动、内容四个层面,探索设计发力点:

通过升级浏览体验、创新设计风格、丰富互动玩法和构建词条体系这四个设计手段,全面提升百科产品基础体验和专业感知,从而强化词条品牌的渗透力。

上亿人使用的百度百科,是如何做设计升级的?

二、拆解设计目标,全面规划设计策略

为了满足用户在信息获取和知识探索方面的多元需求,我们根据设计目标,从模式、框架、内容三个方面出发,拆分了五个核心设计策略,进行了深入全面的设计规划。

上亿人使用的百度百科,是如何做设计升级的?

1. 优化框架结构,提高页面承载力和浏览效率

旧版词条页内容结构扁平、元素分布混乱、信息堆砌,影响用户的信息获取效率。针对这些问题,我们在框架层对词条页进行系统性重构,强化页面结构,去繁从简使页面更加清晰简洁,提升页面信息可读性和浏览体验,具体规划为以下四个设计策略:

上亿人使用的百度百科,是如何做设计升级的?

①沉浸式容器

为了提升页面空间利用率,我们去除旧版词条页头部的多余元素,将页面头部整体升级为多功能沉浸式容器,提高用户的多媒体内容消费体验,同时强化用户阅览的心流体验。

上亿人使用的百度百科,是如何做设计升级的?

②信息结构化

词条内容具有客观定义性,存在天然的信息逻辑性及信息整体性。针对词条内容这些属性,我们重新对信息进行重组调优,对词条内容进行分层,重组结构布局,增强信息的条理性和结构感,从而提升用户获取词条重点信息的效率。

上亿人使用的百度百科,是如何做设计升级的?

③导航提权

由于词条篇幅较长,用户很难快速感知内容维度。通过调整目录导航位置,前置曝光并在滑动中吸顶,提高用户对内容感知及掌控,进而提升内容获取效率。

上亿人使用的百度百科,是如何做设计升级的?

④底 bar 升级

旧版词条页功能分布散乱,底 bar 和双悬浮按钮的设计打扰用户浏览,无法形成统一操作感知。通过将常用功能整合,建立工具栏认知,方便统一查找及使用,提升操作便捷性。

上亿人使用的百度百科,是如何做设计升级的?

2. 设计语言升级,提升产品体验竞争力,促进品牌感知渗透

在重构设计中,着重解决了视觉方面存在的问题,如设计风格老旧、文字堆砌感强、结构展示不清晰等。我们从设计风格、信息排版、阅读体验三个方面着手,重点升级设计语言,减少视觉噪点、降低阅读负担,创造清晰、专业、沉浸的阅读场景,从而促进品牌专业感知渗透。

上亿人使用的百度百科,是如何做设计升级的?

①卡片化设计

将原来分散琐碎的信息排版,升级为卡片化设计,创建清晰的视觉层次,增强信息传达的有效性。另外,卡片化设计的灵活性,便于拓展不同的内容模块,为多种内容类型提供统一的视觉,增强页面整体性。

上亿人使用的百度百科,是如何做设计升级的?

②强化视觉表现

词条内容的全面详尽,需要设计着重考虑页面的信息传达。通过图形化的设计元素凸显词条的核心特征,同时使用分级的色彩策略,具像化表现保护等级,将核心知识点信息以可视化内容形式呈现,有效提高用户获取信息的效率。

上亿人使用的百度百科,是如何做设计升级的?

③透传品牌元素

在主要视觉焦点位置融入品牌元素图形,通过百科 logo 较强的用户品牌感知度,强化信息内容权威性透传。

上亿人使用的百度百科,是如何做设计升级的?

④提升阅读体验

通过简化收敛字号行间距、重新优化颜色色相及对比度,对整体阅读体验视觉降噪,确保用户在阅读过程中舒适友好。

上亿人使用的百度百科,是如何做设计升级的?

3. 构建滚轴式结构化布局,打造全新互动体验

词条之间的串联是构建知识面的关键,通过增加创新性的滚轴式布局,实现关联词条的结构化呈现,促进用户对主题相关知识直观、多维理解,有效引导用户在复杂的知识体系中进行更深层次的探索。

上亿人使用的百度百科,是如何做设计升级的?

4. 创新玩法,搭建丰富多维的知识探索体验

为了让用户更容易找到感兴趣的内容,我们将词条中的关键信息提炼为简洁明了的特性要点,便于用户快速获取知识。并搭建知识点主题页,汇总词条精华内容,帮助用户发现相关知识,拓宽学习视野。通过扩展词条内容形式,设计知识探索路径,吸引用户深入探索词条完整知识,从而获得更丰富、多维的知识探索体验。

上亿人使用的百度百科,是如何做设计升级的?

5. 创新独特的词条知识体系,建立学科知识场域

通过构建与词条有机互联的全面学科知识树,我们希望塑造一个既高度结构化又层次丰富的知识场域。在结构化场景中,设计纵向串联的卡片式视觉布局,实现知识点之间的快速串联。并采用阶梯式的颜色分类机制,以视觉方式区分不同层级的学科知识,进一步促使用户在复杂的知识体系中建立清晰、有层次的认知结构。这一设计不仅解决了词条关联性弱的问题,也为用户拓展了多维知识的浏览路径。

上亿人使用的百度百科,是如何做设计升级的?

总结

新版词条页上线后,客观维度通过数据对比,得出页面停留时间和浏览量均有显著的增长。 主观维度上通过用户访谈,表明用户对词条改版体验满意度较高。用户认可当前的新词条设计形式新颖,浏览方便舒适,页面内容相较之前更专业可信,新增的内容和功能能够吸引人深入了解并体验。

结合主客观数据,有效验证改版提升体验,同时能有效激发用户深入探索词条的兴趣,进而论证此次设计改版方案的有效性和价值性。

上亿人使用的百度百科,是如何做设计升级的?

通过升级,我们与业务进一步明确百科未来发展新方向:未来的百科百科不仅是一个定义性知识平台,而是要成为最具影响力的知识探索平台。

此外,此次体验升级,进一步建立起在行业竞品中的体验差异性。在提升用户对百科内容认可度和满意度同时,巩固了百科在知识行业中的领先地位。

上亿人使用的百度百科,是如何做设计升级的?

写在最后

邀请大家使用百度 APP,搜索百科小程序(向日葵、樱花等植物类词条),体验更多元的知识内容,我们将继续与业务深度协同,努力推动百度百科在知识领域探索更多的可能。

欢迎关注作者的微信公众号:「百度MEUX」

上亿人使用的百度百科,是如何做设计升级的?

收藏 82
点赞 42

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。