2.2 规划您的站点布局

hrs 提交于 2019/06/29 - 08:38 , 周六

目标

为移动和桌面浏览器规划网站的导航和布局。

必备知识

脚步

在开始构建网站和编写内容之前规划网站布局是个好主意; 但是,您的计划可能需要在开始实施之前或在您根据预算问题或利益相关方反馈建立了草案内容的某些网站之后进行修订。

  1. 列出您的网站应向访问者显示的信息。在农贸市场情景中,这可能包括:

    • 市场的位置,方向和地图
    • 市场开放的时间和天数
    • 市场的历史
    • 供应商列表
    • 每个供应商的详细信息
    • 可搜索的食谱列表
    • 每个食谱的详细信息
    • 最近添加的食谱列表
  2. 确定哪些信息应该在网站上的哪些页面或页面类型上:

    应该在所有页面上的信息
    地址,小时和最近添加的食谱列表
    供应商详细信息页面
    有关每个供应商的信息
    食谱详情页面
    每个食谱的详细信息都在自己的页面上
    主页
    位置,地图,方向和小时
    关于页面
    市场的历史
    供应商列表页面
    供应商列表,包含供应商详细信息页面的链接
    配方列表页面
    可搜索的食谱列表,包含食谱详细信息页面的链接
  3. 确定每页上最重要的信息。使用移动电话或其他小型浏览器的网站访问者通常只会看到首先显示的内容,并且他们可能无法向下滚动以查看所有信息。
  4. 确定哪些页面应出现在主站点导航中。例如,主导航可能包含Home,About,Vendors和Recipes页面。
  5. 为每个页面制作一个粗略的设计草图,显示在小屏幕(如手机)上以及在较大的屏幕(如桌面浏览器)上查看时的外观。考虑到大多数网站访问者将使用较小的浏览器,最好从手机大小的布局开始,以确保这些访问者能够在不需要太多滚动的情况下找到所需的信息。

    在制作这些页面布局计划时,您可能会发现需要修改计划,以确定哪些页面上应包含哪些信息。例如,在桌面大小的浏览器上查看网站时,您可能会认为地址,小时数和最近添加的食谱列表都适合所有页面的右侧边栏区域。另一方面,您可能会决定对于移动浏览器,您可以将地址和小时数放在每个页面顶部的短格式中,但只显示主页底部的最新配方列表。

扩大您的理解

第2.5节“规划内容结构”

影片

 

规划您的站点布局

归因

Jennifer Hodgdon撰写。

标签
The website encountered an unexpected error. Please try again later.