用手机打开一家公司的官网，导航挤成一行小字，想点「产品」结果点进了「关于我们」，客服弹窗正好压在按钮上。电话过去反映，对方说：我们网站是响应式的，手机能看啊，我们领导都用电脑看。我说你客户不用电脑。能看和好用，中间隔着一整个网站设计的专业活儿。
手指不是鼠标
电脑上12像素的小链接随便点，手机上就得给手指留地方：可点击区域的宽和高至少44像素，相邻按钮之间留出间距，别让用户在「预约」和「取消」之间猜拳。悬停效果在手机上没有意义，功能要换成点击可达，别让信息藏在悬停里。手机端主导航收进抽屉菜单没问题，但电话和咨询按钮要固定在底部或首屏，别让最值钱的动作也躲进菜单里。
首屏取舍要更狠
电脑首屏能放下标题加副标加三个卖点，手机竖屏可能只够一句主张加一个按钮。所以移动端不是等比缩小，是重新排兵：一句最狠的话、一个最想让人点的按钮，其余全往下挪。地址电话放首屏，服务业的手机访客一半是来找这个的。图片同理，电脑版的横幅大图在手机上裁完只剩一条缝，要么换竖构图，要么干脆换内容。
表单和弹窗是重灾区
- 表单字段砍到三四个，能选的别让打字，调起对应的数字键盘、日期选择器
- 弹窗在手机上超过屏面一半就是流氓行为，关闭按钮别缩在角落
- 电话号码直接用拨号链接，地址直接跳地图，少一层中间页
- 横屏广告条和底部咨询条别同时占，总得给用户留出看正文的屏幕
速度就是设计的一部分
手机上三秒打不开，设计得再好都是零。移动端单独过一遍体积：首屏图片压到两百KB以内，弹窗脚本能懒加载就懒加载，第三方统计别叠五六个。有客户移动端首页从四兆压到一兆出头，打开时间从五秒降到一秒半，当月手机端咨询涨了一截——这比任何视觉调整都立竿见影。
两条建议：验收移动端的网站设计时，把七成时间花在手机上，你的客户也是这么看的；每周用自己手机完整走一遍咨询流程，卡顿了立刻修，借同事不同型号的手机各刷一遍，比测试工具直观得多。比格网络交付前会在十几款真机上过移动端体验，这一步省下的客户流失，比任何推广都值钱。
