Een website-boomdiagram illustreert hoe pagina's op een website zijn georganiseerd. Bovenliggende pagina's worden boven of links van onderliggende pagina's weergegeven en geven de relaties tussen webpagina's aan en hoe ze worden geopend. Webontwikkelingsteams gebruiken de diagrammen bij het maken of herontwerpen van websites. Website-boomdiagrammen kunnen eenvoudig of uitgebreid zijn, afhankelijk van de grootte van de website en de behoeften van het ontwikkelteam.
Stap 1
Maak een lijst van de webpagina's die de website bevat of zal bevatten. Zorg ervoor dat elk vermeld item een pagina op uw website wordt. Wijs, afhankelijk van de grootte van uw website, een numerieke verwijzing toe aan elke pagina om u te helpen bij het bouwen van uw sitediagram en het volgen van de voortgang terwijl u uw website ontwikkelt.
Stap 2
Gebruik lijsten met opsommingstekens om het overzicht te ordenen om de ouder-kindrelaties tussen elke pagina op uw website weer te geven. De website van een online kledingwinkel kan bijvoorbeeld hoofdpagina's op het hoogste niveau hebben die naar heren-, dames- en kinderkleding leiden. Elk van die pagina's zou soorten kleding bevatten, zoals overhemden en broeken, die eronder in het overzicht worden vermeld, wat uiteindelijk leidt tot pagina's voor afzonderlijke producten.
Stap 3
Begin met het maken van uw diagram door één rechthoek voor elke categorie boven aan een document te tekenen. Voeg een korte titel toe voor elke webpagina op het hoogste niveau in uw diagram. Voeg het referentienummer van de pagina toe, zodat u aanvullende details over de pagina kunt opzoeken in uw andere websiteplanningsdocumenten.
Stap 4
Teken rechthoeken voor elke subcategorie onder een van uw categorieën op het hoogste niveau. Teken bijvoorbeeld vier rechthoeken onder de categorie herenkleding op het hoogste niveau voor overhemden, broeken, korte broeken en jassen. Lijn deze rechthoeken naast elkaar uit om te illustreren dat de pagina's die ze vertegenwoordigen zich op hetzelfde niveau binnen de structuur van uw website bevinden.
Stap 5
Verbind de pagina's met subcategorieën met de categorie op het hoogste niveau waartoe ze behoren, alsof u een hiërarchiediagram van een organisatie maakt. Trek bijvoorbeeld lijnen van de pagina's met overhemden, broeken, korte broeken en jassen naar de oudercategorie voor herenkleding. Maak rechte lijnen die lijken op die in een organigram om de leesbaarheid van uw sitediagram te vergroten.
Stap 6
Ga door met het aftakken van uw diagram in subcategorieën totdat het boomdiagram de hoeveelheid details bevat die u nodig heeft om uw website effectief te ontwikkelen. Teken bijvoorbeeld dozen met overhemden en vrijetijdsoverhemden onder de sectie overhemden van de categorie herenkleding. Het is echter misschien niet nodig om de pagina voor elk casual herenoverhemd in uw sitediagram op te nemen.
Stap 7
Voltooi de diagramsecties voor alle categorieën op het hoogste niveau van uw website op dezelfde manier. Vul bijvoorbeeld het dames- en kindergedeelte van de kledingwebsite in.
Wijzig de symbolen die in uw boomdiagram worden gebruikt om de informatie aan te geven die u aan uw team moet overbrengen. Gebruik bijvoorbeeld afgeronde rechthoeken voor dynamische webpagina's en een afbeelding van verschillende webpagina's die op elkaar zijn gestapeld om een groep vergelijkbare webpagina's weer te geven die niet afzonderlijk worden vermeld. Voeg een legenda toe aan uw diagram om uw conventies uit te leggen.
