最近一批面向B端服务的企业官网完成了视觉上的升级,把用了很多年的深蓝主色调体系改成了以浅灰色和白色为底色、橙色作为点缀的全新配色方案,根据相关数据来看,核心注册按钮的点击率比之前提高了15个百分点。

本次调整没有对网站原有的功能架构、页面布局以及内容板块进行任何改变,只通过色彩体系的整体性重构来实现优化。旧版方案以深蓝色为全站主色调,大面积应用在导航栏、顶部横幅和功能按钮区域,整体风格比较稳重严肃,但是根据用户点击热力图的数据来看,核心的注册按钮在页面上的视觉辨识度不高,很多浏览用户在快速扫视的时候没有第一时间发现交互入口。
新版配色方案以不同明度的浅灰白色作为页面底色,减弱了大面积纯色块带来的视觉压迫感,使文字内容和信息层次的表现更加舒展。原来分散在各个功能模块中的强调元素都统一使用了高饱和度的橙色,其中核心的注册按钮被设置为全站唯一的高权重视觉焦点,按钮周围留有充足的留白,和浅灰色的背景形成了符合无障碍标准的高对比度,在0.5秒之内就可以让用户识别出交互的位置。
根据后台统计数据,调整后全站首屏信息的平均浏览完成率也同步上升了,核心注册按钮的点击率比优化之前提高了十五个百分点,而页面的整体跳出率则略有下降,用户平均停留时间有所增加。本次配色迭代验证了在不改变网站核心功能的情况下,通过精确的视觉权重调整,可以很好地提高用户的交互意愿,提升页面转化率。该配色方案的实测数据也为以后类似的企业的官网交互优化提供了可借鉴的落地路径。