דף הבית -> דף פירוט מדריכים
-> ארכיטקטורת אינפורמציה - דף השיעורים
-> שיעור רביעי - מבנה האתר
 

ארכיטקטורת אינפורמציה - שיעור רביעי
מבנה האתר

  בדיקת מטפורות    קבע באבן    הגדר ניווט    מסמך עיצוב

אם קראת את שלושת השיעורים הראשונים, כבר יש לך הבנה טובה של מטרות האתר שלך, מיהו
קהל היעד, ואיזה תוכן ופונקציות תצטרך. עכשיו הגיע הזמן להגדיר את מבנה האתר, שהוא
הבסיס עליו תבנה את כל השאר.
חשוב על מבנה האתר כעל שלד שמחזיק גוף. בלעדיו, האתר שלך יהיה בלגן מבלבל - בערך כמו
אמבה. אתה רוצה אתר לא מאורגן, קשה לשימוש ומעצבן? לא! אתה רוצה אתר קל לשימוש, בנוי
היטב ומתפתח שיכול ללכת על שתי רגלים משלו.
אחרי שתצור מבנה טוב לאתר, כל היתר יסתדר במקום. לא יתכן אחרת. מבנה מעוצב היטב יקל
עליך להגדיר את שיטת הניווט, ושניהם ביחד יקלו על עיצוב הדפים ותבניתם. זהו הצעד האחרון
לפני שממש תתחיל לבנות דברים.

בדיקת מטפורות
השלב הזה, שנקרא "בדיקת מטפורות", יכול לעזור לחדד את הבנת מבנה האתר שלך, אבל חשוב
לזכור ששלב זה הוא רק תרגיל. הוא ייתן לך הרבה רעיונות טובים, אבל הם יכולים להיות לא
פרקטיים, במקרה הטוב. אל תתן לזה לדכא אותך - זה יכול להיות מהנה מאוד.
בדיקת מטפורות שונות עוזרת בנסיון לקבוע את מבנה האתר. מטפורה טובה יכולה לעזור מאוד
בנסיון לעזור לגולשים להבין איך להשתמש ואיך לנווט את האתר. אולם אף מטפורה אינה
מושלמת, כך שאל תרגיש שאתה חייב להצמד לאחת בלבד. אתה יכול לקחת את החלקים הטובים
ביותר של מספר מטפורות שונות ולקבץ אותם לאחת (או שאולי לא תמצא אף מטפורה שימושית
בכלל).

שלושה סוגי מטפורות עוזרים לעיצוב אתר:
מטפורות ארגוניות
מטפורות ארגוניות מסתמכות על מבנה קיים של קבוצה, מערכת, או ארגון. לדוגמא, אם אתה יוצר
אתר למכירת מזון, המטפורה שלך יכולה להיות סופרמרקט, שם המוצרים מקובצים באופן הגיוני
לפי סוג (שימורי ירקות, מוצרי חלב, חטיפים, קורנפלקס, מוצרי בית, וכולי). שים לב שהעתקת
ההיררכיה האירגונית של החברה של הלקוח שלך זה לא רעיון טוב בדרך כלל - קוני הסופרמרקט
לא מתעניינים בכלל במבנה החברה של בעלי הסופר.

מטפורות פונקציונליות
מטפורות פונקציונליות מייחסות את המשימות שאתה יכול לבצע באתר למשימות שאתה יכול
לבצע במקומות אחרים. פוטושופ, תוכנה גרפית, מסתמכת על מטפורות פונקציונליות רבות: אתה
יכול "לחתוך", "להעתיק" ו"להדביק" גרפיקות על מחשב - כאילו שאתה משתמש במספריים ודבק
אמיתיים.

מטפורות ויזואליות
מטפורות ויזואליות מסתמכות על אלמנטים גרפיים מקובלים המוכרים לרוב האנשים בתרבות
שלנו. אם אתה מעצב אתר מוזיקה שמאפשר לגולשים לשמוע שירים, אולי תרצה להשתמש בסימני
ה"START ", "STOP " ו"PAUSE " המסורתיים המופיעים על כל נגני הקומפקט-דיסק.
בכדי להתחיל לבדוק מטפורות, אסוף את האנשים שלך ובצעו סיעור מוחות. תעברו על כל מטפורה
ותנו לה הערכה. נסה לא לדכא רעיונות שאתה לא אוהב, לפחות לא מייד. העניין במטפורה יכול לא
להיות ברור מייד. נסה למפות את האיזורים המרכזיים של האתר על ידי קישור אלמנטים ממלאי
התוכן לכל מטפורה. אחרי הנסיון הזה, שיהיה כנראה סוער ומבדר, אתה צריך לבחור מטפורה או
רציונל למבנה האתר. זכור, אין מטפורה מושלמת. האתר הכללי אולי לא יהיה ברור כמו מטפורה,
אבל אולי מערכת הניווט (או חלקים קטנים יותר באתר) יהיו.


ראש העמוד עמוד ההפניות עמוד השיעורים תחילת הפיסקה



