Ein Website-Baumdiagramm veranschaulicht, wie die Seiten einer Website organisiert sind. Übergeordnete Seiten werden oberhalb oder links von untergeordneten Seiten angezeigt und geben die Beziehungen zwischen den Webseiten und den Zugriff darauf an. Webentwicklungsteams verwenden die Diagramme beim Erstellen oder Umgestalten von Websites. Website-Baumdiagramme können je nach Größe der Website und den Anforderungen des Entwicklungsteams einfach oder aufwendig sein.
Schritt 1
Erstellen Sie eine Liste der Webseiten, die die Website enthält oder enthalten wird. Stellen Sie sicher, dass jedes aufgeführte Element eine Seite auf Ihrer Website ist. Weisen Sie je nach Größe Ihrer Website jeder Seite einen numerischen Verweis zu, der Sie beim Erstellen Ihres Site-Diagramms und beim Verfolgen des Fortschritts bei der Entwicklung Ihrer Website unterstützt.
Schritt 2
Organisieren Sie die Gliederung mithilfe von Aufzählungslisten, um die Eltern-Kind-Beziehungen zwischen jeder Seite Ihrer Website anzuzeigen. Die Website eines Online-Bekleidungsgeschäfts kann beispielsweise übergeordnete übergeordnete Seiten enthalten, die zu Herren-, Damen- und Kinderbekleidung führen. Auf jeder dieser Seiten wären in der Gliederung Arten von Kleidungsstücken wie Hemden und Hosen aufgeführt, die schließlich zu Seiten für einzelne Produkte führen.
Schritt 3
Beginnen Sie mit der Erstellung Ihres Diagramms, indem Sie für jede Kategorie ein Rechteck über den oberen Rand eines Dokuments ziehen. Fügen Sie für jede Webseite der obersten Ebene einen kurzen Titel in Ihr Diagramm ein. Geben Sie die Referenznummer der Seite an, damit Sie in Ihren anderen Website-Planungsdokumenten weitere Details zur Seite nachschlagen können.
Schritt 4
Zeichnen Sie Rechtecke für jede Unterkategorie unter einer Ihrer obersten Kategorien. Zeichnen Sie beispielsweise vier Rechtecke unter der obersten Kategorie der Herrenbekleidung für Hemden, Hosen, Shorts und Mäntel. Richten Sie diese Rechtecke nebeneinander aus, um zu veranschaulichen, dass sich die Seiten, die sie darstellen, innerhalb der Struktur Ihrer Website auf derselben Ebene befinden.
Schritt 5
Verbinden Sie die Seiten der Unterkategorien mit der Kategorie der obersten Ebene, zu der sie gehören, als ob Sie ein Hierarchiediagramm einer Organisation erstellen würden. Zeichnen Sie beispielsweise Linien von den Seiten Hemden, Hosen, Shorts und Mäntel zur übergeordneten Kategorie Herrenbekleidung. Machen Sie gerade Linien ähnlich denen in einem Organigramm, um die Lesbarkeit Ihres Site-Diagramms zu erhöhen.
Schritt 6
Verzweigen Sie Ihr Diagramm weiter in Unterkategorien, bis das Baumdiagramm die Details enthält, die Sie für eine effektive Entwicklung Ihrer Website benötigen. Zeichnen Sie beispielsweise Schachteln mit Hemden und Freizeithemden unter dem Abschnitt Hemden der Kategorie Herrenbekleidung. Es ist jedoch möglicherweise nicht erforderlich, die Seite für jedes Casual-Herrenhemd in Ihr Site-Diagramm aufzunehmen.
Schritt 7
Vervollständigen Sie die Diagrammabschnitte für alle Kategorien der obersten Ebene Ihrer Website auf die gleiche Weise. Füllen Sie beispielsweise die Bereiche für Damen und Kinder auf der Bekleidungswebsite aus.
Ändern Sie die in Ihrem Baumdiagramm verwendeten Symbole, um die Informationen anzuzeigen, die Sie Ihrem Team übermitteln müssen. Verwenden Sie beispielsweise abgerundete Rechtecke für dynamische Webseiten und eine Illustration mehrerer übereinander gestapelter Webseiten, um eine Gruppe ähnlicher Webseiten anzuzeigen, die nicht einzeln aufgeführt sind. Fügen Sie Ihrem Diagramm eine Legende hinzu, um Ihre Konventionen zu erläutern.
