移动端页面规划的核心,是先确定手机端最终要交付什么页面、承载什么内容、由谁验收,再倒推需要准备的资料、设计和开发任务。对山西做网站的项目来说,这一步应当在视觉设计前完成,否则容易出现电脑端好看、手机端难用,或上线后反复返工的情况。
不要先讨论“首页放什么”,而要先写清楚移动端要交付哪些页面。常见交付结果包括:首页、产品或服务列表页、详情页、关于我们、联系方式、表单提交成功页、文章列表与详情页。把这些页面逐条列成清单,并标注每个页面在手机上的主要任务,例如“让访客快速找到联系方式”或“让访客提交咨询”。
适用条件:页面数量较少、业务单一的企业站,可以只保留首页、服务页、案例页和联系页。判断结果:如果某个页面在手机上无法一句话说清用途,就应考虑合并或删除,而不是硬塞进导航。
移动端宽度有限,内容必须按优先级排列。可以按以下顺序准备资料:
责任划分上,资料由业务方提供,页面结构由网站建设方整理,双方在开工前确认一版内容清单。检查项:把清单发给实际使用手机的人看一遍,确认他们能在不放大页面的情况下读完主要信息。
移动端规划不是把电脑端页面缩小。需要单独处理以下事项:
技术示例中,页面结构可以用<h2>组织小节标题,用<p>承载正文。这里只是说明标签用途,不代表某种框架会自动带来排名提升。适用条件:内容型网站和展示型网站都适用;判断结果:如果手机上需要左右滑动才能看完主要内容,说明布局规划不合格。
移动端页面规划要落到具体责任人和验收动作。建议在项目表中写明:谁提供文字和图片,谁确认页面结构,谁负责手机端测试,谁最终验收。验收时至少检查以下项目:
如果验收发现内容缺失,应回到资料清单补充,而不是直接让开发人员临时编造。价格与工期取决于页面数量、资料完整度和交互复杂度,不能脱离这些条件单独比较。
现在就可以拿出一张纸或表格,列出手机端必须交付的页面、每页的主要任务、所需资料和验收人。把这份清单交给参与网站建设的人确认后,再进入设计和开发。这样规划移动端页面,比先做电脑端再补救更省事,也更适合第一次接触网站建设的人明确起点。