Recommandé
Recommandé
Contenu connexe
En vedette
Similaire à UXI Live 2011 - בדיקות מומחה לממשק
Similaire à UXI Live 2011 - בדיקות מומחה לממשק (13)
UXI Live 2011 - בדיקות מומחה לממשק
- 1. בדיקות מומחה לזהות במהירות את הבעיות בממשק רן לירון Netcraft 1
- 3. מי אני? רן לירון ראש צוות חווית משתמש בנטקראפט • עוסק בממשק 51+ שנים • מפתח תכוניות ללימוד UXומרצה • ממקימי ארגון UXI RanL@Netcraft.co.il 3
- 4. על מה נדבר • מהו "ממשק איכותי"? • מה הן "בדיקות מומחה" ? • קווים מנחים לבדיקות מומחה • התנסות בבדיקות ודיון פתוח 4
- 5. מהו "ממשק איכותי" ? 5
- 6. ממשק Vs "חווית משתמש" 6
- 7. מרכיבי חווית המשתמש שליטת משתמש זמינות אסתטיקה המידע שמישות שימושיות נגישות הנאה 7
- 8. קצת טרמינולוגיה Heuristic evaluations usability report בדיקות מומחה Usability inspection Usability review UI review Expert review הערכת מומחה 8 User Interface Evaluation
- 9. קצת היסטוריה Jakob Nielsen Heuristic evaluations 9
- 10. בדיקות המומחה יתרונות • אין תלות בגישה למשתמשים • אין צורך בציוד מיוחד • תוצאות ברורות ומתועדפות • מהירות – ניתן להפיק תוצאות תוך ימים בודדים. 01
- 11. קווים מנחים לבדיקות מומחה 11
- 12. התרשמות ראשונית חוויה ראשונית 21
- 13. איזה רושם משאירה המערכת הזו? 31
- 14. איזה רושם משאירה המערכת הזו? איזה רושם השאירה המערכת? 41
- 15. איזה רושם משאירה המערכת הזו? ניסיון נוסף לא למצמץ בבקשה 51
- 16. איזה רושם משאירה המערכת הזו? איזה רושם השאירה המערכת? 61
- 18. כללית – משפחה, נשים ושפות 81
- 19. מכבי – הצפות ממוקדות בתזונה(?) 91
- 20. "מה נכון" = התאמה ליעדי המערכת ולקהל היעד 02
- 22. 22
- 23. 23
- 24. תיעדוף 42
- 25. תיעדוף בעיות UIשעלו מהבדיקה קריטית חמורה בינונית נמוכה 52
- 26. תיעדוף בעיות UIשעלו מהבדיקה בעיה חוזרת קשה למשתמש מאפיינים בנתיב קריטי בתכיפות לעקוף את הבעיה דחיפות קריטית X חמורה X X X בינונית X X X X X X נמוכה 62 X X
- 27. קווים מנחים לבדיקות מומחה • ההתרשמות הראשונית • מיקוד ביעדי המערכת • הנתיב הקריטי • תיעדוף • Check list 72
- 28. Check List 28
- 29. מה בודקים? • זיהוי במקום זיכרון • רושם ראשוני • שליטת משתמשים • מענה על צרכים עסקיים • קיצורי דרך וגמישות בממשק • מיקוד בחיוני • יעילות • עקביות • נגישות • התאמת טקסטים לסריקה • תקינות פקדים • התאמה לקונבנציות ולצפיות • צמצום שגיאות • סיוע בהתאוששות משגיאות 92 • חסכון במאמץ
- 30. רושם ראשני מה הרושם שהמערכת משאירה ב-03 השניות הראשונות? 03
- 31. מענה על צרכים עסקיים • הוגדר יעד עסקי ברור • מבנה התצוגה והתהליכים מאורגנים ומתועדפים בהתאם ליעד העסקי 13
- 32. מיקוד בחיוני • מסך הכניסה: • פונקציונאליות המערכת ברורה • מוצג מידע רלוונטי למשתמשים • היררכיית תוכן ברורה: • כותרת למסכים ואזורי תוכן • תוכן חיוני בולט יותר מתוכן משני • סדר ההפניות בניווט תואם לסדר החשיבות שלהן • במסכים עמוסים - ניתן לסנן / למיין תכנים 23
- 34. עקביות • ניווט – מבנה קבוע ומיקום קבוע • עיצוב אחיד למסכים, לפקדים ושדות • ניהול תהליכים דומים באופן דומה 43
- 35. עקביות ? 53
- 36. התאמת טקסטים לסריקה • כותרות נושאים ברורות • שורות קצרות, פסקאות קצרות • הצגת נושאים קשורים כרשימה אנכית • שפה ברורה • טקסט קונטרסטי לרקע (רצוי – טקסט כהה מאוד, רקע בהיר מאוד) • שמות קישורים משמעותיים 63
- 37. תקינות פקדים • כל הפקדים במסך עובדים - ובאופן צפוי • קישורים מובילם למקום הנכון • התאמת אורך שדות קלט לתוכן הרלוונטי • הבחנה ברורה בין פקדים פעילים לפקדים שאינם פעילים • שינוי סמן ב-Mouse Over 73
- 39. התאמה לקונבנציות ולצפיות • פקדים סטנדרטיים פועלים באופן סטנדרטי • פקדים מתנהלים באופן עקבי בכל המערכת • המשק בנוי ומתנהל באופן דומה לממשקים אחרים שמשתמשי המערכת מכירים • אין הפתעות 93
- 40. צמצום שגיאות • הנחיות ברורות • פורמט סלחני בשדות קלט • דוגמאות קלט • בדיקת תקינות תכנים תוך כדי ההזנה • משוב ברור ומידי על הזנה שגויה 04
- 41. סיוע בהתאוששות משגיאות • שמירת גרסאות אוטומטית • ניסוח ברור של הודעות שגיאה • הצגת הודעות השגיאה בסמוך לשדות השגויים • תיאור מקור הטעות • הצגת פתרונות האפשריים • מיקום הסמן בשדה השגוי לשם תיקון מהיר 14
- 42. חסכון במאמץ • שימוש נרחב בברירות מחדל • הבחנה ברורה ה בין שדות חובה לשדות רשות • קישורים וקיצורי דרך • השלמה אוטומטית / המלצות בשדות טקסט • בחירה מרשימה במקום הזנה ידנית • אוטומטיזציה של תהליכים 24
- 43. זיהוי במקום זיכרון • הנחיות ברורות • כל המידע החיוני גלוי על המסך, ללא צורך בגלילה או מעבר מסכים • הצגת תוויות / tooltipsלאיקונים • בגרפים - • תצוגה ברורה של מקרא • הבדל ברור מאוד לעין בין ייצוגים של מרכיבים שונים בגראף 34
- 44. שליטת משתמשים • משוב ברור ומהיר על פעולות • צמצום אפשרויות (פרדוקס הבחירה) • Undo – Redo • חיווי ברור על מצב המערכת כאשר הממשק "ננעל" 44
- 45. קיצורי דרך וגמישות בממשק • גישה מהירה מכל נקודה במערכת לכל הפונקציות החיוניות • תמיכה בקיצורי מקלדת מקובלים • יותר מדרך אחת להגיע לפעולות מרכזיות במערכת • התאמה אישית - אפשרות להגדיר קישור ישיר למסכים או קיצורי מקלדת • התאמה טובה למגוון פלטפורמות ורזולוציות 54
- 46. יעילות • מינימום שלבים בכל תהליך • דרישת מערכת למידע חיוני בלבד • מהירות תגובה של המערכת • מהירות אחזור מידע • הקלה על פעולות נפוצות 64
- 47. נגישות • הממשק מתואם למשתמשים בעלי לקויות ראיה, שמיעה, תנועה ולקויות קוגניטיביות • ממשק פשוט ונקי - מינימום "רעשים" והסחות דעת. • שום חיווי מערכת לא מתבסס בלעדית על צבע, צורה או צליל • ניתן להשתמש במערכת באמצעות מקלדת בלבד, ללא עכבר. • הסברים ברורים על משימות ואופן מילוי שדות. • אין הבהובים. • ניתן לעצור כל תנועה בממשק. 74
- 48. סיכום ה-Checklist • שליטת משתמשים • עקביות • קיצורי דרך וגמישות בממשק • מיקוד בחיוני • יעילות • התאמת טקסטים לסריקה • מענה על צרכים עסקיים • תקינות פקדים • נגישות • התאמה לקונבנציות ולצפיות • צמצום שגיאות • סיוע בהתאוששות משגיאות • חסכון במאמץ • זיהוי במקום זיכרון 84
- 49. הצגה אפקטיבית של בדיקות מומחה 94
- 50. החזר על השקעה בבדיקות מומחה 05
- 51. בדיקות המומחה – מתי לא ? חסרונות בדיקות המומחה • נדרשת מערכת בשלבים מתקדמים • לא נבדקים משתמשים אמתיים • התבססות על קווים מנחים כללים, ללא התאמה לתחום מקצועי ספציפי. 15
- 52. בדיקות המומחה - חלופות 25
- 54. Card Sorting 54
- 56. Data Mining/Analysis ?מה נראה היום 56
- 57. מה נראה מעבדה בדיקות היום? musix 75
- 58. Remoteמה נראה היום ? usability 58
- 59. A/B Tests (Multivariate / Split test) ?מה נראה היום 59
- 60. סיכום 06