做有温度的设计-百度搜索【高考】服务体验升级

设计背景

高考是中国教育系统中最重要、最具挑战性的考试之一。随着移动设备在学生群体中的普及，在线获取高考信息服务已成刚需。且学生自主意识逐步增强，在志愿填报中也期望能自主选择未来发展方向。为助力考生在高考全流程更便捷的获取信息服务，百度搜索在【考前】为备考提供真题、作文等备考资料的查询，【考中】提供高考时间等信息服务，【考后】为查分、志愿填报、录取查询提供官方服务入口。

设计思路

百度搜索在高考场景深耕多年，功能模块趋于成熟。如何帮助业务持续突破瓶颈？我们进行设计思路的转变：重塑用户与平台的关系，做有温度的设计！从平台被动等待用户单点查询转变为平台主动激发用户外延需求，提供长线服务，带给用户陪伴、易用、高效的使用体验。通过【全程个性陪伴】、【志愿好懂易用】、【信息高效满足】，塑造“高考上百度”的心智，提升用户口碑，促进用户规模增长。

一、塑心智-全程个性陪伴

考生在高考前中后各阶段都有信息获取的诉求，以往百度高考提供的服务较碎片化、工具化，缺少全流程的整合。于是通过【我的高考】模块为用户提供一系列个性化服务、通过【高考时间轴】全流程陪伴，塑造“高考上百度”的心智，以提升用户粘度与回访。

1. 个性化-【我的高考】个性化服务

用户在功能使用过程中会沉淀个人信息（省份、选科、分数、排位）、意向院校专业、志愿表等。我们聚焦这些个性化信息资产，通过【我的高考】模块提供个性化专属服务，强化用户心智。

1） 用户信息沉淀

以往这些信息都分散在不同功能模块中，互相独立，用户需逐个维护。为了帮助用户更便捷的查找与管理，通过【我的高考】聚合各功能模块，搜索结果页强化外显个人信息，并让个人信息全局联动，一处修改全局生效。给用户稳定预期，降低操作成本。

2） 信息强化展示

基于上述信息全局联动，在结果展示上强化用户相关信息，对关键信息采用文字加粗与下划线样式，提升信息获取效率。如，高考日程卡中强化用户选科的考试时间、高考批次线强化用户分数可填报批次、高考真题卡中强化用户省份的卷型等。

以上一系列个性化功能用户量超出预期，在后续的用户调研中用户对内容丰富度、信息个性化等方面评价较好，整体用户满意度较高。

2. 陪伴感-【高考时间轴】全程陪伴

用户在不同时间段的需求有所差异，设计时将高考流程划分为5个阶段，通过【高考时间轴】在不同时间段对应展示用户所需内容，带给用户全程陪伴的使用体验。

1）主会场-时间轴导航串联

高考主会场是搜索“高考”后展现的聚合功能会场。通过引入tab+时间轴的导航结构，串联不同阶段所需要的工具与卡片，提升陪伴感的同时也带来了搜索分发规模的提升。

2） 小组件-时间轴滚动展示

此外用户也可将高考服务添加至手机桌面小组件，添加后左侧时间轴会根据高考不同时间段进行滚动展示。点击小组件可快速调起百度app对应页面，也为卡片带来了使用pv的提升。

二、提口碑-志愿好懂易用

往年百度高考的志愿预测服务由第三方提供，框架体验不一致，用户流程不闭环。今年我们从0-1自建志愿预测工具，提升用户体验。为打造优质的志愿预测体验，降低复杂工具的理解与操作成本，设计从【好懂】与【易用】这2个方面进行发力。

1. 好懂

志愿填报过程中存在较多专业名词与概念且志愿填报复杂度较高，需要一定学习与理解成本。于是在设计时通过情感化的视觉设计表达，帮助用户快速理解上手。

1） 情感化视觉表达

志愿预测推荐考生按照一定比例填报【可冲击】、【较稳妥】、【可保底】3个档位，不同录取概率的院校，以达到最优录取结果。优化前视觉风格更偏向理性，为契合年轻群体的审美，形成情感共鸣，我们从色彩、情感、质感3个方面进行打造：

多彩：顶部氛围基于品牌色，采用大面积的蓝色铺垫，结合少量荧光色点缀，冷暖交融，增强视觉冲击感知与年轻感知。

情感：提取冲、稳、保、和我的意向四个tab的含义，通过黄脸emoji的动作和表情抒发，在一定场景上强化情感表达和产品亲和感，提升用户同理心。

质感：氛围和信息之间的过渡采用渐变毛玻璃的设计手法呈现，保障氛围和谐的同时，突出鲜明感、纯净感，提升产品的科技感知。

2. 易用

为降低用户的操作成本、提升志愿工具的使用率，设计时在交互操作上进行合并提效，并在关联场景增加入口进行串联分发。

1）操作提效

通过多步操作合并：院校、专业级联筛选提效，志愿表编辑（删除、排序）操作通过左右布局合并同一页面，降低操作用户成本。

2） 路径串联

在志愿工具的分发路径上，以往只能通过志愿预测卡片触达志愿工具，优化后我们在其他关联场景强化入口，导流志愿工具。

院校会场：增加院校预测卡片与高考档案落地页意向院校、专业卡片下方外露录取预测信息，强化特色功能感知。

往年去向：院校详情页可直接跳转院校录取预测页，添加往年去向志愿。

通过以上设计手段和设计优化，志愿工具使用量和用户满意度较往年有了显著的提升。

三、促增长-信息高效满足

为提升用户搜索的满足效率，在页面交互框架上，通过两级tab将原本分散的场景进行聚合，促进搜索规模增长；在搜索结果展示上优化表格视觉层级，视觉降噪。

1. 提分发-页面框架聚合

信息查询会场有高考时间、高考真题等8个子场景。

优化前：用户需进行搜索后才能触达对应结果，操作成本高，场景曝光少。

优化后：聚合两级tab，一级tab放置卡片上方，聚合4个核心场景【高考日程】、【高考真题】、【分数线】、【高考志愿】。二级tab在卡片头部聚合子内容，如【高考真题】tab下将真题作文进行聚合。通过以上框架升级，满足效率得到提升，带来搜索分发的显著增长。

2. 优呈现-表格层级强化

信息查询场景下大部分内容通过表格展现，于是重点针对表格进行视觉优化。

首先：将内容间的分割线优化为斑马线样式，视觉层次更清晰。

其次：核心数字信息采用特殊数字字体，提升辨识度。

最后：针对可点子链，用蓝色文字代替按钮形态，弱化模块不整齐感知，视觉降噪。

通过以上视觉优化，提升了表格的可读性、易读性，也带来了卡片跳转点击的显著提升。

结语

2023年百度搜索通过【全程个性陪伴】“塑心智”,【志愿好懂易用】“提口碑”，【信息高效满足】“促增长”，助力业务突破增长瓶颈。在高考结束后的统计调研中用户规模增长与用户使用满意度均超越预期，也期待在明年能继续为全国考生们带来更有温度、更优质的服务体验。

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

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

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