מי הזיז את המודעות הממומנות שלי?!
23/02/2016
רספונסיבי
רספונסיבי, אדפטיבי, ושאר מילות קוד…
03/03/2016
רוצה לראות הכל
תפריטי ניווט

תפריטי ניווט ראשיים באתרי אינטרנט

מאת: אורלי שלף, UX Expert יוניברסל מקאן דיגיטל

אז מה תכלס? טריקים וטיפים:

לא לשחק במחבואים

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

מיקום תפריט ראשי

מקמו את התפריט הראשי בראש העמוד. המשתמש יצפה למצוא את המקור הרישמי של הניווט באזור זה (קונבנציה)

בידול ויזואלי

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

למען הסדר הטוב

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

אתה נמצא פה

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

דביק דביק

הפכו את תפריטי הניווט לדביקים (STICKY MENU). אפשרו למשתמש לגשת לתפריט גם כאשר גלל מטה בעמודים.

להאכיל בכפית

באתרי ECOMMERCE – כאשר יש רמות לקטגוריות, רצוי לפרוס את הרמות ככל הניתן. כלומר, קטגוריה ראשית –> תת קטגוריה –> סוגי המוצרים – אל תחסכו במידע.

לא להתחכם

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

בניסוי שמישות שערכנו באתר (הישן) של בנק לאומי, ניתן לראות כי ההתמקדות הראשונית באתר היא תפריט הראשי

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

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

הנה דוגמא מעולה לשימוש בתמונות וקטגוריות במגה תפריט באתר VWO

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

לסיכום

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