דיאגרמות אתר:

מיפוי שטח המידע

מהו "שטח מידע" ?מהו "שטח מידע" ?

דוגמאות לשטחי מידע:דוגמאות לשטחי מידע:

.אחזור קובץ - עלעול נעשה באמצעות שטח מידע. אחזור קובץ - עלעול נעשה באמצעות שטח מידע

מנוע חיפוש - סינון התוצאות מתבצע דרך שטח מנוע חיפוש - סינון התוצאות מתבצע דרך שטח מידע.מידע.

.גלישה באתר- ניווט דרך שטח מידע. גלישה באתר- ניווט דרך שטח מידע

הבנת מבנה שטח המידעהבנת מבנה שטח המידע

?מהו מבנה המידע?מהו מבנה המידע?איך מציגים ויזואלית מבנה מידע?איך מציגים ויזואלית מבנה מידע -אלו קשרים קיימים בין דפי ה- אלו קשרים קיימים בין דפי הwebweb?השונים? השונים ?איך מוצגים קשרים אלה?איך מוצגים קשרים אלה

יכולים לתת מענה מועיל יכולים לתת מענה מועיל תרשימי אתרתרשימי אתרלשאלות הללו, אולם יצירתם הפכה לשאלות הללו, אולם יצירתם הפכה

לאתגר אנושי.לאתגר אנושי.

התפתחות גישת הדיאגרמותהתפתחות גישת הדיאגרמות

מילון ויזואלימילון ויזואלי( ( Jesse James GarrettJesse James Garrett מערכת – ) מערכת – )סמלים לתיאור מערכת, מבנה או תהליך. יכול לסייע סמלים לתיאור מערכת, מבנה או תהליך. יכול לסייע לארכיטקט המידע לתאר ברמה גבוהה את המבנה לארכיטקט המידע לתאר ברמה גבוהה את המבנה ו/או את זרימת חוויית המשתמש של אתר אינטרנט. ו/או את זרימת חוויית המשתמש של אתר אינטרנט.

למילון – למילון דיאגרמות אתר מבניות/פונקציונאליותדיאגרמות אתר מבניות/פונקציונאליות – הויזואלי לא הייתה הגישה הנכונה להובלת השיקולים הויזואלי לא הייתה הגישה הנכונה להובלת השיקולים

המבניים, מכאן שהיה צורך בפיתוח הגישה המבניים, מכאן שהיה צורך בפיתוח הגישה התרשימית המספקת "תמונה מלאה" של האתר התרשימית המספקת "תמונה מלאה" של האתר

והמונעת הפשטה לא נחוצה בתרשימים. והמונעת הפשטה לא נחוצה בתרשימים.

מתאר האתרמתאר האתר

.מתאר האתר משלים את הדיאגרמה. מתאר האתר משלים את הדיאגרמה.מציג את מבנה האתר בתבנית מתאר אופיינית.מציג את מבנה האתר בתבנית מתאר אופיינית משקף את המספור, הרמות, והתוויות בדיאגרמת משקף את המספור, הרמות, והתוויות בדיאגרמת

האתר. האתר. יתרונותיתרונות::

.ייצור ושמירה מהירים יותר מאשר בדיאגרמות אתר.ייצור ושמירה מהירים יותר מאשר בדיאגרמות אתרחסרונותחסרונות::

.קשיים בהצגת רצפי דף ליניאריים. קשיים בהצגת רצפי דף ליניאריים .הגבלה ביכולת ציון פונקציונאליות ומאפייני תוכן אחרים.הגבלה ביכולת ציון פונקציונאליות ומאפייני תוכן אחרים מתארי אתר אינם חושפים את ה- "תמונה המלאה" של אתר מתארי אתר אינם חושפים את ה- "תמונה המלאה" של אתר

אינטרנט בקלות. אינטרנט בקלות.

דיאגרמת אתרדיאגרמת אתר

