|
|
|
איך תשלבו טקסט מנחה בממשקי משתמש?
|
|
המאמר
"Instructional Text in the User Interface: Some Counterintuitive Implications of User Behaviors"
נכתב על ידי Mike Hughes ותורגם ועובד על ידי יעל שמואלי פרידלנד, מומחית ממשק משתמש בחברת Netwise. יולי 2007.
|
|
|
תקציר המאמר:
היכן כדאי למקם את ההנחיות למשתמש במערכת כלשהי, כך שהמשתמש יוכל לבצע בה את הפעולות הנחוצות מבלי לטעות? כמו כן, האם יש להנחות או להזהיר את המשתמש לגבי השימוש במערכת, עוד בטרם הוא טרם נתקל בבעיה כלשהי? תשובות לשאלות אלה תמצאו במאמר שלפניכם.
|
|
|
|
הנחיות למשתמש
|
"המיקום האופטימלי להנחיה למשתמש, בהינתן המקום, הוא ממשק המשתמש עצמו"
טקסט מנחה הינו טקסט המכיל הסברים למשתמש שיסייעו לו לבצע פעולה כלשהי. כדי שההנחיות אכן יסייעו למשתמש לבצע את הפעולה כראוי עליהן להופיע בסמיכות מרחבית למוקד הפעולה בהן היא תומכת. המיקום האופטימלי להנחיה למשתמש הוא ממשק המשתמש עצמו, מה שאומר שלעיתים יהיה עלינו לשנות עקרונות קונבנציונאליים של עיצוב המידע, על מנת להתמודד עם כוחות הפועלים בממשק המשתמש.
|
|
|
|
התנהגות משתמשים והשפעותיה על טקסט מנחה
|
|
כשאנו מתכננים טקסט מנחה עבור יישום מסוים עלינו לזכור מספר התנהגויות טיפוסיות:
|
|
|
כשמשתמשים מעבדים מידע המוצג על צג מחשב, אופן עיבוד המידע תואם את זה של עיבוד מידע מודפס. לדוגמה, באנגלית הקוראים סורקים את הטקסט מהפינה השמאלית העליונה לפינה הימנית התחתונה. בעברית, הכיוון הפוך.
|
|
|
בתוך יישום מסוים, המשתמשים מונעים לפעולה והם שמים לב לאובייקטי פעולה כגון תפריטים, כפתורים ושדות טקסט.
|
|
|
ברגע שאובייקט פעולה או אלמנט ויזואלי אחר בעמוד מושך את קשב המשתמש לאזור תחתון בשטף העיבוד, יהיה קשה מאוד להסיט את קשב המשתמש בחזרה למעלה הזרם. במילים אחרות, אם משהו משך את קשב המשתמש לאמצע העמוד, סביר יותר שהמשתמש יתקדם להמשך העמוד מאשר שיחזור למעלה העמוד. הדבר נכון במיוחד אם המשך העמוד כולל אובייקטים נוספים המניעים לפעולה.
|
|
|
|
|
באופן אינטואיטיבי היינו מצפים כי דפוס התנהגות זה ינחה נבדקים בודדים, אולם מעבדות שימושיות רבות שבחנו את הנושא גילו כי מדובר בדפוס התנהגות דומיננטי ושכיח. התנהגויות אלה גוררות מספר השלכות שאינן אינטואיטיביות עבור עיצוב טקסט מנחה:
|
|
|
אין להציג מידע קונספטואלי לפני שהמשתמש עוסק בפעולות המצריכות מידע זה.
|
|
|
אין להסביר חוקים או אילוצים עסקיים לפני שהמשתמש פוגש בהשפעותיהם המגבילות.
|
|
|
|
"בהינתן הבחירה בין קריאה ועשייה, המשתמש בוחר "לעשות" ולא לקרוא".
המפתח לשתי האמירות הללו הוא ה"לפני".למרות שנראה כי הן מנוגדות לחלוטין לעקרונות עיצוב הנחיות מוכרים, הן תואמות את התנהגות המשתמש בפועל במדיום האינטראקטיבי. בהינתן הבחירה בין קריאה ועשייה, המשתמש בוחר "לעשות" ולא לקרוא.
|
|
|
|
ניקח לדוגמה טופס הזדהות (Log in) הכולל שדה טקסט, שני כפתורי רדיו וכפתור פעולה. הדוגמה פשטנית אך התרחיש אותו היא מייצגת אוטנטי לחלוטין. אם יש לך רקע בעיצוב טקסט מנחה או במיפוי מידע, סביר כי תציע למקם את ההנחיות אודות הקלט הנדרש והבחירה הנדרשת בין כפתורי הרדיו, לפני השלב בו המשתמש נדרש לבצע פעולות אלה. במילים אחרות, סביר שתמקם את הטקסט לפני שדה הטקסט וכפתורי הרדיו כמודגם להלן בתרשים מספר 1.
|
|
|
|
תרשים מספר 1 – מיקום הגיוני אך בלתי יעיל של טקסט מנחה בדף הזדהות
|
 |
