התפריט באתר שלך הוא לא סתם רשימת קישורים – הוא הניווט הראשי שדרכו הגולש מחליט אם להישאר או לעזוב. היררכיה נכונה של תפריטים יכולה לשפר את חוויית המשתמש, להוריד שיעורי נטישה, ואפילו להשפיע לטובה על הדירוג שלך בגוגל.
במאמר הזה נעבור יחד על כל מה שצריך לדעת כדי לבנות תפריט חכם, ברור ונוח – גם בלי להיות מעצב או מפתח.
למה בכלל צריך היררכיה ברורה בתפריטים?
לפני הכול – בוא נבין למה זה חשוב:
היררכיה ברורה בתפריט היא בעצם סדר הגיוני של עמודים, שמאפשר לגולש להתמצא באתר בצורה אינטואיטיבית. כשיש סדר – יש הבנה. כשיש הבנה – יש חיבור. וזה מתבטא בשיפור חוויית המשתמש, זמן שהייה באתר, ובסופו של דבר גם באחוזי ההמרה.
עקרונות בסיס לבניית תפריט טוב
- שיקוף של מבנה האתר – לא של מבנה החברה
הרבה עסקים טועים כשהם בונים את התפריט כמו הארגון שלהם. לדוגמה, מחלקות, מחלקות-משנה, שמות פנימיים שלא אומרים כלום ללקוח.
במקום זה – חשוב לחשוב מה הלקוח מחפש. לא מה נוח לך.- דוגמה טובה:
- בית
- השירותים שלנו
- פרויקטים
- אודות
- צור קשר
- דוגמה פחות טובה:
- תחומי פעילות
- הצוות
- משאבי אנוש
- חזון ומטרות
- טפסים
- דוגמה טובה:
- היררכיה מקסימלית: שלוש רמות
הכלל המומלץ הוא לא לעבור את שלוש הרמות:- תפריט ראשי
- תת-תפריט
- אולי – תת-תפריט נוסף
מעבר לזה – זה כבר מסבך.
אם אתה מוצא את עצמך בונה תפריט עם חמש רמות עומק, שווה לעצור ולשאול: האם באמת צריך את זה?
- שמות קצרים וברורים
כל פריט בתפריט צריך להיות מובן מיד. בלי לחשוב, בלי לפענח.
השתמשו בשפה פשוטה. "השירותים שלנו" עדיף על "תחומי מומחיות".
לאנשים אין זמן לפרש מונחים. - תפריטים שונים לדסקטופ ולמובייל
בתצוגת מחשב, אפשר להציג יותר פריטים. אבל במובייל – המקום מוגבל.
שקול להשתמש בתפריט המבורגר במובייל, עם סדר מותאם, ובלי להציף את המשתמש.
בנוסף, ודא שהניווט במובייל נוח באצבע אחת – כלומר, תפריטים נפתחים בקלות, בלי לגלול 3 פעמים כדי למצוא את "צור קשר".
טיפים מעשיים לבניית היררכיה נכונה
- התחל ממיפוי תוכן
קח דף ועט, או טבלה ב-Google Sheets – ורשום את כל העמודים שיש באתר שלך.
קבץ אותם לפי נושאים.
שאל את עצמך:
"אילו עמודים הכי חשובים לעסק שלי?"
"מה הגולש מחפש כשהוא נכנס לאתר?"
"האם יש עמודים מיותרים?"
השלב הזה עוזר ליצור שלד ברור לתפריט, עוד לפני שאתה נוגע באתר עצמו - סדר את הפריטים לפי סדר עדיפויות
העמוד הראשון בתפריט מקבל הכי הרבה תשומת לב.
העמוד האחרון – גם.
אל תשים את "בלוג" או "אודות" ראשון – שים קודם את מה שחשוב לך ולגולש.
למשל:- אם אתה עוסק בשירותים – "השירותים שלנו" יהיה ראשון
- אם אתה מוכר מוצר – "קטלוג" או "מוצרים"
- בנה תת-תפריטים לפי קבוצות לוגיות
- לדוגמה, אם אתה מציע כמה סוגי שירותים:
- שירותים
- עיצוב אתרים
- פיתוח אתרי וורדפרס
- בניית חנויות אונליין
- אל תערבב עם דברים כמו:
- השירותים
- צור קשר
- בלוג
- מבצעים
- כל תת-תפריט צריך להיות קבוצה הגיונית אחת.
- לדוגמה, אם אתה מציע כמה סוגי שירותים:
- השתמש באייקונים אם צריך – אבל במידה
אייקון קטן של טלפון ליד "צור קשר" או עגלה ליד "מוצרים" יכול לשפר את הבהירות.
אבל אם תוסיף אייקון לכל פריט – זה עלול לייצר עומס ויזואלי. - בדוק את עצמך עם משתמשים אמיתיים
תן למישהו שלא מכיר את האתר שלך להיכנס ולנסות:- למצוא שירות מסוים
- להבין מי אתה
- להגיע לצור קשר
אם הוא מסתבך – יש בעיה. לפעמים מישהו מבחוץ רואה דברים שאנחנו לא שמים לב אליהם.
שאלות שכדאי לשאול את עצמך תוך כדי בנייה
- האם ברור מה העסק שלי עושה לפי התפריט?
- האם אפשר להגיע לעמוד החשוב ביותר בשלוש לחיצות או פחות?
- האם התפריט ברור גם לגולש שלא מבין כלום בתחום שלי?
- האם יש כפילויות מיותרות או בלבול במונחים?
כלים שיכולים לעזור לך בתהליך
- Draw.io או Whimsical – לשרטוט מבנה אתר ותרשימי תפריט
- Screaming Frog (גרסה חינמית) – לסרוק את האתר ולראות את המבנה בפועל
- Hotjar / Clarity – לראות איך משתמשים באמת מנווטים באתר שלך
טעויות נפוצות שכדאי להימנע מהן
- יותר מדי פריטים בתפריט ראשי – 5-7 זה מספר טוב. מעבר לזה מעייף את העין.
- שימוש בשמות מופשטים – "פתרונות דיגיטליים חכמים" זה לא ברור כמו "בניית אתרים".
- קישורים שלא עובדים או מובילים למקום שגוי – פוגע באמינות.
- הוספת כל עמוד לתפריט – יש עמודים שלא אמורים להופיע בניווט, כמו דפי תודה או עמודים זמניים.
לסיכום – היררכיה טובה זה כמו כביש מהיר ללב של הגולש
תפריט בנוי היטב לא רק עוזר לגולש להתמצא, הוא משדר מקצועיות, סדר, ונוחות.
זה לא תוספת עיצובית – זה חלק מהותי במבנה השיווקי של האתר שלך.
ואתה לא חייב להיות מתכנת כדי לשפר אותו: עם קצת סדר, הסתכלות מהעיניים של הלקוח, וכלים פשוטים – אתה יכול להפוך את האתר שלך למקום נעים, ברור ומזמין.