יחידות מבניותיחידות מבניות

יחידות מבניות מהוות את "אבני הבניין" של יחידות מבניות מהוות את "אבני הבניין" שלהדיאגרמה.הדיאגרמה.

היחידה המבנית הבסיסית של הדיאגרמה הינה היחידה המבנית הבסיסית של הדיאגרמה הינה )מלבן( - )מלבן( -webwebדף ה- דף ה-

– – קריטריונים בסיסיים לאשכול דפיםקריטריונים בסיסיים לאשכול דפים

מיקום הדפים באתר הינו עד הרמה השלישית.מיקום הדפים באתר הינו עד הרמה השלישית.1.1.

אין תת – דפים תחת פריטי האשכול. אין תת – דפים תחת פריטי האשכול. 2.2.

כל קבוצה כוללת דפים בעלי תוכן דומה.כל קבוצה כוללת דפים בעלי תוכן דומה.3.3.

כמות הדפים עשויה להשתנות באופן תדיר. כמות הדפים עשויה להשתנות באופן תדיר. 4.4.

יחידות מבניותיחידות מבניות

- - חלוקה לרמותחלוקה לרמות דף הבית: דף הבית11רמה רמה : ניווט גלובאלי ודפים אחרים שאינם : ניווט גלובאלי ודפים אחרים שאינם 22רמה רמה :

גלובאליים מחוץ לדף הבית.גלובאליים מחוץ לדף הבית. ניווט מקומי: ניווט מקומי33רמה רמה :

– – מספור עמודיםמספור עמודים1.01.0 ((11: דף הבית )רמה : דף הבית )רמה1.1,1.2,1.31.1,1.2,1.3 22 ... : דפים ברמה ... : דפים ברמה 1.1.11.1.1 , ,1.1.21.1.2 , ,1.1.31.1.3 33 ... : דפים ברמה ... : דפים ברמה

ציון רמות ומספור עמודיםציון רמות ומספור עמודים

דיאגרמת עץ אופקית -דיאגרמת עץ אופקית -

מיפוי ויזואלי של המבנהמיפוי ויזואלי של המבנה

דיאגרמת עץ אנכית -דיאגרמת עץ אנכית -

מיפוי ויזואלי של המבנהמיפוי ויזואלי של המבנה

- -דף הדיאגרמה הראשון כולל את שתי הרמות הראשונותדף הדיאגרמה הראשון כולל את שתי הרמות הראשונות

מיפוי ויזואלי של המבנהמיפוי ויזואלי של המבנה

22הדפים הבאים מתמקדים בכל חלק הכלול ברמה הדפים הבאים מתמקדים בכל חלק הכלול ברמה - -בנפרדבנפרד

מיפוי ויזואלי של המבנהמיפוי ויזואלי של המבנה

- -כל המלבנים ברמה השנייה מקושרים ביניהםכל המלבנים ברמה השנייה מקושרים ביניהם

קישורים וקשרים בין דפיםקישורים וקשרים בין דפים

ניווט בין הדפים ברמה השנייה מצריך חזרהניווט בין הדפים ברמה השנייה מצריך חזרה - - ((11לדף הבית )רמה לדף הבית )רמה

קישורים וקשרים בין דפיםקישורים וקשרים בין דפים

ברצפי דף ליניארי, חצים בד"כ משמשים לסימון ברצפי דף ליניארי, חצים בד"כ משמשים לסימון - - הזרימה בתהליךהזרימה בתהליך

רצפים ליניארייםרצפים ליניאריים

קישורים צולביםקישורים צולבים – – קישור לדף המצוי באזור אחר של האתר. קשרים אלו קישור לדף המצוי באזור אחר של האתר. קשרים אלו

מיוצגים ע"י קווים מנוקדים, בד"כ מסתיימים במלבן מיוצגים ע"י קווים מנוקדים, בד"כ מסתיימים במלבן הכולל את המספרים של דפי הקישורים הצולבים.הכולל את המספרים של דפי הקישורים הצולבים.

קישורים חיצונייםקישורים חיצוניים – – מיוצגים ע"י סמל המתויג בסמיכות לדף המכיל את מיוצגים ע"י סמל המתויג בסמיכות לדף המכיל את

הקישור. מיקום הסמל מחוץ למלבן בא להדגיש את הקישור. מיקום הסמל מחוץ למלבן בא להדגיש את חיצוניות הקישור. חיצוניות הקישור.

רצפים ליניארייםרצפים ליניאריים

- -קישורים צולבים, חיצוניים וקיבוצי דפיםקישורים צולבים, חיצוניים וקיבוצי דפים

רצפים ליניארייםרצפים ליניאריים

סוגי תכנים אלה כוללים: מסמכי סוגי תכנים אלה כוללים: מסמכיWordWord קבצי , קבצי ,PDFPDF שקופיות , שקופיות ,PowerPointPowerPoint ,גיליון אלקטרוני, , גיליון אלקטרוני ,

, וכד'.., וכד'..EXEEXEתוכניות הרצה – תוכניות הרצה –

.תכנים אלה לא מקבלים מספרי דף.תכנים אלה לא מקבלים מספרי דף

דיאגרמת אתר מציגה את הדפים שאליהם דיאגרמת אתר מציגה את הדפים שאליהםמקושרים תכנים אלה.מקושרים תכנים אלה.

סוגי תוכן שאינם מתאימים לדפי סוגי תוכן שאינם מתאימים לדפי webweb

טפסים, קישורי דואר אלקטרוני, קישורים בתוך טפסים, קישורי דואר אלקטרוני, קישורים בתוךהדף, ג'אווה סקריפט, שפות צד-שרת וכד'..הדף, ג'אווה סקריפט, שפות צד-שרת וכד'..

פונקציונאליות זו מהווה את השכבה העליונה פונקציונאליות זו מהווה את השכבה העליונהשל המידע המבני.של המידע המבני.

ייצוג פונקציונאליותייצוג פונקציונאליות

ייצוג סוגי תוכן ופונקציונאליותייצוג סוגי תוכן ופונקציונאליות

שימושי למעקב אחר שינויים. – שימושי למעקב אחר שינויים.מספור גרסאותמספור גרסאות – .תאריכי יצירת מסמך ועדכון אחרון.תאריכי יצירת מסמך ועדכון אחרון

URLURL.שם אתר ומקור מידע., שם אתר ומקור מידע , תיוג דפי הדיאגרמה והכללת מספרי סעיפים תיוג דפי הדיאגרמה והכללת מספרי סעיפים

עבור דיאגרמות רבות-דפים.עבור דיאגרמות רבות-דפים.

הוספת מטה-דאטההוספת מטה-דאטה

ייצור דיאגרמה המתארת – ייצור דיאגרמה המתארת מטרה סופיתמטרה סופית – במדויק את מה שכבר נוצר או מה שעדיין לא במדויק את מה שכבר נוצר או מה שעדיין לא

נוצר. נוצר.

בשל גיוון המבנים והפונקציונאליות באתרי בשל גיוון המבנים והפונקציונאליות באתרי

אינטרנט, סביר שיתעורר מצב ייחודי שיסטה אינטרנט, סביר שיתעורר מצב ייחודי שיסטה מהקווים המנחים שצוינו עד כה. מהקווים המנחים שצוינו עד כה.

שרטוט דיאגרמה בפועלשרטוט דיאגרמה בפועל

מצגת זו מבוססת על המאמר: מצגת זו מבוססת על המאמר:

Site DiagramsSite Diagrams: : Mapping an Information SpaceMapping an Information Space

By Jason WithrowBy Jason Withrow

מגישה- מגישה-

דקלה מושקטלדקלה מושקטל