先让用户知道当前页面解决什么问题
手机屏幕较窄,首屏信息更需要克制。页面应该先给出明确标题、简短说明和必要的下一步,而不是同时展示大量按钮、标签和图片。内容主题清楚之后,再向下展开专题、列表与相关说明。
列表在移动端往往比小卡片更高效
当信息重点是标题、摘要和分类时,纵向编辑列表能在有限宽度内保留更多可读上下文。多列卡片在手机上容易变成连续的大图和短标题,反而让用户无法判断不同内容之间的关系。
导航可以折叠,但核心正文不能依赖脚本
移动菜单使用JavaScript控制开合是合理的,但页面标题、正文、链接和图片都应该由服务器直接输出。即使脚本失败,用户仍然可以滚动阅读主要内容并通过普通链接访问内页。
点击区域和行距需要为触控保留空间
按钮、导航和表单控件应保留足够高度,正文行距也要避免过密。响应式设计的目标不是让桌面页面“缩小后还能看”,而是让不同宽度下都能保持清晰的阅读顺序与操作边界。