ממשק - בדיקות מומחה

1,361 views
1,250 views

Published on

קווים מנחיםלבדיקות ממשק

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,361
On SlideShare
0
From Embeds
0
Number of Embeds
49
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

ממשק - בדיקות מומחה

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

×