Post on 20-Jun-2015
description
1
רן לירון
נטקראפט
:בדיקות מומחה
לזהות במהירות את בעיות הממשק
2
שלום לכולם
3
רן לירון בנטקראפטמשתמש ראש צוות חווית
שנים+ 15עוסק בממשק •
ומרצה UXמפתח תכוניות ללימוד •
UXIממקימי ארגון •
?מי אני
RanL@Netcraft.co.il
4
על מה נדבר
?"ממשק איכותי"מהו •
?" בדיקות מומחה"מה הן •
קווים מנחים לבדיקות מומחה •
התנסות בבדיקות ודיון פתוח•
5
?" ממשק איכותי"מהו
6
ממשקVs
"חווית משתמש"
7
שמישות
זמינות
המידע
הנאה
שימושיות נגישות
שליטת
משתמש
אסתטיקה
מרכיבי חווית המשתמש
8
קצת טרמינולוגיה
UI review Usability review
בדיקות מומחה
Expert review הערכת מומחה
User Interface Evaluation
Heuristic evaluations usability report
Usability inspection
9
קצת היסטוריה
Jakob Nielsen
Heuristic
evaluations
10
בדיקות המומחה
יתרונות
אין תלות בגישה למשתמשים•
אין צורך בציוד מיוחד •
ומתועדפותתוצאות ברורות •
.ניתן להפיק תוצאות תוך ימים בודדים –מהירות •
11
קווים מנחים
לבדיקות מומחה
12
התרשמות ראשונית חוויה ראשונית
13
?איזה רושם משאירה המערכת הזו
14
?איזה רושם משאירה המערכת הזו
?איזה רושם השאירה המערכת
15
לא למצמץ בבקשה
ניסיון נוסף
?איזה רושם משאירה המערכת הזו
16
?איזה רושם משאירה המערכת הזו
?איזה רושם השאירה המערכת
17
?מה נכון יותר
18
נשים ושפות, משפחה –כללית
19
(?)הצפות ממוקדות בתזונה –מכבי
20
" =מה נכון"
התאמה ליעדי המערכת
ולקהל היעד
21
הנתיב הקריטי
22
הנתיב הקריטי
עסקי מרכזי יעד •
או/ו
פעולה נפוצה •
או/ו
למשתמשיםחשובה פעולה •
23
התייחסות לנתיב הקריטי
לא פעולה נקודתית, תהליך שלם•
:החוויהוגם ברמת בפועל גם –אפקטיביות •
מינימום קליקים -זמינות •
פשוט לשימוש, ברור למשתמש•
מינימום רעשים והפרעות•
שבילים רבים –מטרה אחת •
24
תיעדוף
25
שעלו מהבדיקה UIבעיות תיעדוף
קריטית
חמורה
בינונית
נמוכה
26
קריטית
חמורה
בינונית
X
X
X X
X
שעלו מהבדיקה UIבעיות תיעדוף
בנתיב קריטיקשה למשתמש
לעקוף את הבעיה
חוזרת בעיה
בתכיפות
מאפיינים
דחיפות
נמוכה
X X X
X X
X X
27
קווים מנחים לבדיקות מומחה
ההתרשמות הראשונית•
מיקוד ביעדי המערכת•
הנתיב הקריטי•
תיעדוף•
•Check list
28
Check List
29
?מה בודקים
רושם ראשוני•
מענה על צרכים עסקיים•
בחיונימיקוד •
עקביות•
לסריקהטקסטים התאמת •
תקינות פקדים•
התאמה לקונבנציות ולצפיות•
צמצום שגיאות•
סיוע בהתאוששות משגיאות•
חסכון במאמץ •
זיכרוןזיהוי במקום •
שליטת משתמשים•
קיצורי דרך וגמישות בממשק•
יעילות•
נגישות•
30
רושם ראשני
מה הרושם שהמערכת משאירה
?השניות הראשונות 30-ב
31
עסקייםמענה על צרכים
הוגדר יעד עסקי ברור•
בהתאם ומתועדפיםמבנה התצוגה והתהליכים מאורגנים •
ליעד העסקי
32
מיקוד בחיוני
:מסך הכניסה•
פונקציונאליות המערכת ברורה•
מוצג מידע רלוונטי למשתמשים•
:היררכיית תוכן ברורה•
כותרת למסכים ואזורי תוכן•
תוכן חיוני בולט יותר מתוכן משני•
החשיבות שלהןתואם לסדר בניווט סדר ההפניות •
למיין תכנים/ ניתן לסנן -במסכים עמוסים •
33
?מיקוד בחיוני
34
עקביות
מבנה קבוע ומיקום קבוע –ניווט •
לפקדים ושדות, עיצוב אחיד למסכים•
ניהול תהליכים דומים באופן דומה•
35
?עקביות
36
התאמת טקסטים לסריקה
כותרות נושאים ברורות•
פסקאות קצרות, שורות קצרות•
הצגת נושאים קשורים כרשימה אנכית•
שפה ברורה•
טקסט קונטרסטי לרקע• (רקע בהיר מאוד, טקסט כהה מאוד –רצוי )
משמעותייםקישורים שמות •
37
תקינות פקדים
ובאופן צפוי -כל הפקדים במסך עובדים •
קישורים מובילם למקום הנכון•
התאמת אורך שדות קלט לתוכן הרלוונטי•
הבחנה ברורה בין פקדים פעילים לפקדים שאינם פעילים•
Mouse Over-שינוי סמן ב•
38
?תקינות פקדים
39
התאמה לקונבנציות ולצפיות
פקדים סטנדרטיים פועלים באופן סטנדרטי•
פקדים מתנהלים באופן עקבי בכל המערכת•
המשק בנוי ומתנהל באופן דומה לממשקים אחרים •
שמשתמשי המערכת מכירים
אין הפתעות•
40
צמצום שגיאות
הנחיות ברורות•
פורמט סלחני בשדות קלט•
דוגמאות קלט•
בדיקת תקינות תכנים תוך כדי ההזנה•
משוב ברור ומידי על הזנה שגויה•
41
סיוע בהתאוששות משגיאות
שמירת גרסאות אוטומטית•
ניסוח ברור של הודעות שגיאה•
השגוייםהצגת הודעות השגיאה בסמוך לשדות •
מקור הטעותתיאור •
הצגת פתרונות האפשריים•
מיקום הסמן בשדה השגוי לשם תיקון מהיר•
42
חסכון במאמץ
שימוש נרחב בברירות מחדל•
הבחנה ברורה ה בין שדות חובה לשדות רשות•
קישורים וקיצורי דרך•
המלצות בשדות טקסט/ השלמה אוטומטית •
בחירה מרשימה במקום הזנה ידנית•
אוטומטיזציה של תהליכים•
43
זיכרוןזיהוי במקום
הנחיות ברורות•
ללא צורך בגלילה או מעבר , כל המידע החיוני גלוי על המסך•
מסכים
לאיקונים tooltips/ הצגת תוויות •
- בגרפים •
מקראברורה של תצוגה •
של מרכיבים בין ייצוגיםברור מאוד לעין הבדל • בגראףשונים
44
שליטת משתמשים
משוב ברור ומהיר על פעולות•
(פרדוקס הבחירה)צמצום אפשרויות •
•Undo – Redo
"ננעל"חיווי ברור על מצב המערכת כאשר הממשק •
45
קיצורי דרך וגמישות בממשק
גישה מהירה מכל נקודה במערכת לכל הפונקציות החיוניות•
תמיכה בקיצורי מקלדת מקובלים•
יותר מדרך אחת להגיע לפעולות מרכזיות במערכת•
למסכיםאפשרות להגדיר קישור ישיר -אישית התאמה • קיצורי מקלדתאו
טובה למגוון פלטפורמות ורזולוציותהתאמה •
46
יעילות
מינימום שלבים בכל תהליך•
דרישת מערכת למידע חיוני בלבד•
מהירות תגובה של המערכת•
מהירות אחזור מידע•
הקלה על פעולות נפוצות•
47
נגישות
, שמיעה, הממשק מתואם למשתמשים בעלי לקויות ראיה•
תנועה ולקויות קוגניטיביות
.והסחות דעת" רעשים"מינימום -ממשק פשוט ונקי •
צורה או צליל , שום חיווי מערכת לא מתבסס בלעדית על צבע•
.ללא עכבר, ניתן להשתמש במערכת באמצעות מקלדת בלבד•
.הסברים ברורים על משימות ואופן מילוי שדות•
.אין הבהובים•
.ניתן לעצור כל תנועה בממשק•
48
Checklist -סיכום ה
עקביות•
מיקוד בחיוני•
לסריקההתאמת טקסטים •
תקינות פקדים•
התאמה לקונבנציות ולצפיות•
צמצום שגיאות•
סיוע בהתאוששות משגיאות•
חסכון במאמץ •
זיהוי במקום זיכרון•
שליטת משתמשים•
קיצורי דרך וגמישות בממשק•
יעילות•
מענה על צרכים עסקיים•
נגישות•
49
הצגה אפקטיבית
של בדיקות מומחה
50
השקעההחזר על בבדיקות מומחה
51
?מתי לא –המומחה בדיקות
חסרונות בדיקות המומחה
נדרשת מערכת בשלבים מתקדמים•
לא נבדקים משתמשים אמתיים•
,התבססות על קווים מנחים כללים• .ללא התאמה לתחום מקצועי ספציפי
52
חלופות -בדיקות המומחה
53
תצפיות וראיונות
54
Card Sorting
55
Rapid prototyping
57
musix
בדיקות מעבדה ?מה נראה היום
58
Remote usability ?מה נראה היום
59
A/B Tests (Multivariate / Split test) ?מה נראה היום
60
סיכום