5 סוגים של ניווט באתר שיש לקחת בחשבון

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

טקסט אופקי

אתר מיקרוסופט עם ניווט אופקי טקסט

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

תפריטי משנה

עיצוב תפריט משנה של מיקרוסופט

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

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

טקסט אנכי

סרגל ניווט אנכי בוויקיפדיה
צילום מסך 

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

instagram viewer

תפריטים נפתחים

תפריטים נפתחים ב- eBay
צילום מסך

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

סמלים או גרפיקה

ניווט בטוויטר

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

instagram story viewer