网站手机版体验优化：七成客人从手机来，你的站及格吗

打开你的网站后台，看一下设备流量占比。大概率手机会占到七成以上，这个比例在马来西亚的消费品牌里很常见。如果你最近一次认真用自己的手机浏览自己的网站，已经是半年前的事 - 那你大概率在丢客人，而且不知道丢在哪里、丢了多少。

这不是耸人听闻。我们自己孵化的 itsherbs.com 做到 30,000+ 患者、10 家分馆，背后每一次广告投放、每一次线索转化，第一个触点几乎都是手机屏幕。如果手机版体验卡一道关，后面的 CRM 、自动化、再多预算的广告都是在往漏水的桶里加水。

手机版不是网页的「缩小版」

很多团队做网站的方式是：先做好电脑版，再用响应式框架自动压缩成手机版，觉得这样就算「有手机版」。这是行业里最大的误解之一。手机屏幕小、单手操作、网速不稳定、用户注意力只有几秒 - 这是完全不同的使用场景，不是同一份设计缩小而已。真正做过手机版体验优化的人，会把手机当成第一优先级来设计，电脑版反而是「放大版」。

网站能不能在手机上让人完成一个动作，才是真正的及格线，不是能不能打开。

五个最常见的手机体验杀手，和你自己就能做的检查方法

• 字太小：正文低于 14px、行距太紧，读两行就想退出。检查方法 - 不开放大、不眯眼，正常拿起手机一次看清，看不清就是太小。
• 按钮太挤：按钮小于拇指指腹（业界常用标准约 44 x 44 像素），或者两个按钮挨太近，一按就按错。检查方法 - 用大拇指实际点，连续点 10 次看有没有误触。
• 表单太长：留资表单超过 5-7 个字段，填到一半就放弃。检查方法 - 自己从头填一遍，数一下总共几次点击、几次打字，超过 10 次就该砍。
• 弹窗挡住：进页面 3 秒内跳出弹窗，还找不到关闭按钮，等于把客人直接推出去。检查方法 - 用手机进自己的首页和落地页，看弹窗出现的时机和关闭按钮大小。
• 载入太慢：图片没压缩、脚本堆太多，3G 或信号不稳的地方打开要等 5 秒以上。检查方法 - 用 Google 的 PageSpeed Insights 测一下手机版分数，低于 50 分基本上就是在流失客人。

怎么验收一个网站「做得好」

好看和好用是两件事，很多品牌把预算花在前者。真正该问的问题是：一个完全不认识你品牌的人，用手机打开网站，能不能在 30 秒内看懂你卖什么、怎么联系、怎么下单。如果答案是「要滑很久才找到」，这个网站就还没到及格线，不管它设计得多精致。

如果你要外包网站建置，记得当面问供应商三件事：手机版是独立设计稿还是响应式自动生成、表单字段数能不能压到 5 个以内、PageSpeed 手机分数能做到多少分。能具体回答的人，才是真的做过。

我们在 Soluna Foundry 做的网站建置，一开始就把手机版当主战场，因为我们自己在 itsherbs.com 跑过真实的广告和真实的客人，知道七成流量从手机来意味着什么。网站做得对不对，最后是由客人的拇指决定的，不是由设计师的审美决定的。