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