响应式能力让网站内容适应不同设备,而不是仅把电脑版缩小。信息顺序、操作区域和图片都需考虑手机使用。
调整阅读层级
核心服务与行动先呈现,复杂对照保留字段关系,长内容自然换行。
保证触控可用
菜单、按钮与表单不重叠,错误和成功状态清楚。
覆盖极端内容
长标题、缺图片和放大字体测试。手机与电脑同样拥有重要信息,不能把必要内容全部隐藏。
响应式是内容与操作一起适配
不仅调整列数,表格、长标题、图片与菜单都需要在手机重新检查。
允许内容自然增长,触控和表单反馈可靠;不能通过隐藏重要信息让小屏看起来整齐。
例如桌面参数表在手机超宽,响应式应重新组织或提供合理滚动,不能隐藏全部参数。
相关阅读:企业网站移动体验:响应式布局、导航与可访问性。