UX 是用户体验(User Experience)的缩写,很多人以为它只关乎界面好不好看。但放在企业网站上,它要务实得多:清除每一个可能让访客犹豫、困惑或中途放弃的小障碍。
当网站有流量、询盘却不够多时,我们最先检查的就是下面这些细节。没有一项需要整站改版,其中好几项不到一小时就能改好。
首屏扛起了大半重任
在手机上,首屏大致就是拇指上方能看到的那片区域。访客需要在这方寸之间弄明白:您是做什么的,是否适合自己,下一步该做什么。一个点明服务内容和服务地区的标题、一句承诺、一个按钮,再加上评分之类的佐证,比任何动画都管用。
轮播图是这条规则下最常见的牺牲品。很少有人会等到第二张图出现,于是所有重要信息最后都被藏在了第一张后面。
每多一个选择,就多一分流失
页面上的每一个选择,都会增加一点阻力:3 个按钮各自通向略有不同的地方,菜单里塞了 14 个选项,页面还没加载完,弹窗就急着让人订阅邮件简讯。访客不得不停下来思考,而一旦开始思考,人就容易流失。
每个页面只设一个核心行动,并让它反复出现。全站按钮文案保持统一。标签文字越直白越好,哪怕听上去不够巧妙。
让人愿意填完的表单
- 只收集开启沟通所必需的信息:姓名、电话或邮箱,再加一段简短说明。
- 把字段标签放在输入框上方,不要放在框内,否则用户一开始输入,标签就消失了。
- 在手机上调出合适的键盘,比如填电话号码时弹出数字键盘。
- 用户输入时,就在对应字段旁用通俗易懂的话提示错误。
- 明确告知留言已发送成功,并说明您会在何时回复。
此外,每个表单旁边都要附上电话号码。有些人更愿意直接通话;如果是急需的服务,大多数人都会这么选。
为拇指而设计
按钮和链接要方便点按,高度至少约 44 像素。正文字号至少 16 像素,免得用户还要双指放大。凡是只有鼠标悬停才生效的设计,比如鼠标划过才展开的菜单,都需要一个适合手指点按的替代方案。
在屏幕底部固定一条带有“致电”和“获取报价”按钮的操作栏,是我们在移动端最靠得住的改进之一。以上各项都要用真机测试,不能只把桌面浏览器缩到手机大小了事。
在犹豫的那一刻,送上定心丸
人们犹豫的时刻其实有迹可循:准备填表之前、准备拨电话之前、刚看到价格之后。定心丸就该放在这些地方:表单下方一句“营业时间内,我们 15 分钟之内给您回复”,按钮旁一条附近客户的评价,或是一行小字,注明估价免费、无任何义务。
顾虑在哪里出现,定心丸就放在哪里:紧挨着按钮。
无障碍的网站,往往也更好用
良好的对比度、清晰可见的焦点状态、规范的表单标签和含义明确的链接文字,能帮助使用读屏软件的人,也方便每一个在强光下用手机浏览的人。对于员工人数在 50 人及以上的安大略省机构,达到《Web 内容无障碍指南》(WCAG)2.0 AA 级标准也是《安大略省残疾人无障碍法案》(AODA)的要求。
观察 5 个人如何使用您的网站
用不着专门的实验室。找 5 位与您的客户画像相符的人,请他们在您的网站上找到某项服务并提交询价,您只在一旁静静观察。Microsoft Clarity 等免费的会话录屏工具,则能在更大规模上呈现同样的情况。规律很快就会浮现:那个谁都没注意到的按钮,那个人人都会迟疑的字段。
发现问题就动手修改,再对比修改前后的询盘数量。流量允许时,还可以对不同的改动方案做对比测试。这个循环,正是我们转化率优化和UX/UI 设计工作的核心。


