שמישות עבור Dummies. חלק 3: מה צריך להיות הניווט

קרא את החלק הראשון של המאמר.

קרא את החלק השני של המאמר.

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

שימו לב לסדר הדפים הראשוניים והמשניים.

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

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

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

תפריט ניווט: אנכי או אופקי?

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

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

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

הסר שורות אנכיות מתפריט אופקי.

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

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

תפריט אקורדיון: דרך פשוטה pagination

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

כדי לקרוא את התוכן החדש, המשתמש לא צריך לטעון את הדף הבא. הודות למודול AJAX, תפריט האקורדיון טוען תוכן בדף הפתוח.

כיצד להפוך משתמש גלילה אינסופי ידידותי

ההנחיות הבאות יעזרו לך להגדיל את היעילות של דפים עם גלילה אינסופית:

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

איפה צריך להיות כפתור "מידע ליצירת קשר"

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

קרוסלות, מסובבי, מחוונים: הימנע טעויות נפוצות

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

  • המשך סיבוב תוכן כאשר משתמש מציג אחת מההודעות.

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

  • סיבוב של אלמנט אחד של הקרוסלה

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

בעת גלילה ידנית של הקרוסלה, כל השורה צריכה להשתנות.

  • חוסר אינדיקטורים התקדמות

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

  • גלילה אינסופית

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

כיצד להתאים את כל מה שאתה צריך בכותרת של האתר

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

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

כיצד להפוך את התפריט האנכי נוח

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

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

קישורים חיצוניים צריכים להיפתח בכרטיסייה חדשה של הדפדפן.

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

שלב את התפריט הנפתח

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

Carousel צריך ניווט קל.

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

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

מצב אוטומטי - הקריטריון העיקרי לאיכות הניווט

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

צפה בסרטון: The Great Gildersleeve: Christmas Shopping Gildy Accused of Loafing Christmas Stray Puppy (אַפּרִיל 2020).

Loading...

עזוב את ההערה שלך