קבע באבן
עכשיו שיש לך רציונל למבנה האתר, תרצה לקבע אותו באבן. אתה יכול להתחיל על ידי הכנת מפה
היררכית, מורכבת מטקסט, של האתר, הנקראת "רשימת מבנה האתר".
החטיבות העיקריות עליהן החלטת קודם לכן, הן שורשי רשימת מבנה האתר. הכנס אותן לתוך
המטפורה או הרציונל שלך. אחר כך, מפה את ארגון כל חטיבה עם אלמנטים מתוך מלאי התוכן.
בעודך מעמיק לתוך האתר, סמן את השלבים הנמוכים יותר. אתה תחזור על התהליך הזה מספר
פעמים. עם הזמן, תתרכז בחלקים הקטנים יותר של האתר. אתה צריך לסיים עם רשימה שנראית
כך:
חטיבה 1
חטיבה 1.1
חטיבה 1.2
חטיבה 2
חטיבה 2.1
חטיבה 2.2
חטיבה 2.2.1
חטיבה 2.2.2
חטיבה 2.2.3
חטיבה 2.3
חטיבה 2.4
חטיבה 3

אחר כך, תרצה להפוך את הרשימה הזו לחזותית. לאנשים רבים קשה לראות את רשימת מבנה
האתר ולתרגם אותה לאופן בו האתר יעבוד. רישום ארכיטקטוני יכול לעזור. הנה דוגמא:



רישום ארכיטקטוני הוא דוגמא ויזואלית למבנה האתר. זוהי דיאגרמה שמראה איך האלמנטים של
האתר מצטרפים יחד ואיך הם קשורים או מתייחסים אחד לשני. תצטרך לצרף מדריך שיפרט איך
הקישורים באתר ומחוץ לו, מרכיבי הדף, דפים וקבוצות של דפים מיוצגים ברישום. אולי תרצה
להבדיל בין אזורים באתר שמבצעים קניה או פונקציות אחרות, אזורים שמשתנים באופן דינמי,
ודפים בהם יש בעיקר טקסט. אם האתר שלך גדול, יתכן שתאלץ להכין כמה רישומים
ארכיטקטוניים, המתחילים במראה כללי של האתר ומסתיימים בדיאגרמות יותר ויותר ספציפיות.


ראש העמוד עמוד ההפניות עמוד השיעורים תחילת הפיסקה



הגדר ניווט
איך ישתמשו הגולשים באתר? איך הם יגיעו ממקום אחד לשני? איך אתה מונע מהם מללכת
לאיבוד? הגדרת מערכת הניווט של האתר פותרת את הבעיות הללו. הסתכל ברשימת מבנה האתר.
מהן החטיבות העיקריות? הן המועמדות הטובות ביותר לשיטת הניווט הגלובלית, שמופיעה בכל
עמוד של האתר ומאפשרת לגולשים לקפוץ במהירות בין החטיבות. אם זה אפשרי, נסה להגביל את
מספר האלמנטים הגלובליים של הניווט לחמשה עד שבעה. רעיון טוב נוסף הוא לשלב את מותג
האתר שלך - הלוגו של החברה - לתוך הניווט הגלובלי כחלק מהקישור חזרה לעמוד הבית של
האתר.
ניווט לוקאלי יכול לבוא בכמה צורות. הוא יכול להיות רשימת נושאים, כמו אלו שנמצאים
בYAHOO או GEOCITIES. הוא יכול להראות כמו תפריט בחירות כמו באתר החברים
הרשומים של GEOCITIES. או שהוא יכול להיות רשימת דברים הקשורים זה לזה, כמו כותרות
העמודים המופיעים בתחתית כל עמוד של אתר WEBMONKEY.
חשוב מאד שתתעד במסמך את שיטת הניווט הגלובלית וכמה שיותר שיטות ניווט לוקאליות שאתה
יכול. זה יכול להיות פשוט כמו חיבור רשימת אלמנטים שמרכיבים כל אחת מהשיטות.
לדוגמא, לאתר WEBMONKEY יש שיטת ניווט גלובלית שאפשר לתעד כרשימה: "שיטת הניווט
הגלובלית כוללת קישורים לכל החטיבות המרכזיות של WEBMONKEY: עיצוב, HTML,
HTML דינאמי, וכולי". הגדרת ניווט לוקאלית של WEBMONKEY יכולה להיות: "למאמר בעל
חלקים רבים, רשימת קישורים לכל חלק תופיע בסוף כל עמוד. השתמש בכותרת החלק כקישור
לאותו חלק."

מסמך עיצוב
מסמך עיצוב:
הגיע זמן המסמך! צור פרק חדש במסמך העיצוב שלך שנקרא "מבנה האתר". רשום סיכום או
הסבר מטפורי של הרציונל שמאחורי מבנה האתר. הוסף את רשימת מבנה האתר. אם הרשימה
ארוכה מדי, הוסף גרסה מקוצרת ותוסיף את היתר כנספח. הוסף את הרישומים הארכיטקטוניים.
הוסף את תכנוני הניווט הגלובאלי והלוקאלי. כמו תמיד, פרסם את התוצאות על מנת שכולם יוכלו
לקרוא אותן.
דוגמא:
4. מבנה האתר
4.1 רשימת מבנה האתר (או סיכום)
4.2 רישומים ארכיטקטוניים
4.3 מערכות ניווט גלובאליות ולוקאליות
נספח ג': רשימת מבנה האתר (אופציה)
כמעט סיימנו - נשאר רק עוד שיעור אחד!


ראש העמוד עמוד ההפניות עמוד השיעורים תחילת הפיסקה