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

导语

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

往期案例：

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

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

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

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

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

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

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

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

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

①沉浸式容器

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

②信息结构化

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

③导航提权

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

④底 bar 升级

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

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

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

①卡片化设计

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

②强化视觉表现

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

③透传品牌元素

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

④提升阅读体验

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

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

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

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

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

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

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

总结

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

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

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

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

写在最后

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

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