花几万块做的网站上线了,老板用自己那台手机打开首页看了一眼,没问题,签字验收。三个月后销售在客户的平板上打开产品页,表格溢出;在老款安卓机上打开,字体小得要眯眼。移动端适配的问题从来不在你自己那台手机上,它藏在一堆你手边没有的设备里。所以验收新站时,照着一份清单过,比凭感觉签字靠谱得多。这份清单不挑人,不懂技术也能照着做,需要的只是几台设备和一点耐心。
设备层面:多准备几台
- 一台小屏手机加一台大屏手机,安卓和 iPhone 各一,覆盖两种系统。
- 有条件借一台平板,产品详情页和参数表在平板上最容易露馅。
- 微信里打开一遍,大量客户是从微信链接进来的。
- 再借一台老款手机,系统旧、内存小的设备最能暴露问题。
页面层面:逐项过
首页、产品列表、产品详情、新闻详情、关于我们、联系页,每个页面手机上都要点开。重点看:文字不放大能否看清,图片有没有溢出,表格能不能横向滑动,视频能不能正常播放。字号、间距、图片比例都拿大屏手机再核一遍。再把手机横过来试试,别忽略横屏这种状态。每个页面都动手划一划,看看有没有划不动的死角。
操作层面:上手摸
导航能不能顺畅展开收回,表单能不能填完提交,电话按钮按下去是不是直接拨号,悬浮按钮会不会挡住正文。填表这一步特别重要,找个没人打扰的时间完整提交一次询盘,从键盘弹起到提交成功的每一步都过一遍。填错一次看看报错提示清不清楚,中途退出再进看草稿还在不在。
性能层面:掐个表
用手机流量、关掉无线网测首屏打开时间,超过五秒的让建站方优化。顺手在弱信号环境测一测,电梯里、地下车库打开会怎样,客户可不会挑信号好的地方访问你。测的时候顺手记下哪些页面最慢,让建站方逐个给说法。
给两条实在建议
第一,把这份清单发给建站公司,要求交付前按移动端适配的要求自测一轮并留截图记录,比格网络这类团队交付时本来就会附移动端测试记录,你只要提这个要求,就能筛掉一批不规范的供应商。愿意配合自测的服务商,后续维护通常也差不了。第二,验收单上写明手机端发现适配问题的返修期限,白纸黑字,最省事。验收严一点不是刁难,是替三个月后的自己省事。