שמישות, שימושיות וחוויית משתמש

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

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

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

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

שתי דוגמאות בולטות מתוך תהליך התשלום המדובר:

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

פרטי נסח - לפני (לחץ להגדלה)

ניתן במעט מאד מאמץ (גרפי בלבד) לשפר את הטופס משמעותית:

1. את כפתור ההסרה נהפוך לקישור אדום
2. לכפתור הוספת נסח נוסיף צלמית, ונהפוך לקישור
3. את הכפתורים שממשיכים את התהליך נצבע בצע ירוק (הצבע התקיני ל "הכול בסדר, אפשר להמשיך), על מנת שיבלטו בעמוד

הנה, כך:

פרטי הנסח - אחרי (לחץ להגדלה)

טופס הבקשה

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

פרטי הבקשה - לפני (לחץ על התמונה להגדלה)

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

פרטי בקשה - אחרי (לחץ על התמונה להגדלה)

לסיכום

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