陪一个客户验收新站,开发在场,电脑上演示得行云流水。我随手掏出自己那台旧安卓机一点,首页轮播卡在半张图上,滑动也不跟手。开发愣了几秒说:这台机器太老了。客户反问了一句:我客户的手机难道都是新的?会议室安静了半天。验收这个环节,多数坑都藏在没被测试过的设备里。
为什么模拟器替代不了真机
浏览器自带的手机模拟模式能查大方向,但触控延迟、字体渲染、键盘弹出的行为、地址栏收起对布局的影响,这些只有真机才暴露得出来。模拟器里一切完美的网站,上了真机露馅的概率,做这行的人都懂。苹果和安卓的差异、同一系统新旧版本的差异,加起来能覆盖不少意外。做响应式网站设计,代码层面把适配写好只是及格线,真机过一遍才算交付。我们吃过亏之后定了个规矩:没过真机清单的项目不交付。这条规矩头一年让我们多花了些工时,后来省下的返工远远补了回来。
这份清单,照着过
- 设备至少四台:一台新iPhone、一台旧iPhone、一台主流安卓、一台平板,有折叠屏更好,借也要借来;
- 浏览器两种:苹果用Safari,安卓用Chrome,微信里再开一遍,很多客户是从微信里点进来的;
- 横竖屏各一遍:旋转后看布局有没有错位,弹窗有没有跑偏;
- 弱网跑一次:手机关掉WiFi用流量,看首屏几秒出来,客户不可能都在高速网络下访问你;
- 核心流程走通:从首页到产品页到询盘表单,一路点到底,表单真能提交、后台真能收到才算数。
清单不复杂,全套走下来一个小时以内。别嫌繁琐,上线之后修一个错位的成本,是交付前发现的三倍还不止,更别提那个错位正好挡在客户询盘路上的情况。
发现问题的处理姿势
问题按影响分级:布局崩坏、表单不可用这类,当场记录,交付前必须修完;字号偏小、按钮略挤这类体验项,列入优化清单限期处理。把记录留成文档,双方签字确认,后期扯皮的概率小很多。验收不是走过场,是替未来的客户提前走一遍路,你今天多花的这一小时,就是明天客户少皱的一次眉。尤其表单提交和后台收信这两环,现场测通才算数,光看页面漂亮说明不了任何问题。
两条建议:验收当天就约好四台设备,别拖到上线后想起来再补测;清单留档,下次改版照着复用。自己凑不齐设备或者没精力盯验收的,找比格网络这类流程完整的团队,他们在响应式网站设计交付环节把真机测试当成标准动作,你只需要在结果上签字。