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

科技 2023-12-07 16:04 河北

设计背景

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

设计思路

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

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

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

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

http://mp.weixin.qq.com/s?__biz=MzAxNDAxOTcxOQ==&mid=2650974890&idx=1&sn=dbade5d983262279cbbccd7e40563fd1

UI头条

原iconfans，UI中国-专业界面交互设计平台的官方账号。官方消息发布，分享优秀设计文章，UI招聘相关信息，行业消息，服务UI设计师群体！

Midjourney炸裂更新，能够编辑自己上传的图了！评论领大会免费门票！

AI会革UI的命吗？一起来聊！

再见，Photoshop！

大赛报名︱2024白沙岛浪漫艺术创意设计大赛正式启动！

倒计时一周 | UXGO! 2024 交互体验设计大会即将震撼开启！

网易：我们将培养首批AI绘画设计师！

「九月」 AI设计观察

大厂设计师应该掌握的结构化思维

互联网大厂们，也不想卷了

建议所有人都用AI做设计，赚麻了！！！

为什么有人花1000元买AI生成的图片？

数智时代下的三维云软件代换趋势

「七月」 AI设计观察

全记录！【D20全球设计院长峰会·主论坛】AI时代的设计人才培养

百度搞了个AI的新玩法！网友：这波厉害了！

正式开启！今日起，本号粉丝可免费加入网易AI设计交流群！

网易：赚钱的风还是吹到了设计圈

D20 2024开票！连接设计产学，共赴AI时代

B端UX｜分享20个B端设计系统网站

腾讯设计师整理的Figma最新智能插件汇总，太好用了！

【线上兼职】50-500/张，招聘插画师或AI修图兼职，待遇从优，时间地点不限！

MEUX 「四月」 AI设计观察

MEUX 「三月」 AI设计观察

大厂“抄袭”把原创超越了，还特别成功，找谁说理去？

定了，网易将免费为本号粉丝提供AI设计培训，限3月！

400-800元/单，不用坐班，时间自由可日结，设计优先！

来百度玩转亚运：如何打造好玩有趣的活动矩阵

Midjourney V6 更新角色一致性命令 "--cref "

理想MEGA，让人见识到了设计师的价值

百科AI对话式体验设计探索

匿名交流

有了这款带AIGC功能的软件, 我和内外部同事一起设计，节省了63%的时间

人物专访丨对话董景博：车机主题皮肤设计

“360 也是这样的”

Midjourney V6新版本怎么用？一看就懂！

5000字干货！完整掌握Web端设计语言库-布局篇

如此形势，大家要考虑挣快钱了

不敢在小红书看测评

这波没有需求方的设计，只给此刻的你

用AI玩转品牌符号——SD超级符号案例分享&方法论

“要有呼吸感”

AIGC与应用设计——百度MEUX x 北科大交互设计联合课题圆满落幕

轻松搞定高饱和配色插画！你也可以！

如何通过“客服轮岗活动”来挖掘用户体验问题

善用AIGC搞定海量物料设计

作为设计师，如何从数据角度体现设计价值？

Midjourney简墨国风，只需要6个词！！

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

日结200-400元/张，AI画图即可，极度缺人！在家可做

分类

时事

民生

政务

教育

文化

科技

财富

体娱

健康

情感

旅行

百科

职场

楼市

企业

乐活

学术

汽车

时尚

创业

美食

幽默

美体

文摘

原创标签

时事社会财经军事教育体育科技汽车科学房产搞笑综艺明星音乐动漫游戏时尚健康旅游美食生活摄影宠物职场育儿情感小说曲艺文化历史三农文学娱乐电影视频图片新闻宗教电视剧纪录片广告创意壁纸头像心灵鸡汤星座命理教育培训艺术文化金融财经健康医疗美妆时尚餐饮美食母婴育儿社会新闻工业农业时事政治星座占卜幽默笑话独立短篇连载作品文化历史科技互联网

发布位置

广东北京山东江苏河南浙江山西福建河北上海四川陕西湖南安徽湖北内蒙古江西云南广西甘肃辽宁黑龙江贵州新疆重庆吉林天津海南青海宁夏西藏香港澳门台湾美国加拿大澳大利亚日本新加坡英国西班牙新西兰韩国泰国法国德国意大利缅甸菲律宾马来西亚越南荷兰柬埔寨俄罗斯巴西智利卢森堡芬兰瑞典比利时瑞士土耳其斐济挪威朝鲜尼日利亚阿根廷匈牙利爱尔兰印度老挝葡萄牙乌克兰印度尼西亚哈萨克斯坦塔吉克斯坦希腊南非蒙古奥地利肯尼亚加纳丹麦津巴布韦埃及坦桑尼亚捷克阿联酋安哥拉