建站时优先选移动优先模板,不选PC端好看移动端勉强适配的模板,直接选移动端体验优化优先的极简模板,建站时先预览移动端效果,再调整PC端而非反过来,内容取舍移动端只留用户必看,
用户用手机打开官网最想知道什么?什么信息可以不看?什么动作必须能快速完成?手机端必须有产品、价格区间、配送范围、电话、其他如、企业发展史可折叠。
不同品牌手机安卓、苹果、不同网络、4G+Wi-Fi测试,边走边操作测试按钮是否易点,弱网环境测试加载速度、单手操作测试核心按钮是否在拇指区。
常见缩小思维错误对照直接避坑,错误做法缩小思维正确做法移动独立设计,把PC端大段文案直接缩小到移动端,文字密集删减文案,按3 行分段突出核心信息。
移动端导航和PC端一致横向6个菜单,用汉堡菜单只保留5个核心菜单,其余折叠产品页多图并列需左右滑动查看,单图大图展示下一张自动换行支持点击放大,表单字段和PC端一致表单字段≤3个,支持一键填充语音输入,核心按钮位置和PC端一致页面顶部,核心按钮固定在屏幕底部拇指易触区。