|fav המועדפים שלי |pad מחברת אישית|talckback תגובות הקוראים|poll השתתף בסקר |
  
|about אודות|eitan home page   תפריט איתן
המדריך לבניית אתרים - ניוו
התהליך
    ממשק המשתמש   
עיצוב האתר
עיצוב דף
טיפוגרפיה
עריכה
גרפיקה
מולטימדיה
קישורים
 
  לפני שמתחילים
  לפני שמתחילים
    תהליך הפיתוח
    תהליך הפיתוח
 
תכנון
תכנון
מפרט האתר
מפרט האתר
 
הגדרות ותכנון
הגדרות ותכנון
ארכיטקטורת מידע
ארכיטקטורת מידע
עיצוב האתר
עיצוב האתר
בניית האתר
בניית האתר
שיווק האתר
שיווק האתר
תחזוקת האתר
תחזוקת האתר
 
  דף האינטרנט
  דף האינטרנט
  'דפים 'עצמאיים
  'דפים 'עצמאיים
  כללים בסיסיים
  כללים בסיסיים
  ניווט
  ניווט
 
עיצוב ידידותי
עיצוב ידידותי
נגישות
נגישות
 
     אירגון המידע        
     אירגון המידע        
       מבנה האתר        
       מבנה האתר        
  מוטיבים בעיצוב האתר
  מוטיבים בעיצוב האתר
      יסודות האתר       
      יסודות האתר       
אינטרנט לעומת מסמך
אינטרנט לעומת מסמך
 
חלוקת המידע
חלוקת המידע
 
מבנה בסיסי
מבנה בסיסי
תרשימי האתר
תרשימי האתר
 
הכשרה
הכשרה
לימוד
לימוד
השכלה
השכלה
אתרי בידור
אתרי בידור
אתרי חדשות
אתרי חדשות
מסחר אלקטרוני
מסחר אלקטרוני
 
דף הבית
דף הבית
תפריטים
תפריטים
רשימת מקורות
רשימת מקורות
מדריכי אתר
מדריכי אתר
'?מה חדש'
'?מה חדש'
מאפייני חיפוש
מאפייני חיפוש
משוב משתמשים  
משוב משתמשים  
ביבליוגרפיה ונספחים
ביבליוגרפיה ונספחים
שאלות נפוצות
שאלות נפוצות
הודעות שרת
הודעות שרת
 
היררכיה ויזואלית
היררכיה ויזואלית
עקביות
עקביות
מימדי דף
מימדי דף
אורך דף
אורך דף
קוים מנחים
קוים מנחים
כותרות
כותרות
עימוד דף
עימוד דף
מסגרות
מסגרות
 
מאפיינים
מאפיינים
  מבנה התוכן    
  מבנה התוכן    
     קריאות      
     קריאות      
עקביות
עקביות
פלטפורמות
פלטפורמות
נגישות
נגישות
גרפיקת טקסט
גרפיקת טקסט
 
  גליונות סגנון  
  גליונות סגנון  
 
אורך שורה
אורך שורה
פונטים
פונטים
גודל הפונט
גודל הפונט
הדגשה
הדגשה
 
אירגון התוכן
אירגון התוכן
סגנון מקונן
סגנון מקונן
כותרות
כותרות
קישורים
קישורים
 
  גרפיקה ברשת   
  גרפיקה ברשת   
   קבצי גרפיקה   
   קבצי גרפיקה   
תמונות על המסך  
תמונות על המסך  
  HTML -גרפיקה ו
  HTML -גרפיקה ו
 
הצגת צבעים
הצגת צבעים
'צבעים 'בטוחים
'צבעים 'בטוחים
מיזוג צבעים
מיזוג צבעים
רזולוצית מסך
רזולוצית מסך
(Gamma) ניגודיות
(Gamma) ניגודיות
גרפיקה ורוחב פס
גרפיקה ורוחב פס
 
GIF - קבצי
GIF - קבצי
JPEG - קבצי
JPEG - קבצי
PNG - קבצי
PNG - קבצי
סיכום - סוגי קבצים
סיכום - סוגי קבצים
 
מסך מול הדפס
מסך מול הדפס
המחשות מורכבות
המחשות מורכבות
תרשימי מסך
תרשימי מסך
 
יישומי מולטימדיה
יישומי מולטימדיה
  אסטרטגיות ברשת  
  אסטרטגיות ברשת  
  יצירת מולטימדיה  
  יצירת מולטימדיה  
עיצוב ומולטימדיה
עיצוב ומולטימדיה
 
שמע
שמע
  שיקופיות  
  שיקופיות  
ווידאו
ווידאו
אנימציה
אנימציה
 
  עיבוד  
  עיבוד  
  העברה  
  העברה  
 
דף הבית >> ממשק המשתמש >> ניווט

 

ניווט

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

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


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

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

לאחר מכן אתה יכול לשוב לאתר האינטרנט החדש על ידי לחיצה על כפתור ה" קדימה " :
interface_11.gif

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

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


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

שורות כפתורים הם גם המקום הכי הגיוני לקישורים לעמוד הבית שלך או לדפים אחרים של תפריט הקשורים לדף הנוכחי. שורת כפתורים יכולה להיות עם קישורים מבוססי טקסט או סידרה של גרפיקה של כפתור יחידה בחלק עליון או תחתון של דף :
interface_14.gif

 


  |   דף הבית  |  הדפס עמוד  |  מפת האתר  |  לתחילת העמוד  |  


המדריך לבניית אתרים
מערכת המידע האקדמית - איתן כל הזכויות שמורות © 2003