如何设计网站sitemap－快速阅读《Web信息架构(第3版) : 设计大型网站》

在工作中我们时常需要从小白到高手的快速了解并掌握很多技能和知识。但让人郁闷的是，有些知识可能需要你读完一本500页的书籍或看完全部的视频学习教程，但时间往往不允许我们这么做。

那么现在福利来了－－如果你需要快速制作一份专业的功能或服务的sitemap，这几步将带你快速了解并掌握如何制作它。

本文的结构：

1. sitemap的制作原则

2. sitemap详细案例讲解

---

1. Sitemap信息架构的制作原则：

（1）提供信息架构的各种“观点”。数字信息系统过于复杂，难以一次显示完毕。一张图要让所有人看懂，是注定要失败的，因为没有一个单一观点可以全局看清整幅图像。相反，使用不同技术显示架构的各个层面（想想“盲人摸象”的故事），把多张图结合起来，就可能接近全景了。

（2）制作前要了解你讲解的对象的要求。从客户的角度看，漂亮的图形相当吸引人。但在生产环境中，由于需求可能不断变化，并不需要你的信息架构图看起来尽善尽美。

Note: 虽然铲除信息架构的标准还没有出现，但图表制作本身已成熟。参考Dan Brown的书《Communicating Design: Developing Web Site Documentation for Design and Planning》，里面谈论了具体产出结果

sitemap信息架构图的焦点应放在网站结构上，而不是语义内容。在制作前，你首先需要了解图表制作的专用“语言”（这会让你看起来专业并高效）。

2. sitemap详细案例讲解

如图，以下是一份专业的网站信息架构图

Step 1，列出sitemap图例

为什么要这么做？即使图表制作已日趋规范，但实际上案例案例之间却有很多差别。你需要一个简单的示例表示例来囊括你正在制作的图表所涉及的内容。

图例包括但不限于：

（1）网站入口（2）行为与流程方向（3）网页组件（网页内的内容或应用程序）（4）页面（5）创建的新网页（6）相关内容的组群（7）相似网页的组群

Step 2: 分析

Note: 在《Web信息架构》一书中，sitemap用的是High-Level Architecture Blueprints高级架构蓝图一词。

内容来源并阅读全书：https://book.douban.com/subject/3169342/