ניווט באתר אינטרנט

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

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

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

באתר מורכב מקובל להשתמש בסרגל ניווט כפול. דוגמה לכך ניתן לראות באתר של [https://web.archive.org/web/20140331150819/http://www.ramat-gan.muni.il/ עיריית רמת גן]: בחלק העליון של כל דף מופיע סרגל הניווט הראשי, ובצד שמאל מופיע סרגל ניווט משני המפרט את מרכיביו של הפרק שנבחר בסרגל הניווט הראשי (בדוגמה שלפנינו: תרבות, אמנות ואירועים בעיר):
ניווט באתר עיריית [[רמת גן]] 

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

{| border=1 cellpadding=9 cellspacing=0
|-
| ניווט באתר [[Ynet]] || פרסומיים ואחרים)]]
|-
|}

== מפת האתר==

מפת האתר מאפשרת לגולש המגיע לאתר חדש לקבל תמונה מלאה, על רגל אחת, של מבנה האתר. באמצעות המפה ניתן להגיע בקליק אחד לכל אחד מדפי האתר, כך שהיא מהווה אמצעי ניווט נוח לגולש הנחפז. מפת האתר אינה מחליפה את סרגל הניווט, אלא מהווה אמצעי ניווט נוסף. הנה דוגמה למפת האתר של [https://web.archive.org/web/20171126151926/http://www.israrail.org.il/ רכבת ישראל]:
ניווט באתר [[רכבת ישראל]]

דרך פשוטה יותר להצגת מפת האתר היא באמצעות קישורים טקסטואליים פשוטים, המציגים, בצורה של רשימה, את כל הדפים הראשיים היוצאים מדף הבית, ואת כל הדפים המשניים היוצאים מכל אחד מהדפים הראשיים. הנה קטע ממפת האתר של [https://web.archive.org/web/20140331150819/http://www.ramat-gan.muni.il/ עיריית רמת-גן].

ניווט באתר עיריית רמת גן

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

להלן דוגמה למפת תמונות – ניתן ללחוץ על תמונה של כוכב לכת ולהגיע לערך המתאים באתר.
<imagemap>
Image:Solar System XXVII.png
#The Sun
rect 0 0 90 35 השמש
#Mercury
circle 112 18 6 כוכב חמה
#Venus
circle 153 18 8 נוגה
#Earth and the Moon
circle 203 8 4 הירח
circle 194 18 8 כדור הארץ
#Mars and satellites
circle 239 13 3 :קטגוריה:ירחי מאדים
circle 233 18 8 מאדים
#Ceres and the asteroid belt
circle 271 18 8 קרס
rect 256 0 288 35 חגורת האסטרואידים
#Jupiter and satellites
circle 316 18 15 צדק
circle 329 5 6 :קטגוריה:ירחי צדק
#Saturn and satellites
circle 372 18 10 שבתאי
circle 381 7 6 :קטגוריה:ירחי שבתאי
#Uranus and satellites
circle 418 18 9 אורנוס
circle 427 10 6 :קטגוריה:ירחי אורנוס
#Neptune and satellites
circle 471 10 3 :קטגוריה:ירחי נפטון
circle 462 18 12 נפטון
#Pluto, satellites, and the Kuiper belt
circle 508 13 3 :קטגוריה:ירחי פלוטו
circle 504 18 8 פלוטו
rect 492 0 527 35 חגורת קויפר
#Eris, Dysnomia, and the Scattered disc
circle 544 14 3 דיסנומיה
circle 540 18 8 אריס
rect 528 0 567 35 הדיסק המפוזר
rect 568 0 597 35 עננת אורט
#End of ImageMap
desc none
</imagemap>
להלן אותה תמונה ללא מפת התמונות – כאן לא ניתן ללחוץ על הכוכבים ולהגיע לערך המתאים. במקום זאת, לחיצה על כל נקודה בתמונה תוביל למידע נוסף הרלוונטי לתמונה זו.<br />
מפה רגילה

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

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

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

==ראו גם==
*שימושיות 
*ממשק משתמש גרפי

==קישורים חיצוניים==
* [http://www.useit.com/alertbox/20000109.html Is Navigation Useful?], ג'ייקוב נילסן 
* [http://www.merges.net/theory/20010604.html Website navigation is useful], Adam Baker 

קטגוריה:עיצוב אתרי אינטרנט
קטגוריה:ניהול ידע