דף הבית » ממשק משתמש / UX » Breadcrumb ניווט שיטות עבודה מומלצות & דוגמאות

    Breadcrumb ניווט שיטות עבודה מומלצות & דוגמאות

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

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

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

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

    סוגי הלחם

    נתיב

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

    מקום

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

    Clearleft בע"מ

    תכונה

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

    Cars.com

    למה להשתמש הלחם?

    • השימושיות הגדולה

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

    • קל לחזור

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

    • בטל קליקים נוספים

      סימני לחם מאפשרים למשתמשים לקפוץ מרמה אחת של אתר האינטרנט הבא ללא צורך להשתמש “קדימה” או “אחורה” לחצנים בדפדפן. בנוסף breadcrumbs לחסל את הצורך למשתמשים להמשיך הרף ניווט הראשי.

    • מראה היררכית משתמשים

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

    • חזותית

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

    • מספק עזרה נוספת

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

    • תעריפי יציאה נמוכים יותר

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

    • בונה ריבית

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

    Breadcrumb שיטות עבודה מומלצות

    • השתמש במאכלי הלחם בחלק העליון של הדף

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

    • השתמש קרעי הלחם בעקביות

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

    • פירורי לחם צריך לשדרג בחן

      פירורי לחם צריכים תמיד להתחיל עם דף הבית ולפגוע בדף הנוכחי. בעשותכם כך breadcrumbs שלך צריך ללכת מן הרמה הגבוהה ביותר לרמה הנמוכה ביותר שלב אחד בכל פעם.

    • לסדר את הלחם כראוי

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

    • סיווג דפים ברור

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

    • ברור להפריד כל רמה

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

    • יחיד מתוך הדף הנוכחי

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

    • אל תעשה את הדף הנוכחי קישור

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

    • אין להשתמש ב הלחם כפי כותרת הדף

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

    • פירורי לחם אינם מחליפים ניווט ראשוני

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

    דוגמאות נהדר של הלחם

    ויטרא ישיר

    טרקים אופניים

    אילי

    SiteInspire

    מיה ומגי

    Intridea

    עיצוב על ידי בני אדם

    רוקסי

    בלייק

    אתר

    יעד

    וולמארט

    1-800-פרחים

    הקנייה הכי משתלמת

    אמזון

    בארים & נובל

    סוף הקרקעות

    תפוח עץ

    Google

    מרדף

    AbsolutePunk.net

    Littman האחים תאורה

    גרדיאן

    שטח 17

    וופו

    נערות הצופים של טנסי התיכונה

    הקולקטיב של גלזגו

    בכור

    קנדה קנדה

    גרובשארק

    Devlounge

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