移动端专项优化清单:拇指经济学的落地
移动流量占大头,但移动优化常停留在能看。交互、布局、性能的专项清单。
移动端不是PC的缩小版,是另一套交互逻辑。专项清单分三组。
交互组
点击目标不小于四十四像素见方,间距充足防误触;表单字段类型匹配键盘:数字框唤数字键盘;核心操作拇指可达:底部固定操作栏优于顶部按钮。
布局组
单列布局为主,重要内容前置;字号正文不小于十六像素;图片与媒体自适应宽度,横向滚动只在表格等必要场景出现。
性能组
首屏资源控制在移动网络的舒适区;图片按设备尺寸分发;第三方脚本克制,移动端的每一KB都更贵。
验收方法
真机走查:低端安卓机上的实际体验最能暴露问题;单手操作测试:拇指完成全部核心动作;弱网测试:地铁与电梯场景的表现。
优先级判断
移动端优化按流量占比排优先级,移动占八成的站点,移动体验就是主体验,资源倾斜不必犹豫。