שמישות אתרים (Usability): איך לגרום לאתר להיות שימושי יותר?

שמישות (Usability) היא אחד מעמוד התווך להצלחה של אתר.

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

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

מה אפשר לעשות כדי לשפר את שמישות האתר?

התשובה מחלוקת לכמה שלבים:

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

בפוסט הזה נעבור יחד על 3 השלבים האלה.

שלב ראשון: הבנה

נבין יחד מה גורם לאתר להיות שימושי? ומה פוגע בשמישות של אתר?

3 סיבות עיקריות שגורמות פגיעה בשמישות אתר:

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

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

שלב שני: בדיקה

איך נדע אם יש באתר שלנו בעיה של שמישות?

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

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

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

שלב שלישי: הטמעה ותיקון

איך לשפר את שמישות האתר?

יש אינסוף פרמטרים שאפשר לשפר בשמישות של אתר. נתרכז בשלושה מרכזיים:

1. פשטות הממשק
2. נראות התוכן והקריאה לפעולה
3. הרלוונטיות והבהירות של התוכן

פשטות הממשק

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

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

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

כדי למנוע את בעיית העומס נפעיל שיטה של 3 שלבים:

1. נבדוק כל אלמנט תוכן באתר ונשאל מה יקרה אם נסיר אותו? מה תהיה ההשפעה השלילית של הסרתו? והאם ההשפעה הזו שווה כדי להשיג אתר יותר שמיש?
   
   
2. אחרי שהסרנו את כל מה שמיותר, נבדוק האם התוכן שנשאר משרת מטרה נוספת. למשל תוכן שפונה לקהל משני או מאפשר למשתמש לבצע פעולה פחות חשובה. אם התשובה חיובית, כדאי לשקול להסתיר אותו (למשל מאחורי אקורדיון או טאב נפרד) כדי שיהיה עדיין קיים באתר אבל לא יתחרה בתשומת הלב מול תכנים חשובים יותר.
   
   
3. עכשיו כשהשארנו רק מה שרלוונטי לקהל העיקרי שלנו, נקבל החלטה מהו המסר/הפעולה שאליהם נרצה להפנות את תשובת הלב העיקרית של הלקוחות באתר:
   

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

עיצוב שלוקח בחשבון את הבולטות הנדרשת

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

• מיקום: יש מיקומים חזקים יותר, למשל בעמודים בעברית החלק הימני העליון של הדף ואחריו העמודה השמאלית. כמובן שככל שאלמנט ממוקם גבוה יותר על העמוד, הוא בולט יותר. אבל המיקום צריך לקחת בחשבון גם את התזמון. אם נמקם את טופס ההרשמה לפני ששכנענו את הלקוח להירשם, אין בזה טעם. כך גם לגבי כפתורי רכישה שצריכים להופיע אחרי תיאור המוצר ולא לפניו.
  
• גודל: כמובן שטקסט גדול בולט יותר מטקסט קטן, אבל זה לא מספיק. אם כל הטקסטים גדולים, לא יצרנו היררכיה ולא נצליח להבליט את מה שחשוב. חשוב לוודא שיש כמה רמות של גודל, ושהן מובחנות וברורות. בקצה אחד כפתורי קראיה לפעולה, כותרות ראשיות. בקצה השני לינק לתנאי שימוש. באמצע כל יתר האלמנטים.
  
• שימוש נכון בתמונות: העיניים שלנו נמשכות לתמונות באופן אוטומטי. ויותר חזק אם התמונות מכילות פנים (עניין של התניה ביולוגית). כדאי להשתמש בתכונה הזו, למשל על ידי הצבת כפתור קריאה לפעולה ליד תמונה שמושכת אליה את העין. גם חיצים שמפנים לכפתורים יכולים לעזור.
  
• שטחים ריקים (Negative/White Space): מכירים את הציור השבועי לילד? הוא מאתגר כי כל האלמנטים צפופים ללא מרווחים והילד מסתתר ביניהם. באתר שלנו אנחנו ממש לא רוצים להעלים את הילד אלא להבליט אותו. דילול האלמנטים הוא כמובן טכניקה אחת. טכניקה נוספת היא יצירת שטח ריק מסביב לאלמנט קריטי. זה יגרום לעין להתמקד בתוכן (כמו שאנחנו מבחינים מהר יותר בכתם קטן אם הוא על חולצה לבנה). עוד על השפעת White Spaces על העיצוב אפשר לקרוא כאן.
  
• צבע: שיטה נוספת להבליט אלמנטים חשובים היא על ידי צבע ייעודי ובולט עבורם. צבע בדרך כלל לא עובד כשלעצמו אבל עוזר בשילוב טכניקות אחרות.

שיפור הרלוונטיות והבהירות של התוכן

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

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

איך משפרים את הרלוונטיות של התוכן?

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

איך משפרים את השמישות והבהירות של התוכן?

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

מה לקחת?

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

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

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