שימושיות עבור אפליקציות אינטרנט עשירות - Rich Internet Applications) RIA)[המאמר "שימושיות עבור אפליקציות אינטרנט עשירות – "RIA נכתב על ידי דונה מאורר, מומחית ממשק משתמש, ותורגם ועובד על ידי מיכל כהן, יועצת ממשק משתמש בחברת שNetwise]

קישור למאמר המקורי: http://digital-web.com/articles/usability_for_rich_internet_applications

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

מה זה RIA?

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

דוגמאות לאתרים בעלי ממשק מבוסס RIA:

יתרונות RIA:

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

חסרונות RIA:

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

טיפים לשימוש ב-RIA

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

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

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

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

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

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

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

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

4. שבירת מודל הדף
     האינטראקציה עם עולם האינטרנט יצרה אצל המשתמשים מודל מנטלי:
     הקלקה > דף חדש וכפתור Back > מחזיר לדף הקודם. המשתמשים ימשיכו להשתמש במודל מנטלי זה גם
     בדפים מבוססי RIA, אלא אם יוכלו להבחין בברור כי מדובר במודל שונה. לכן יש להתמודד עם הבעיה במספר
     שלבים:

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

דוגמה לא מוצלחת: מנוע החיפוש Google reader. לחיצה על כפתור Back תעביר את המשתמש מחוץ ל-Google reader .

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

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