手机端体验怎么自查:不装工具也能测的五处
手机端体验不用等专业工具,用自己手机走一遍就能找出大半问题。本文按首屏、字号与点击区域、图片与滚动、表单与拨号、弹窗遮挡五处,说明看什么、怎么判断、改完怎么复测。
手机端自查先看首屏
手机端自查从首屏开始:打开页面不滑动,三秒内要能看清企业做什么、在哪、怎么联系;三样缺一样,首屏就得重排,别指望访客往下翻。
首屏是访客判断去留的地方。手机上屏幕窄,首屏往往只放得下标题、一张图和一句简介,很多企业站把轮播图放满整屏,真正的业务信息要往下滑才看得到。
自查的办法很直接:用自己手机打开首页,不滑动,问三个问题。这家做什么、在哪、怎么联系。答不上来,首屏就要改。
这条对展示型企业站更适用。以内容为主的站,首屏放近期更新也合理,不必强求业务信息占满。
拿手机打开首页,截图,把三个问题的答案在图上标出来。
字号与点击区域
字号与点击区域有硬门槛:正文不小于 14 像素、按钮高度不小于 44 像素;小于这个尺寸,中老年用户点不准,也看不清楚,改起来只动样式。
字号小了,读起来费劲。电脑上 12 像素的正文放到手机上,一屏挤下很多字,看着累,访客往往直接退出。
点击区域小了,容易点错。两个链接挨得近、按钮只有一行字高,手指一碰就点偏,尤其在中老年用户身上更明显。
段落间距也影响阅读。行距过密、段落之间没有空隙,手机上读起来像一堵墙,适当留白反而更容易读下去。
把手机横过来看一遍,字号与间距的问题会更明显。
图片与滚动是否顺
图片与滚动看三件事:是否按屏宽自适应、滚动是否卡顿、页面会不会被横向撑破;用手机流量测一遍,加载慢的问题才露得出来,无线网测着不准。
图片不自适应是常见问题。电脑上宽度固定的图放到手机上,要么超出屏幕出现横向滚动条,要么被压扁变形,两种情况都影响观感。
卡顿多半来自图片过大。一张几兆的图直接用在列表页,手机上要等好几秒才出来,访客看不到内容就走了。
横向撑破页面比图片变形更麻烦。整页被撑宽后,访客要左右拖动才能看全,这种体验在手机浏览器里尤其难受。
用手机流量而不是无线网络测一遍,加载慢的问题才露得出来。
表单与拨号能不能一步到位
表单字段压到三到五项,电话做成可点击拨号;访客多用手机浏览,每多一个字段、每多一步复制粘贴,都会掉一批人,字段压到少而准。
表单字段越多,放弃的人越多。手机上打字慢,姓名、电话、需求三项基本够用,再加公司、地址、邮箱,填完的人明显变少。
电话号码要能点。把号码写成纯文本,访客要长按复制再拨号,中间就断了;做成可点击的拨号链接,一步就能打出去。
微信与地图也要能点。地址做成可点击的地图链接,微信做成可复制的号码,这两处改起来不费事。
表单提交后的提示要清楚。提交成功给一句明确的反馈,别让访客猜有没有发出去。
自己在手机上填一遍表单,从打开到提交计时,超过两分钟就要精简。
弹窗与遮挡
弹窗、底部客服条、屏幕中部的广告位,三类都会挡住内容;判断标准很简单:打开页面五秒内找不到关闭按钮,就算不合格,访客多半直接退回。
弹窗挡的是首屏。手机上屏幕本来就小,一个弹窗占掉大半屏,访客要先找关闭按钮,找不到就直接退出。
底部客服条占的高度要留出来。固定底部条如果没有给正文留出对应空间,页面末尾的内容会被压住,看不到。
自动播放的视频与动画同样干扰。手机上自动播放会耗流量,还会打断阅读,默认静音并且不自动播放更稳妥。
判断办法很简单:打开页面后不操作,看能不能在五秒内找到并关掉弹窗。
改完怎么复测
复测要同机、同网、同一时段:换机型看屏幕、换网络看加载、换时段看拥堵;比的是首屏信息、点击准确率、表单完成率三项,别只看访问量。
同一台手机是为了排除设备差异。换个机型对比,屏幕尺寸与系统版本不同,结论容易走偏。
同一网络是为了看加载。无线网络下测不出流量环境的真实速度,用手机流量测更接近访客的实际体验。
同一时间段是为了排除拥堵。晚上八九点是访问高峰,白天测出来的速度会偏乐观。
三项指标里,表单完成率要重点盯。它直接反映访客愿不愿意留联系方式,比页面好看与否更重要。
改完一周后复测一遍,把改动前后的截图并排存下来,作为下次改版的依据。