第一页：探索装饰风格
下一步，“装饰风格探索”帮你精炼网站结构的景象，但是记住这步只是一个练习。它会给你很多好主意，但是可能不够实用。别泄气，它会很好玩的。
在试图确定网站结构时试试不同的装饰风格。好的装饰风格会在帮助用户使用和导航网站上走得很远。但是，不存在完美无缺的装饰风格，所以不必顽固地坚持一种风格。可以把几种装饰风格中最好的部分糅合到一起（也有可能发现根本没有有用的装饰风格）。
设计网站有三种有用的装饰风格：
组织性装饰风格
组织性装饰风格依赖于已经存在的小组、系统或组织的结构。
例如，如果你要建一个卖百货的网站，你的装饰风格应该象一个超市 - 产品按类型（罐装蔬菜、乳制品、谷类食品、快餐、家居用品等）逻辑地分类。要注意：拷贝你的客户公司的组织结构通常不是一个好主意
- 买东西的顾客是不会关心超市的公司结构的。
功能性装饰风格
功能性装饰风格涉及到的任务与你在其它环境实现的任务相似。例如，Photoshop，一种图形软件，依赖于很多功能性装饰风格：你可以象征性地在计算机上剪切、拷贝和粘贴图形
- 就象你在现实世界中用剪刀和胶水一样。
可视性装饰风格
可视性装饰风格基于多数人在我们的文化中熟悉的常用图形元素。如果你在设计一个音乐网站，在这个网站中用户可以听音乐 - 你可能想用随处可见的CD机上“开始”、“停止”和“暂停”标志作为你的界面中的图标。
开始探索装饰风格时，以集中所涉及到的人和他们的想法开始。回顾和评价每一种装饰风格。不要贬低你不喜欢的建议 - 至少不要马上。装饰风格的效果不会立刻显现。制订网站的主要部分
- 通过把内容清单的不同部分与每种装饰风格对应起来。
在尝试了一段生动有趣的经历后，你一定要为网站选择一种装饰风格或基本原理。记住，没有完美无缺的装饰风格。网站的整体可能不能用装饰风格来解释，但导航系统（或网站的子集）或许能用装饰风格来解释。
第二页：打好基础
既然你已经有了网站的结构，现在就可以打基础了。可以以建立一个基于文本的网站的层次结构图（称为“网站结构列表”）开始。
雀萃窘峁沽斜淼摹案比范ㄍ镜闹饕糠帧６哉庑┎糠钟τ没驹砘蜃笆畏绺瘛Ｏ乱徊剑衙坎糠值淖橹肽谌萸宓サ奶跄慷杂ζ鹄础６酝旧钊胧保Π训筒愦蔚牟糠炙踅Ｖ馗创斯蹋缓蟀炎⒁饬械酵镜南附凇Ｍ瓿傻那宓ト缦拢?br>
Section 1
Section 1.1
Section 1.2
Section 2
Section 2.1
Section 2.2
Section 2.2.1
Section 2.2.2
Section 2.2.3
Section 2.3
Section 2.4
Section 3
下一步可视化清单。很多人通过网站的结构清单想象实际的网站有些困难。有了结构蓝图就容易多了。下面是一个例子：
结构化蓝图是网站结构的可视化表示。它们是显示网站中的元素如何分组和联系的图表。
需要做一些图例：如何在蓝图上表示在线连接、离线连接、页的成分、页、页的分组。你可能要区分执行不同功能或事物处理的部分、动态产生的部分、只由文本组成的页面。如果网站很大，可能要做几张蓝图，从简单的网站开始，利用蓝图把网站建得越来越好。
第三页：定义导航
用户如何访问网站？他们怎样从一个地方到另一个地方？怎样防止他们走丢？ - 定义网站的导航系统解决了这些问题。
看看网站的结构清单。其主要部分是什么？它们是全局导航系统的最好的侯选者 - 出现在网站的每页上，使用户很方便地在不同部分之间跳转。如果可能，把全局导航的元素限制在五个至七个之间。另一个方法是把网站的商标（公司标志）加入全局导航系统作为返回网站首页的连接。
局部导航可以有不同的形式。可以是主题的列表，如Yahoo和GeoCities；可以是选项菜单的形式，如GeoCities中的membersarea；或者可以是一些相关条目的列表，如你在本页最后所见的每页标题。
有必要为全局导航系统和局部导航系统做文档。这和为每个系统编辑元素列表一样容易。
第四页：设计文档
现在开始设计文档。在设计文档中建新的一章“网站结构”。写一个关于网站结构背后的基本原理的概述或隐喻性的解释。增加网站结构列表。如果网站列表太长，写一个简写的形式，把其余部分放到附录中。编辑结构蓝图并把它们加入设计文档。为全局和局部导航系统做文档。把结果公布给每个人。
例如：
4. 网站结构
4.1 网站结构列表（或概述）
4.2 结构蓝图
4.3 全局和局部导航系统
附录C: 网站结构列表（可选）