找出至少5个网页易用性的bug

上周帮朋友看他的找出至少烘焙工作室网站，首页那张巨大的个网焦糖色横幅占了整个手机屏幕，我往下滑了三次才看到“预约体验”的页易用性按钮。这让我想起自己上个月想订个蛋糕，找出至少在另一个站点上戳了十几分钟才找到联系电话。个网网页易用性这事儿，页易用性真不是找出至少设计师觉得好看就完事了。

第一个让我血压升高的个网bug，是页易用性导航栏里的“产品”点进去只有一张图，没有下拉菜单，找出至少没有分类，个网鼠标悬停也没反应。页易用性用户得自己猜：是找出至少想让我看图片？还是这页面没做完？我后来在后台发现，他们把所有产品都塞进了一个叫“产品展示”的个网PDF里，需要下载才能看。页易用性这种设计等于把顾客锁在门外，还假装门是开的。

第二个问题出在表单上。有个卖手工皮具的网站，结账时要求填“区号”和“分机号”，但收货地址明明在国内。更离谱的是，手机号输入框只允许填10位，多一位就报错，可国内手机号是11位。我试了三次才反应过来——他们可能直接抄了国外的模板。这种细节不修，用户流失率能翻倍，而且没人会留言告诉你为什么走。

第三个bug跟颜色有关。一个做线上课程的页面，浅灰色文字放在白色背景上，字号还特别小。我拿手机在太阳底下看，基本等于盲猜。用工具测了一下，对比度只有2.1:1，远低于WCAG要求的4.5:1。更气人的是，他们把“立即报名”按钮做成了淡粉色，跟背景几乎融为一体。用户找不到按钮，不是用户瞎，是设计瞎。

第四个是弹窗。有个本地花店的网站，一进去就弹出一个“订阅我们的邮件列表”，关掉按钮是个小到看不见的“×”，而且点空白处也不关。我关了三次，每次刷新又弹出来。后来我干脆不买了。弹窗本身不是错，错的是它挡住了内容，还关不掉。这种行为跟拦路抢劫的区别，只差一个法律条文。

第五个bug最隐蔽：搜索功能。一个二手书网站，搜“三体”能出结果，搜“三体 刘慈欣”就显示“没有找到”。搜“刘慈欣”又只出两本，但实际有十几本。后来发现他们的搜索只匹配书名，不匹配作者，也不支持空格分词。用户不是来学你的搜索逻辑的，他们只想找到想要的东西。搜不到，就走人。

这些bug没有一个是高深的技术难题。它们只是被忽略了，或者被“我觉得这样好看”给压下去了。我见过一个独立开发者，每次改版都找五个从没用过网站的人来点一遍，记录他们卡在哪。这比任何用户调研报告都管用。网页易用性不是玄学，就是别让用户动脑子。你让他多猜一次，他就多一分离开的理由。

回头看我朋友那个烘焙网站，我让他把预约按钮从第三屏挪到第一屏，颜色从米白改成深棕。第二天他跟我说，预约量多了四成。你看，有时候修一个bug，比投一个月广告还值。