响应式不是把电脑页面等比缩小。手机上要重新决定:先看什么、导航怎么收、按钮够不够大、表单能不能填完。
不同屏幕上的使用差异
- 电脑可以并排比较服务和案例,导航一次展开。
- 手机内容改成上下排列,最重要的结论和按钮留在拇指容易点到的区域。
- 平板避免出现“半个电脑版”:栏宽、图片和表格都要单独看过。
体验上重点处理的地方
- 导航手机用清晰的菜单,当前栏目要能辨认,不要点开后找不到回来的路。
- 图片按屏幕裁切时保住主体,不把标题或产品裁掉一半。
- 表格参数很多时允许横向滑动,或改成一条条卡片,而不是把字缩到看不清。
- 表单输入框高度、错误提示和键盘弹出后的提交按钮都要能看见。
验收时会看什么
用桌面和手机视口走一遍主路径:打开、跳转、提交、弹层关闭。出现横向滚动、按钮被挡住、图片拉伸,都算未完成。复杂业务流程和第三方接口另行确认范围。
成都觅创网络科技可按现有网址和主要访问设备,整理改版时必须保住的功能和页面。