|
|
|
אולם על פי התנהגות המשתמשים שתוארה קודם לכן, נראה כי הצעה זו אינה יעילה. התרחיש הבא הוא המתקיים באופן טיפוסי כשהמשתמש ממלא את הטופס:
|
|
|
המשתמש מתמקד כמעט מיד בשדה ה- User Name המניע אותו לפעולה
|
|
|
ההתמקדות בשדה זה גורמת לו לפסוח על הטקסט המנחה
|
|
|
כשהוא מתמקד באזור שמתחת לטקסט המנחה, אין זה סביר כי ישוב למעלה החלון ויקרא את הטקסט, גם אם אינו בטוח מה עליו לעשות. המשתמש ינחש וימשיך הלאה, נמשך לכפתורי הרדיו שבתחתית החלון.
|
|
|
תרשים מספר 2 מציע תצוגה התואמת את הנטייה הטבעית של המשתמשים לקפוץ לאובייקטים ברי פעולה ואת הזרימה הקשבית הטבעית של המשתמש.
|
|
|
|
תרשים מספר 2 – הטקסט המנחה מופיע מיד תחת הנקודה עבורה הוא נדרש
|
 |
|
|
|
יש שיתנגדו ל-Layout זה בתואנה שהמשתמש עלול למלא את השדה בצורה שגויה ואז צריך לשוב ולתקנו ברגע שהוא מבחין בהנחיה. טענתנו היא כי סביר שהדבר יקרה גם אם ההנחיה מתבצעת בראש החלונית. מאחר והמשתמש מתמקד ישר בשדה עצמו, הוא לעולם לא יקרא את ההנחיות. ה-layout המוצע בתרשים מספר 2, מציע כי למשתמשים ישנה הזדמנות לתקן את שגיאותיהם לפני שהם שולחים את הטופס, ועל כן למנוע קבלת הודעת שגיאה.
|
|
|
|
קווים מנחים לטקסט מנחה
|
|
|
יש לפצל הנחיה עמוסה למספר הנחיות התואמות את האובייקטים המניעים לפעולה.
|
|
|
יש למקם את ההנחיה בסמיכות לאובייקט הפעולה. רצוי מתחתיו או מימינו (בעברית – משמאלו).
|
|
|
אם הטקסט המנחה ארוך מדי ומיקומו האופטימלי יפגע ב-layout של אוביקטיי הפעולה (לדוגמה, בקיבוץ מספר כפתורי רדיו), יש לספק קישור המציג באופן דינמי layer צף שיופיע בלחיצה או במעבר עכבר. קישורים אלה יעילים במיוחד כשהם מנוסחים כשאלות נפוצות (FAQ).
|
|
|
|
|
מסקנות
|
|
"המשתמשים מדלגים על טקסט מנחה משום שהם מתמקדים באופן מיידי באובייקטים המניעים אותם לפעולה".
התנהגות המשתמשים שתוארה במאמר זה משפיעה על עיצוב ההנחיות הנדרשות להבנת הממשק. כדי לעצב הנחיות שהמשתמש גם יישם יש לתמוך בשטף העבודה הטבעי של המשתמשים בתצוגת ההנחיות. אלה צריכות להופיע אחרי אובייקטים אינטראקטיביים, המצריכים קבלת מידע נוסף לצידם או תחתיהם.
|
|
|