כיצד לעצב תפריט ניווטבאופן המוצלח ביותר?

navigation bar

60%

50%

40%

60%

50%

40%

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

60%

50%

40%

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

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

60%

50%

40%

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

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

לא יחזרו אל האתר שוב.

איך נבטיח שהמשתמשים יוכלו למצוא במהירות את האינפורמציה הנחוצה להם?

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

חשוב לסדר את כל התכנים לפי היררכית חשיבות ושימושיות, שתבוא לידי ביטוי בתפריט הניווט כמובן.

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

חשוב לסדר את כל התכנים לפי היררכית חשיבות ושימושיות, שתבוא לידי ביטוי בתפריט הניווט כמובן.

2. אל תעמיסו המטרה העליונה של תפריט הניווט הוא לגרום למבקר לעשות החלטה-ולעבור מדף הבית אל פנים האתר.

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

יפה שמשפיע על הקריאות.

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

חשוב לסדר את כל התכנים לפי היררכית חשיבות ושימושיות, שתבוא לידי ביטוי בתפריט הניווט כמובן.

2. אל תעמיסו המטרה העליונה של תפריט הניווט הוא לגרום למבקר לעשות החלטה-ולעבור מדף הבית אל פנים האתר.

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

יפה שמשפיע על הקריאות.

3.השתמשו במילים מדוייקות ומזוהות -פשטו את הקטגוריות שלכם כמה שיותר. למשל, באתר אופנה, במקום "בגדי נשים" השתמשו ב"נשים".

-הגבילו את כמות התווים ל-12 בכל קטגוריה.-אל תשתמשו במילים שמשתמש מאמוצע עשוי שלא להבין.

-אנשים רגילים לקונבנציות, לדוגמא, "אודות/מי אנחנו" יעבדו טוב יותר מאשר "בואו לשמוע עלינו קצת".

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

חשוב לסדר את כל התכנים לפי היררכית חשיבות ושימושיות, שתבוא לידי ביטוי בתפריט הניווט כמובן.

2. אל תעמיסו המטרה העליונה של תפריט הניווט הוא לגרום למבקר לעשות החלטה-ולעבור מדף הבית אל פנים האתר.

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

יפה שמשפיע על הקריאות.

3.השתמשו במילים מדוייקות ומזוהות -פשטו את הקטגוריות שלכם כמה שיותר. למשל, באתר אופנה, במקום "בגדי נשים" השתמשו ב"נשים".

-הגבילו את כמות התווים ל-12 בכל קטגוריה.-אל תשתמשו במילים שמשתמש מאמוצע עשוי שלא להבין.

-אנשים רגילים לקונבנציות, לדוגמא, "אודות/מי אנחנו" יעבדו טוב יותר מאשר "בואו לשמוע עלינו קצת".

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

כיוון שתזוזה שמאלה משמעה לזוז קדימה. עדיף להשתמש בלינקים הימניים לדפים אינפורמטיבים.

התפריט של אפל משמש הרבה פעמים דוגמא לסטנדרט זהב.

אפל +מזוקק; 7 קטגוריות בלבד.

+הפשטות והישירות .

CNN +16 הקטגוריות.

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

+הפונט קטן וגודל הלשוניות קטן. צפיפות.

One level navigation bar

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

סוני +מגיב באופן מיידי, ובנוסף קיימים

+האייקונים ליד הקטגוריות מרמזים לנו היכן ישנם קישורים נוספים שמוכלים )+( והיכן לא )>(

Drop down navigation bar

דני'ס +מציע חווית משתמש חדשנית ומורכבת.

+מאט את המשתמש כיוון שלוקח לתפריטים זמן להפתח-מסורבל.

מגה-תפריט מאוד נפוץ בקרב אתרים עם עומק קטגוריות ומידע גדול.התפריטים האלו יהיו בדרך כלל בעלי 2 'מפלסים' אבל במפלס ה-2 שלהם, יכילו תמונות או רשימת לינקים וכדומה.

גם תפריט מסוג זה חייבים לדעת לעשות נכון.

Multi drop down navigation bar

לואו'ס +היררכיה

+הלינקים הפופולריים ביותר לתפריט הניווט שלו. +האופציה לבחון גם את כל הפריטים הקיימים.

+נגישות באמצעות תמונות.

טרג'ט+מפיל על המשתמש כמות לינקים גדולה

+ללא היררכיה או הקשר.+מאלץ לגלול כלפי מטה על מנת לראותו במלואו.

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

במה הוא ירצה או יצטרך להשתמש קודם.כדאי לשאוף לתפריט כמה שיותר פשוט. במקרים רבים תפריט ניווט מורכב הוא

סימן שצריך לסדר את התוכן בצורה טובה ומובנת יותר.