重塑知识探索体验:百度百科设计升级

    导语

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

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

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

    1、百科词条页内容体量庞大,页面信息臃肿杂乱,内容堆砌感强,导致用户信息获取效率低。

    2、旧版词条页的页面设计风格陈旧、内容堆叠感强等问题,与当前市场主流设计脱节,间接影响百科专业、权威用户感知建立。

    3、词条页缺乏新颖的玩法和个性化功能,用户在浏览学习的过程中,互动和探索欲较低。

    4、词条之间的关联性较弱,难以形成完整、连贯的知识网络。

    重塑知识探索体验:百度百科设计升级 - 图1

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

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

    重塑知识探索体验:百度百科设计升级 - 图2

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

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

    重塑知识探索体验:百度百科设计升级 - 图3

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

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

    重塑知识探索体验:百度百科设计升级 - 图4

    沉浸式容器

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

    重塑知识探索体验:百度百科设计升级 - 图5

    信息结构化

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

    重塑知识探索体验:百度百科设计升级 - 图6

    导航提权

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

    重塑知识探索体验:百度百科设计升级 - 图7

    底bar升级

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

    重塑知识探索体验:百度百科设计升级 - 图8

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

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

    重塑知识探索体验:百度百科设计升级 - 图9

    卡片化设计

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

    重塑知识探索体验:百度百科设计升级 - 图10

    强化视觉表现

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

    重塑知识探索体验:百度百科设计升级 - 图11

    透传品牌元素

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

    重塑知识探索体验:百度百科设计升级 - 图12

    提升阅读体验

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

    重塑知识探索体验:百度百科设计升级 - 图13

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

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

    重塑知识探索体验:百度百科设计升级 - 图14

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

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

    重塑知识探索体验:百度百科设计升级 - 图15

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

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

    重塑知识探索体验:百度百科设计升级 - 图16

    总结

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

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

    重塑知识探索体验:百度百科设计升级 - 图17

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

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

    重塑知识探索体验:百度百科设计升级 - 图18

    写在最后

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

    百度MEUX团队

    2024校园招聘提前批次

    全面开启

    重塑知识探索体验:百度百科设计升级 - 图19

    更多精彩作品展示,请关注「百度MEUX」小红书账号869010907

    感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。

    也欢迎加入MEUX,交互/视觉/用研

    可投简历至meux-talent@baidu.com

    (注明信息获取来源如:公众号)

    以下文章,你可能也感兴趣

    ⬇️

    百度搜索设计系统丨庞杂中建立秩序

    设计系统好不好用?让数据来说话

    运营活动新姿势-生成式AI在暑期活动的实践

    IXDC2023峰会-AIGC设计生产力的元年启示与实践

    问一问品牌视觉语言