规划您的网站

概观

作为一个网站建设者,你将与功能业主合作,以结构信息,创建内容,并建立自己的网站。

本指南旨在帮助您确定适当的信息架构。提供样本模板和参考文件,你可以用它来帮助规划您的网站。

内容库存

对于现有的网站,做一个 内容库存 现有站点。

  1. 完成现有网站的每个页面的各列。
  2. 如果你有大量的页面(取决于网站的大小),你可能要为每个部分单独的标签。

目标观众

确定以下内容:

  1. 谁是目标受众?
  2. 他们为什么要来现场?
  3. 他们有什么目标?
  4. 他们正在执行什么任务?

用户访谈

用户访谈将帮助您确定网站的访问者如何典型使用现有的网站。典型的网站访问者的例子可能包括:

  1. 内部工作人员(从每个单元)
  2. 外部人员(您的部门之外的,而是紧密关联)
  3. 现有员工(您的部门之外,还在校园,但不是密切联系)
  4. 其他(新的或预期的;游客不要与校园关联;从其他校园参观者)

面试问题

对网站访问者的问题可以包括:

  • 你怎么通常访问的网站? (台式机或笔记本电脑,移动设备,平板,浏览器,操作系统)
  • 你是否经常访问的网站?
  • 为什么你访问的网站?
  • 你执行什么任务,当你在网站上?
  • 它的任务时,你最常执行?
  • 其任务是对你最重要?
  • 哪些方面的网站都特别沮丧?
  • 什么网站的方面你觉得特别有帮助?
  • 如果你可以在网站上改变一件事情,那会是什么?
  • 在那里,你不能没有在网站上的一件事?

人物角色

如果你需要弄清楚谁是你典型的网站访问者会,你可能要写出人物角色,以更好地了解您的用户。对于每个角色,你至少应该说明:

  • 标题(和你想捕捉任何其他背景资料)
  • 技术水平(初级,中级,高级)
  • 熟悉主题
  • 用户多久访问您的网站
  • 首要任务
  • 次要任务
  • 第三任务
  • 任何已知的痛点

在某些情况下,更详细的人物角色可能会有所帮助。访问 流体人物 查看详细的人物角色的例子。

任务列表

你可能想创建一个 任务列表 对于每个访问者/角色的重要任务(更改根据您的网站模板中列出的角色)。

分析

对现有的网站,如果你正在跟踪统计数据(例如,谷歌分析),看看那些统计数据,并与现有的内容库存比较最常访问的网页。

粗糙的内容大纲

创建一个 粗糙的内容大纲 拟议的网站。

您可能希望通过这样的字快速大纲开始。粗线条不需要太详细。这主要是为了帮助你思考的信息架构,然后得到内容所有者的反馈,以确保每个人在同一页上。

详细内容大纲

一旦大家都用粗糙的内容大纲同意,就可以添加更 详细内容大纲.

完成了附着式轮廓的每一列的信息,如果你想跟踪的其他信息,请随时添加自己的列。

站点地图

一个网站地图是可视化的位点结构的流程图。你可以使用一个工具,如创建流程图(站点地图) Visio中 要么 Balsamiq工作室样机.

作为一般规则,每个流程图页应限于三级结构:

  • 祖父母:365bet体育
  • 父:365bet体育
  • 孩子:二级页面

线框/实体模型/原型

您可能需要创建线框图,实物模型,或为您的网站的原型。

线框是不可设计的页面布局是视觉设计和HTML生产的基础。下面是创建线框图/原型/样机的几个例子:

  • 纸:一般的想法在纸上勾勒出来。
  • Visio中:在使用的基本形状(矩形,圆形)来表示的内容,导航和基本功能简单线框。
  • Balsamiq工作室样机:易于使用快速线框工具。
  • 的Photoshop:与命名,标签和占位符内容的详细,像素精确的线框。

线框的Visio中

  1. 创建一个基于基本框图模板的新Visio中文件。
  2. 拖放基本形状(矩形,圆形)来表示内容,导航和基本功能。
  3. 布局使用“形状”菜单和“大小和位置”面板的形状。
  4. 创建一个基于父页面上的子页面。
  5. 页面一起作为必要的超链接。

Balsamiq工作室原型线框

  1. 创建一个新的样机(“新的空白样机”)。
  2. 拖动,从菜单中掉落物品(布局,容器,表格等)
  3. 创建一个基于父页面上的子页面。
  4. 页面一起作为必要的超链接。

网络写作技巧

外部审查

审查外部网站,并确定最佳做法。看看其他网站在高等教育以及在一般的功能区(考虑其他公共机构,如政府或市政府网站)。

为每个站点,评估以下内容:

  • 整体感受:是一般的经验有利?你会回来吗?
  • 信息设计的:以逻辑方式构成的信息?
  • 视觉设计:网站视觉吸引力?
  • 可用性:是很容易完成的任务实际? (以上确定您现有的任务列表进行比较)
  • 独特的方法:任何独特的想法/功能,你可能要考虑使用?
  • 命名:他们使用什么样的名字为他们的网页标题,标题和内容?是你的访问者会认识到这些共同的名字呢?

下面的模板可以用于外部审查过程:

可用性测试

可用性测试 文档功能的可用性测试过程的概述,包括方法论,测试脚本,任务列表,最终报告,等等。

一旦你有你的发展重新设计的网站,一些可用性测试会是为了确定您的新网站的结构和内容是有道理的网站访问者很有帮助。与用户访谈,你可能要保持可用性测试会话用一组典型的网站访问者,如:

  1. 内部工作人员(从每个单元)
  2. 外部人员(您的部门之外的,而是紧密关联)
  3. 现有员工(您的部门之外,还在校园,但不是密切联系)
  4. 其他(新的或透视,游客不要与校园下属;从其他校园参观者)

任务列表,观察形态,并调查

  • 创建你想网站访问者能够访问你的网站重新设计时要完成的任务列表。这些任务可能包括寻找特定页面和/或信息,填写表格等。
  • 进行可用性测试时,观察形式可以是记笔记(时间花费的访问者完成任务,任务的描述,和其他票据)是有用的。
  • 之后的可用性测试会话结束后,会后调查可以通过参与者,以提供更多的有用的反馈填写。