עקרונות UX: עשר בדיקות לשיפור חוויית המשתמש
נקודת פתיחה
כתבו במשפט אחד מה המבקר צריך להבין ולעשות. בדקו שהפתיחה, התוכן והפעולה הראשית משרתים את אותה משימה. אם העמוד מנסה למכור כמה הצעות שונות, בחרו סדר עדיפויות לפני שמוסיפים עוד כפתור.
תנו לקישורים שמות שמתארים את היעד. סדרו שירותים ומשאבים לפי הדרך שבה אנשים מחפשים אותם, ובדקו גם חזרה לעמוד קודם. תפריט יפה שאי אפשר להבין ממנו לאן הולכים אינו פותר את בעיית הניווט.
מי שלחץ על הצעה מסוימת צריך לזהות אותה מיד. השוו את המסר, סוג השירות ופרטי ההצעה בין נקודת הכניסה לבין העמוד. פער מחייב את המבקר להתחיל לחפש מחדש ומקשה עליו להחליט אם הגיע למקום הנכון.
בקשו מידע שנדרש לטיפול בפנייה. הסבירו שדות לא מובנים, שמרו טקסט שכבר הוזן והציגו שגיאה ליד השדה המתאים. אל תדרשו מהאדם לנחש למה השליחה נכשלה או למלא הכול מחדש.
לאחר לחיצה צריך להיות ברור אם הפעולה מתבצעת, הצליחה או דורשת תיקון. מצב טעינה צריך למנוע שליחה כפולה בלי להשאיר את המשתמש בחוסר ודאות. הודעת הצלחה צריכה להסביר את הצעד הבא במילים שאפשר להבין.
השתמשו בכותרות שמתארות את התוכן, בפסקאות ממוקדות ובניגודיות מספקת. ודאו שהטקסט נשאר קריא בהגדלה ובמסך קטן. רשימה או טבלה מתאימות כאשר הן מקלות על השוואה; הן אינן תחליף להסבר חסר.
עברו בין קישורים, כפתורים ושדות עם המקלדת. בדקו שאפשר לזהות מה נבחר, לפתוח תפריט ולסגור חלון בלי עכבר. כשהחלון נסגר, המיקוד צריך לחזור להמשך שימוש הגיוני.
חלון צריך להופיע עם מטרה ברורה ודרך סגירה זמינה. הימנעו מכיסוי טופס פעיל או פתיחת כמה שכבות יחד. בדקו במסך קטן שהכותרת, השדות וכפתור הסגירה נשארים נגישים גם כשמקלדת המסך פתוחה.
התאימו תמונה לשטח שהיא מקבלת ושמרו על פרופורציות. תמונה קטנה שמוגדלת יתר על המידה נראית מטושטשת. תנועה יכולה להסביר מעבר או שינוי, אך רצוי לכבד העדפת הפחתת תנועה ולהימנע מאפקט שמפריע לקריאה.
בקשו מאדם למצוא שירות, להבין את ההצעה ולהגיע לפנייה. תנו לו לפעול בלי להסביר מראש היכן ללחוץ. רשמו איפה עצר, מה פירש אחרת ואיזה מידע חיפש. תקנו קודם חסמים שמונעים השלמת משימה, ואז חזרו על אותה בדיקה.
הנחיות W3C לתכנון נגיש כוללות ניגודיות, זיהוי רכיבים פעילים, תוויות ומשוב. הן נקודת פתיחה טובה לבדיקת שימוש, לצד בדיקה של האתר והקהל המסוימים. הנחיות עיצוב נגיש של W3C.
אלה בדיקות עבודה, לא אישור עמידה מלא בתקן. לבדיקת אתר בפועל הגדירו מסלולים, מכשירים ורכיבים, ותעדו גם התנהגות וגם תצוגה. תיקון משותף בהדר או בטופס יכול לעזור להרבה עמודים בבת אחת.
בודקים משימה ולא רק מסך
הגדירו פעולה שמבקר צריך להשלים, למשל למצוא תנאי שירות ולשלוח בקשה. תנו לאדם שלא מכיר את האתר לבצע אותה בלי הדרכה, וצפו היכן הוא מחפש מידע ומה הוא חושב שהכפתור יעשה. אם הוא מצליח רק אחרי רמז, הממשק עדיין אינו ברור מספיק. רשמו את המילים שבהן הוא השתמש; לעיתים התפריט כתוב בשפה פנימית של העסק ולא בשפה של הקהל. בדיקה כזו אינה מחקר מייצג לכל האוכלוסייה, אך היא יכולה לחשוף חסם ממשי לתיקון.
מסך ראשון צריך לסייע להבין נושא, קהל וצעד הבא. אין חובה לדחוס את כל פרטי השירות לפני הגלילה, אך אין להשאיר הבטחה כללית שיכולה להתאים לכל מתחרה. נסחו כותרת שמצביעה על צורך, פסקת הסבר קצרה ודרך להגיע לעומק. בדקו במכשיר צר שהכפתור אינו מכסה תוכן, שהטקסט לא נשבר ושאפשר להמשיך גם בלי לסגור חלון פרסומי. עיצוב שמרשים בתצלום רחב עשוי להיות קשה לקריאה כאשר יד אחת מחזיקה טלפון.
טעויות ומשוב
שליחת טופס דורשת מצב המתנה, הודעת הצלחה והודעת שגיאה שמסבירה מה צריך לתקן. אם שדה חובה חסר, העבירו את האדם אליו בצורה שניתן להבין גם עם מקלדת וקורא מסך. שינוי צבע בלבד אינו מספיק לתאר בעיה. בדקו מה קורה במקרה של חיבור איטי כדי שלא יישלח הטופס פעמיים. כאשר הפעולה הצליחה, אמרו מה יקרה בהמשך ומתי אפשר לצפות למענה רק אם לצוות יש יכולת לעמוד בהבטחה.
ניווט ברור אינו חייב להיות תפריט גדול. אם האתר מציע כמה שירותים, קבצו אותם לפי השאלות שהמבקר שואל: מה השירות כולל, למי הוא מתאים ומה קורה אחרי הפנייה. בדקו שאפשר לחזור לעמוד קודם ולהבין איפה נמצאים. קישור ״למידע נוסף״ ללא הקשר יכול להיות פחות שימושי מקישור בשם השירות או התהליך. קישורים פנימיים צריכים להמשיך שיחה, לא רק למלא דרישת אופטימיזציה.
עדיפות לפי השפעה ולא לפי טעם
לאחר הבדיקה רכזו ממצאים בטבלה קצרה: משימה, נקודת תקיעה, ראיה, חומרה ודרך בדיקה לאחר תיקון. תקלה שמונעת רכישה או פנייה קודמת להעדפת גוון. עם זאת, קריאות נמוכה של טקסט חשוב עשויה להשפיע יותר מאנימציה בולטת; אל תזלזלו בממצא מפני שהוא נראה ״עיצובי״. תעדפו גם לפי מספר מסלולים שבהם הבעיה מופיעה ולפי היכולת לתקן בלי לשבור תהליך אחר.
בדקו את התיקון באותו מסלול שבו נמצא החסם. אם שיניתם כותרת בתפריט, האם אדם חדש מוצא כעת את השירות בלי רמז? אם שיניתם טופס, האם ההודעה מגיעה לצוות? אל תסתפקו בכך שצילום המסך נראה נקי יותר. ניתן להוסיף מדידה כמותית בהמשך, אך התנהגות שימוש בסיסית צריכה לעבוד לפני שמחפשים שינוי קטן באחוזי המרה.
שאלו גם מי אינו מצליח להשתמש באתר. בדיקה במקלדת, ניגודיות טקסט, סדר כותרות, שמות שדות והגדלת טקסט יכולה לחשוף חסמים שלא נראים בבדיקה עם עכבר ומסך גדול. השתמשו בהנחיות W3C כבסיס, ובמקרים מורכבים הזמינו בדיקה מקצועית. אין להכריז שהאתר ״נגיש לחלוטין״ על סמך רשימת בדיקות קצרה; התפקיד שלה הוא למצוא ולתקן בעיות מוקדם.
תרגיל סיום: בחרו עמוד אחד, משימה אחת ושני מכשירים. בקשו מאדם להבין מה יקרה אחרי הלחיצה לפני שהוא לוחץ. אם התשובה שונה ממה שהמערכת עושה, תקנו את הניסוח או את הפעולה. לאחר מכן נסו להשלים את המשימה בלי עכבר ובחיבור איטי. רישום של שלושת הממצאים הראשונים ייתן לצוות התחלה קונקרטית יותר מרשימת ״שיפורי חוויית משתמש״ כללית.
עשר נקודות לבדיקת מסלול
בדקו האם כותרת העמוד מתארת פעולה אפשרית, האם התפריט משתמש במילים מוכרות, האם מצב לחיצה ברור, האם ניגודיות מאפשרת קריאה, והאם טופס מסמן שדה חסר במילים. המשיכו לבדוק סדר מיקוד במקלדת, אפשרות לחזור מצעד שגוי, התנהגות ברוחב טלפון, הודעת הצלחה לאחר פעולה ודרך למצוא עזרה כשהמשימה נתקעת. אלו אינן עשר ציונים עצמאיים: כל נקודה מקבלת משמעות רק מול משימה וקהל מסוימים.
בבדיקת מובייל, אל תסתפקו בהקטנת חלון בדפדפן. נסו להקליד בשדה כאשר מקלדת המסך פתוחה, לפתוח תפריט עם אצבע, להגדיל טקסט ולהחליף כיוון תצוגה. שימו לב אם כפתור צף מסתיר הודעת שגיאה או אם קישור קטן נמצא ליד קישור אחר. כאשר מגלים חסם, תעדו מכשיר, רוחב, צעד מדויק וצילום מסך שאינו חושף פרטים של משתמש. תיעוד כזה מאפשר לשחזר תקלה ולבדוק שהיא אכן נפתרה.
נגישות כחלק מהבדיקה
תווית גלויה ליד שדה היא עוגן גם למי שאינו משתמש בקורא מסך. אל תסתמכו על placeholder שנעלם אחרי תחילת ההקלדה. הודעת שגיאה צריכה לתאר מה נדרש, ולא רק לומר שיש בעיה. קישור צריך להסביר את יעדו גם כאשר קוראים רשימת קישורים בנפרד מהעמוד. בדקו סדר כותרות הגיוני כך שאדם יכול לדלג בין חלקים. בדיקת מקלדת קצרה מאתרת לעיתים רכיבים שניתן לפתוח בעכבר אך אי אפשר להפעיל באמצעי אחר.
סיימו בתכנית תיקון מוגבלת: בחרו חסם אחד שפוגע במשימה חשובה, הגדירו בעל אחריות, תאריך בדיקה ומצב צפוי אחרי התיקון. אם השינוי משפיע על כמה עמודים, התחילו מרכיב משותף ואז בדקו שוב מסלול מלא. טבלת מעקב צריכה לכלול גם ממצאים שלא תוקנו ולמה, כדי שלא ייעלמו בדיון על עיצוב חדש. איכות חוויית שימוש נמדדת ביכולת להשלים משימה באופן ברור, לא בכמות האנימציות או בציון אחד.
שאלות נפוצות בביקורת UX
האם צריך לשנות את כל העיצוב כדי לתקן מסלול? בדרך כלל אפשר להתחיל במרכיב שמונע משימה ולבחון אותו לפני עבודה רחבה. האם מפת חום מוכיחה למה אנשים נעצרו? היא יכולה להצביע על מקום לבדיקה, אך אינה מסבירה כוונה של אדם מסוים. האם בדיקה עם הצוות מספיקה? היא מועילה למציאת תקלות, אבל הצוות מכיר את האתר ולכן חשוב לצרף גם אנשים שמתאימים לקהל ואינם מכירים את הניווט. שמרו על פרטיות הנבדקים, בקשו הסכמה לתיעוד ואל תשמרו סיסמאות או פרטים רגישים בצילום מסך. ממצא אחד חוזר במסלול חשוב עשוי להצדיק תיקון גם בלי ציון UX מספרי.
קריאה במסלול אמיתי
כדי לבדוק עמוד שירות, פתחו אותו מקישור חיפוש, קראו את הכותרת בלי הקשר פנימי ונסו להבין מה מקבלים בפועל. עברו לקישור העומק וחזרו אחורה: האם המקום ברשימה נשמר והאם אפשר לזהות את ההמשך? נסו לשלוח טופס עם שדה חסר ואז לתקן רק אותו; תהליך שמוחק את כל השדות מעמיס עבודה מיותרת. עברו עם Tab על רכיבים פעילים ובדקו שהמיקוד נראה ואינו נתקע במלכודת. הגדילו תצוגה ובדקו שאפשר לקרוא בלי גלילה אופקית של כל העמוד. כל בדיקה צריכה להניב תצפית מדויקת, לא ציון כללי. רק אחרי שמבינים את החסם בוחרים פתרון ובודקים אותו שוב.
להמשך בדיקה: בניית אתרים לעסקים: מתכנון ברור לאתר שקל להשתמש בו · תיעוד רשמי לנושא.
