设计升级!重塑知识探索体验
导语
作为定义性知识平台的行业领导者,百度百科市场份额及优质内容占比均行业领先,但当前产品过于依赖搜索导流,在步入稳定期后增长缓慢。另外,行业同类竞品在体验层面也有较多尝试和主张。
为促进业务长效增长,尝试探索新策略突围,从「知识查找模式」向「知识探索模式」转变。
面对这场挑战,设计团队率先探索革新,从体验视角重塑百科词条内容消费模式。通过优化页面框架结构、融入全新设计语言,探索从被动到主动的浏览模式,升级百科知识浏览新体验,进一步建立品牌权威感知。
一、全方位分析产品体验,探索正确的方向
首先,设计基于线上词条页场景,从产品层、体验层深入剖析问题:
- 百科词条页内容体量庞大,页面信息臃肿杂乱,内容堆砌感强,导致用户信息获取效率低。
- 旧版词条页的页面设计风格陈旧、内容堆叠感强等问题,与当前市场主流设计脱节,间接影响百科专业、权威用户感知建立。
- 词条页缺乏新颖的玩法和个性化功能,用户在浏览学习的过程中,互动和探索欲较低。
- 词条之间的关联性较弱,难以形成完整、连贯的知识网络。
其次,针对以上4个核心问题,我们聚焦体验、视觉、互动、内容四个层面,探索设计发力点:
通过升级浏览体验、创新设计风格、丰富互动玩法和构建词条体系这四个设计手段,全面提升百科产品基础体验和专业感知,从而强化词条品牌的渗透力。
二、拆解设计目标,全面规划设计策略
为了满足用户在信息获取和知识探索方面的多元需求,我们根据设计目标,从模式、框架、内容三个方面出发,拆分了五个核心设计策略,进行了深入全面的设计规划。
1. 优化框架结构,提高页面承载力和浏览效率
旧版词条页内容结构扁平、元素分布混乱、信息堆砌,影响用户的信息获取效率。针对这些问题,我们在框架层对词条页进行系统性重构,强化页面结构,去繁从简使页面更加清晰简洁,提升页面信息可读性和浏览体验,具体规划为以下四个设计策略:
1)沉浸式容器
为了提升页面空间利用率,我们去除旧版词条页头部的多余元素,将页面头部整体升级为多功能沉浸式容器,提高用户的多媒体内容消费体验,同时强化用户阅览的心流体验。
2)信息结构化
词条内容具有客观定义性,存在天然的信息逻辑性及信息整体性。针对词条内容这些属性,我们重新对信息进行重组调优,对词条内容进行分层,重组结构布局,增强信息的条理性和结构感,从而提升用户获取词条重点信息的效率。
3)导航提权
由于词条篇幅较长,用户很难快速感知内容维度。通过调整目录导航位置,前置曝光并在滑动中吸顶,提高用户对内容感知及掌控,进而提升内容获取效率。
4)底bar升级
旧版词条页功能分布散乱,底bar和双悬浮按钮的设计打扰用户浏览,无法形成统一操作感知。通过将常用功能整合,建立工具栏认知,方便统一查找及使用,提升操作便捷性。
2. 设计语言升级,提升产品体验竞争力,促进品牌感知渗透
在重构设计中,着重解决了视觉方面存在的问题,如设计风格老旧、文字堆砌感强、结构展示不清晰等。我们从设计风格、信息排版、阅读体验三个方面着手,重点升级设计语言,减少视觉噪点、降低阅读负担,创造清晰、专业、沉浸的阅读场景,从而促进品牌专业感知渗透。
1)卡片化设计
将原来分散琐碎的信息排版,升级为卡片化设计,创建清晰的视觉层次,增强信息传达的有效性。另外,卡片化设计的灵活性,便于拓展不同的内容模块,为多种内容类型提供统一的视觉,增强页面整体性。
2)强化视觉表现
词条内容的全面详尽,需要设计着重考虑页面的信息传达。通过图形化的设计元素凸显词条的核心特征,同时使用分级的色彩策略,具像化表现保护等级,将核心知识点信息以可视化内容形式呈现,有效提高用户获取信息的效率。
3)透传品牌元素
在主要视觉焦点位置融入品牌元素图形,通过百科logo较强的用户品牌感知度,强化信息内容权威性透传。
4)提升阅读体验
通过简化收敛字号行间距、重新优化颜色色相及对比度,对整体阅读体验视觉降噪,确保用户在阅读过程中舒适友好。
3. 构建滚轴式结构化布局,打造全新互动体验
词条之间的串联是构建知识面的关键,通过增加创新性的滚轴式布局,实现关联词条的结构化呈现,促进用户对主题相关知识直观、多维理解,有效引导用户在复杂的知识体系中进行更深层次的探索。
4. 创新玩法,搭建丰富多维的知识探索体验
为了让用户更容易找到感兴趣的内容,我们将词条中的关键信息提炼为简洁明了的特性要点,便于用户快速获取知识。并搭建知识点主题页,汇总词条精华内容,帮助用户发现相关知识,拓宽学习视野。通过扩展词条内容形式,设计知识探索路径,吸引用户深入探索词条完整知识,从而获得更丰富、多维的知识探索体验。
5. 创新独特的词条知识体系,建立学科知识场域
通过构建与词条有机互联的全面学科知识树,我们希望塑造一个既高度结构化又层次丰富的知识场域。在结构化场景中,设计纵向串联的卡片式视觉布局,实现知识点之间的快速串联。并采用阶梯式的颜色分类机制,以视觉方式区分不同层级的学科知识,进一步促使用户在复杂的知识体系中建立清晰、有层次的认知结构。
这一设计不仅解决了词条关联性弱的问题,也为用户拓展了多维知识的浏览路径。
三、总结
新版词条页上线后,客观维度通过数据对比,得出页面停留时间和浏览量均有显著的增长。 主观维度上通过用户访谈,表明用户对词条改版体验满意度较高。用户认可当前的新词条设计形式新颖,浏览方便舒适,页面内容相较之前更专业可信,新增的内容和功能能够吸引人深入了解并体验。
结合主客观数据,有效验证改版提升体验,同时能有效激发用户深入探索词条的兴趣,进而论证此次设计改版方案的有效性和价值性。
通过升级,我们与业务进一步明确百科未来发展新方向:未来的百科百科不仅是一个定义性知识平台,而是要成为最具影响力的知识探索平台。
此外,此次体验升级,进一步建立起在行业竞品中的体验差异性。在提升用户对百科内容认可度和满意度同时,巩固了百科在知识行业中的领先地位。
作者:MEUX
原文标题:重塑知识探索体验:百度百科设计升级
来源公众号:百度MEUX(ID:baidumeux),百度移动生态用户体验设计中心,负责百度移动生态体系的用户/商业产品的全链路体验设计。
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!