דיאגרמת עץ לאתר מדגימה כיצד מאורגנים דפים באתר. דפי אב מוצגים מעל או משמאל לדפי ילדים, המציינים את היחסים בין דפי האינטרנט ואופן הגישה אליהם. צוותי פיתוח אתרים משתמשים בתרשימים בעת יצירה או עיצוב מחדש של אתרים. דיאגרמות עץ של אתרים יכולות להיות פשוטות או מורכבות, תלוי בגודל האתר ובצרכי צוות הפיתוח.
שלב 1
צור רשימה של דפי האינטרנט שהאתר מכיל או יכיל. ודא שכל פריט המופיע יהיה דף באתר שלך. בהתאם לגודל האתר שלך, הקצה הפניה מספרית לכל עמוד כדי לסייע לך בבניית דיאגרמת האתר שלך ובמעקב אחר ההתקדמות במהלך פיתוח האתר שלך.
שלב 2
בעזרת רשימות תבליטים, ארגן את המתאר כך שיציג את יחסי ההורה וילד בין כל דף באתר שלך. לדוגמא, אתר חנות בגדים מקוונת עשוי לכלול דפי הורים ברמה העליונה המובילים לבגדי גברים, נשים וילדים. בכל אחד מאותם עמודים יהיו סוגים של בגדים כמו חולצות ומכנסיים המפורטים תחתיהם במתאר, ובסופו של דבר יובילו לדפים עבור מוצרים בודדים.
שלב 3
התחל ליצור את התרשים שלך על ידי ציור מלבן אחד לכל קטגוריה בחלקו העליון של המסמך. הכנס כותרת קצרה לכל דף אינטרנט ברמה העליונה לתרשים שלך. כלול את מספר ההתייחסות של הדף כדי שתוכל לחפש פרטים נוספים על הדף במסמכי התכנון האחרים שלך.
שלב 4
צייר מלבנים לכל קטגוריית משנה שמתחת לאחת הקטגוריות ברמה העליונה שלך. לדוגמה, צייר ארבעה מלבנים תחת הקטגוריה העליונה של בגדי גברים לחולצות, מכנסיים, מכנסיים קצרים ומעילים. יישר את המלבנים האלה זה לצד זה כדי להמחיש שהדפים שהם מייצגים נמצאים באותה רמה במבנה האתר שלך.
שלב 5
חבר את דפי קטגוריות המשנה לקטגוריה העליונה שהם שייכים אליה כאילו אתה יוצר את תרשים ההיררכיה של הארגון. לדוגמא, צייר קווים מדפי החולצה, המכנסיים, המכנסיים הקטנים והמעילים לקטגוריית ההורים לבגדי גברים. צרו קווים ישרים דומים לאלה שבתרשים ארגוני כדי להגביר את הקריאות של דיאגרמת האתר שלכם.
שלב 6
המשך להסתעף בתרשימים שלך עד לקטגוריות משנה עד שתרשים העץ מכיל את כמות הפירוט הדרושה לך כדי לפתח את האתר שלך בצורה יעילה. לדוגמה, צייר קופסאות של חולצות שמלה וחולצות קז'ואל מתחת לחלק החולצות בקטגוריית בגדי גברים. יתכן שלא יהיה צורך לכלול את הדף לכל חולצת גברים מזדמנים בתרשים האתר שלך.
שלב 7
השלם את קטעי התרשים עבור כל הקטגוריות המובילות באתר שלך באותו אופן. לדוגמה, השלם את מדורי הנשים והילדים באתר הבגדים.
שנה את הסמלים המשמשים בתרשים העץ שלך כדי לציין את המידע שאתה צריך להעביר לצוות שלך. לדוגמה, השתמש במלבנים מעוגלים עבור דפי אינטרנט דינמיים והמחשה של מספר דפי אינטרנט שנערמו יחד כדי להציג קבוצה של דפי אינטרנט דומים שאינם רשומים בנפרד. כלול אגדה בתרשים שלך כדי להסביר את המוסכמות שלך.
