SlideShare a Scribd company logo
1 of 61
Download to read offline
‫בדיקות מומחה:‬
    ‫לזהות במהירות את בעיות הממשק‬

              ‫רן לירון‬
              ‫נטקראפט‬




‫1‬
‫שלום לכולם‬




‫2‬
‫מי אני?‬

                           ‫רן לירון‬
    ‫ראש צוות חווית משתמש בנטקראפט‬
                ‫• עוסק בממשק 51+ שנים‬
        ‫• מפתח תכוניות ללימוד ‪ UX‬ומרצה‬
                    ‫• ממקימי ארגון ‪UXI‬‬


          ‫‪RanL@Netcraft.co.il‬‬
‫3‬
‫על מה נדבר‬

          ‫• מהו "ממשק איכותי"?‬
       ‫• מה הן "בדיקות מומחה" ?‬
    ‫• קווים מנחים לבדיקות מומחה‬
    ‫• התנסות בבדיקות ודיון פתוח‬




‫4‬
‫מהו "ממשק איכותי" ?‬




‫5‬
‫ממשק‬
         ‫‪Vs‬‬
    ‫"חווית משתמש"‬
‫6‬
‫מרכיבי חווית המשתמש‬
               ‫שליטת‬
               ‫משתמש‬
                         ‫זמינות‬
    ‫אסתטיקה‬
                         ‫המידע‬

               ‫שמישות‬

    ‫שימושיות‬             ‫נגישות‬

               ‫הנאה‬


‫7‬
‫קצת טרמינולוגיה‬

    Heuristic evaluations
                                          usability report
          ‫בדיקות מומחה‬
                                  Usability inspection
     Usability review
                               UI review
     Expert review                      ‫הערכת מומחה‬
8
            User Interface Evaluation
‫קצת היסטוריה‬


    Jakob Nielsen

     Heuristic
    evaluations


9
‫בדיקות המומחה‬

                                        ‫יתרונות‬
                      ‫• אין תלות בגישה למשתמשים‬
                            ‫• אין צורך בציוד מיוחד‬
                       ‫• תוצאות ברורות ומתועדפות‬
     ‫• מהירות – ניתן להפיק תוצאות תוך ימים בודדים.‬




‫01‬
‫קווים מנחים‬
     ‫לבדיקות מומחה‬



‫11‬
‫התרשמות ראשונית‬
       ‫חוויה ראשונית‬


‫21‬
‫איזה רושם משאירה המערכת הזו?‬




‫31‬
‫איזה רושם משאירה המערכת הזו?‬




     ‫איזה רושם השאירה המערכת?‬



‫41‬
‫איזה רושם משאירה המערכת הזו?‬




      ‫ניסיון נוסף‬
     ‫לא למצמץ בבקשה‬

‫51‬
‫איזה רושם משאירה המערכת הזו?‬




     ‫איזה רושם השאירה המערכת?‬



‫61‬
‫מה נכון יותר?‬



‫71‬
‫כללית – משפחה, נשים ושפות‬




‫81‬
‫מכבי – הצפות ממוקדות בתזונה(?)‬




‫91‬
‫"מה נכון" =‬
     ‫התאמה ליעדי המערכת‬
         ‫ולקהל היעד‬

‫02‬
‫הנתיב הקריטי‬



‫12‬
‫הנתיב הקריטי‬


                ‫• יעד עסקי מרכזי‬
         ‫ו/או‬
                  ‫• פעולה נפוצה‬
         ‫ו/או‬
     ‫• פעולה חשובה למשתמשים‬

‫22‬
‫התייחסות לנתיב הקריטי‬


               ‫• תהליך שלם, לא פעולה נקודתית‬
     ‫• אפקטיביות – גם בפועל וגם ברמת החוויה:‬
                 ‫• זמינות - מינימום קליקים‬
             ‫• ברור למשתמש, פשוט לשימוש‬
                  ‫• מינימום רעשים והפרעות‬
                ‫• מטרה אחת – שבילים רבים‬
‫32‬
‫תיעדוף‬



‫42‬
‫תיעדוף בעיות ‪ UI‬שעלו מהבדיקה‬


      ‫קריטית‬


       ‫חמורה‬


       ‫בינונית‬


       ‫נמוכה‬


‫52‬
‫תיעדוף בעיות ‪ UI‬שעלו מהבדיקה‬

     ‫בעיה חוזרת‬    ‫קשה למשתמש‬                    ‫מאפיינים‬
                                   ‫בנתיב קריטי‬
      ‫בתכיפות‬     ‫לעקוף את הבעיה‬                            ‫דחיפות‬

                                                     ‫קריטית‬


         ‫‪X‬‬
                                                     ‫חמורה‬
                        ‫‪X‬‬

         ‫‪X‬‬              ‫‪X‬‬
                                                     ‫בינונית‬
                                       ‫‪X‬‬

         ‫‪X‬‬              ‫‪X‬‬              ‫‪X‬‬
         ‫‪X‬‬                             ‫‪X‬‬              ‫נמוכה‬
‫62‬
                        ‫‪X‬‬              ‫‪X‬‬
‫קווים מנחים לבדיקות מומחה‬

           ‫• ההתרשמות הראשונית‬
            ‫• מיקוד ביעדי המערכת‬
                  ‫• הנתיב הקריטי‬
                        ‫• תיעדוף‬
                    ‫• ‪Check list‬‬




‫72‬
Check List



28
‫מה בודקים?‬

            ‫• זיהוי במקום זיכרון‬                 ‫• רושם ראשוני‬
             ‫• שליטת משתמשים‬           ‫• מענה על צרכים עסקיים‬
     ‫• קיצורי דרך וגמישות בממשק‬                   ‫• מיקוד בחיוני‬
                       ‫• יעילות‬                        ‫• עקביות‬
                       ‫• נגישות‬       ‫• התאמת טקסטים לסריקה‬
                                                ‫• תקינות פקדים‬
                                   ‫• התאמה לקונבנציות ולצפיות‬
                                               ‫• צמצום שגיאות‬
                                   ‫• סיוע בהתאוששות משגיאות‬
‫92‬
                                                ‫• חסכון במאמץ‬
‫רושם ראשני‬


     ‫מה הרושם שהמערכת משאירה‬
        ‫ב-03 השניות הראשונות?‬




‫03‬
‫מענה על צרכים עסקיים‬

                                 ‫• הוגדר יעד עסקי ברור‬
     ‫• מבנה התצוגה והתהליכים מאורגנים ומתועדפים בהתאם‬
                                         ‫ליעד העסקי‬




‫13‬
‫מיקוד בחיוני‬

                                    ‫• מסך הכניסה:‬
                 ‫• פונקציונאליות המערכת ברורה‬
                ‫• מוצג מידע רלוונטי למשתמשים‬
                            ‫• היררכיית תוכן ברורה:‬
                    ‫• כותרת למסכים ואזורי תוכן‬
              ‫• תוכן חיוני בולט יותר מתוכן משני‬
     ‫• סדר ההפניות בניווט תואם לסדר החשיבות שלהן‬
         ‫• במסכים עמוסים - ניתן לסנן / למיין תכנים‬
‫23‬
‫מיקוד בחיוני ?‬




‫33‬
‫עקביות‬

        ‫• ניווט – מבנה קבוע ומיקום קבוע‬
     ‫• עיצוב אחיד למסכים, לפקדים ושדות‬
       ‫• ניהול תהליכים דומים באופן דומה‬




‫43‬
‫עקביות ?‬




‫53‬
‫התאמת טקסטים לסריקה‬

                     ‫• כותרות נושאים ברורות‬
               ‫• שורות קצרות, פסקאות קצרות‬
         ‫• הצגת נושאים קשורים כרשימה אנכית‬
                               ‫• שפה ברורה‬
                       ‫• טקסט קונטרסטי לרקע‬
     ‫(רצוי – טקסט כהה מאוד, רקע בהיר מאוד)‬
                  ‫• שמות קישורים משמעותיים‬

‫63‬
‫תקינות פקדים‬

                  ‫• כל הפקדים במסך עובדים - ובאופן צפוי‬
                            ‫• קישורים מובילם למקום הנכון‬
                  ‫• התאמת אורך שדות קלט לתוכן הרלוונטי‬
     ‫• הבחנה ברורה בין פקדים פעילים לפקדים שאינם פעילים‬
                             ‫• שינוי סמן ב-‪Mouse Over‬‬




‫73‬
‫תקינות פקדים ?‬




‫83‬
‫התאמה לקונבנציות ולצפיות‬

          ‫• פקדים סטנדרטיים פועלים באופן סטנדרטי‬
          ‫• פקדים מתנהלים באופן עקבי בכל המערכת‬
     ‫• המשק בנוי ומתנהל באופן דומה לממשקים אחרים‬
                      ‫שמשתמשי המערכת מכירים‬
                                    ‫• אין הפתעות‬




‫93‬
‫צמצום שגיאות‬

                        ‫• הנחיות ברורות‬
              ‫• פורמט סלחני בשדות קלט‬
                         ‫• דוגמאות קלט‬
     ‫• בדיקת תקינות תכנים תוך כדי ההזנה‬
        ‫• משוב ברור ומידי על הזנה שגויה‬




‫04‬
‫סיוע בהתאוששות משגיאות‬

                     ‫• שמירת גרסאות אוטומטית‬
                  ‫• ניסוח ברור של הודעות שגיאה‬
     ‫• הצגת הודעות השגיאה בסמוך לשדות השגויים‬
                           ‫• תיאור מקור הטעות‬
                     ‫• הצגת פתרונות האפשריים‬
       ‫• מיקום הסמן בשדה השגוי לשם תיקון מהיר‬



‫14‬
‫חסכון במאמץ‬

                   ‫• שימוש נרחב בברירות מחדל‬
     ‫• הבחנה ברורה ה בין שדות חובה לשדות רשות‬
                         ‫• קישורים וקיצורי דרך‬
      ‫• השלמה אוטומטית / המלצות בשדות טקסט‬
              ‫• בחירה מרשימה במקום הזנה ידנית‬
                     ‫• אוטומטיזציה של תהליכים‬



‫24‬
‫זיהוי במקום זיכרון‬

                                             ‫• הנחיות ברורות‬
     ‫• כל המידע החיוני גלוי על המסך, ללא צורך בגלילה או מעבר‬
                                                     ‫מסכים‬
                            ‫• הצגת תוויות / ‪ tooltips‬לאיקונים‬
                                                 ‫• בגרפים -‬
                                  ‫• תצוגה ברורה של מקרא‬
             ‫• הבדל ברור מאוד לעין בין ייצוגים של מרכיבים‬
                                            ‫שונים בגראף‬
‫34‬
‫שליטת משתמשים‬

                       ‫• משוב ברור ומהיר על פעולות‬
                 ‫• צמצום אפשרויות (פרדוקס הבחירה)‬
                                ‫• ‪Undo – Redo‬‬
     ‫• חיווי ברור על מצב המערכת כאשר הממשק "ננעל"‬




‫44‬
‫קיצורי דרך וגמישות בממשק‬

     ‫• גישה מהירה מכל נקודה במערכת לכל הפונקציות החיוניות‬
                           ‫• תמיכה בקיצורי מקלדת מקובלים‬
            ‫• יותר מדרך אחת להגיע לפעולות מרכזיות במערכת‬
       ‫• התאמה אישית - אפשרות להגדיר קישור ישיר למסכים‬
                                      ‫או קיצורי מקלדת‬
                 ‫• התאמה טובה למגוון פלטפורמות ורזולוציות‬



‫54‬
‫יעילות‬

          ‫• מינימום שלבים בכל תהליך‬
     ‫• דרישת מערכת למידע חיוני בלבד‬
          ‫• מהירות תגובה של המערכת‬
                ‫• מהירות אחזור מידע‬
            ‫• הקלה על פעולות נפוצות‬




‫64‬
‫נגישות‬

        ‫• הממשק מתואם למשתמשים בעלי לקויות ראיה, שמיעה,‬
                                  ‫תנועה ולקויות קוגניטיביות‬
           ‫• ממשק פשוט ונקי - מינימום "רעשים" והסחות דעת.‬
 ‫• שום חיווי מערכת לא מתבסס בלעדית על צבע, צורה או צליל‬
     ‫• ניתן להשתמש במערכת באמצעות מקלדת בלבד, ללא עכבר.‬
               ‫• הסברים ברורים על משימות ואופן מילוי שדות.‬
                                              ‫• אין הבהובים.‬
                              ‫• ניתן לעצור כל תנועה בממשק.‬
‫74‬
‫סיכום ה-‪Checklist‬‬

             ‫• שליטת משתמשים‬                          ‫• עקביות‬
     ‫• קיצורי דרך וגמישות בממשק‬                  ‫• מיקוד בחיוני‬
                       ‫• יעילות‬      ‫• התאמת טקסטים לסריקה‬
        ‫• מענה על צרכים עסקיים‬                 ‫• תקינות פקדים‬
                       ‫• נגישות‬   ‫• התאמה לקונבנציות ולצפיות‬
                                               ‫• צמצום שגיאות‬
                                  ‫• סיוע בהתאוששות משגיאות‬
                                                ‫• חסכון במאמץ‬
                                           ‫• זיהוי במקום זיכרון‬
‫84‬
‫הצגה אפקטיבית‬
     ‫של בדיקות מומחה‬


‫94‬
‫החזר על השקעה‬
     ‫בבדיקות מומחה‬


‫05‬
‫בדיקות המומחה – מתי לא ?‬

       ‫חסרונות בדיקות המומחה‬
       ‫• נדרשת מערכת בשלבים מתקדמים‬
          ‫• לא נבדקים משתמשים אמתיים‬
        ‫• התבססות על קווים מנחים כללים,‬
     ‫ללא התאמה לתחום מקצועי ספציפי.‬




‫15‬
‫בדיקות המומחה - חלופות‬



‫25‬
‫תצפיות וראיונות‬




‫35‬
Card Sorting




54
Rapid prototyping




55
Data Mining/Analysis
               ?‫מה נראה היום‬




56
‫מה נראה מעבדה‬
      ‫בדיקות היום?‬
             ‫‪musix‬‬




‫75‬
Remote‫מה נראה היום‬
          ? usability




58
A/B Tests (Multivariate / Split test)
                          ?‫מה נראה היום‬




59
‫סיכום‬




‫06‬
?‫שאלות‬
RanL@Netcraft.co.il

More Related Content

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

UXI Live 2011 - בדיקות מומחה לממשק
UXI Live 2011 -  בדיקות מומחה לממשקUXI Live 2011 -  בדיקות מומחה לממשק
UXI Live 2011 - בדיקות מומחה לממשקranl
 
הרצאת מבוא לאנליזה סטטית ע"י טריניטי תוכנה ומעבר
הרצאת מבוא לאנליזה סטטית ע"י טריניטי תוכנה ומעברהרצאת מבוא לאנליזה סטטית ע"י טריניטי תוכנה ומעבר
הרצאת מבוא לאנליזה סטטית ע"י טריניטי תוכנה ומעברTrinitySB
 
רונית פוריאן 2012 10-24 evaluation - indicators at jerusalem institute
רונית פוריאן 2012 10-24 evaluation - indicators at jerusalem instituteרונית פוריאן 2012 10-24 evaluation - indicators at jerusalem institute
רונית פוריאן 2012 10-24 evaluation - indicators at jerusalem instituteThe Jerusalem Institute for Israel Studies
 
ניטור מתקן סולארי לתפוקה מקסימלית
ניטור מתקן סולארי לתפוקה מקסימליתניטור מתקן סולארי לתפוקה מקסימלית
ניטור מתקן סולארי לתפוקה מקסימליתTashtiot media
 
Qa extreme2011 from classic lc to agile and the testers types of the future_b...
Qa extreme2011 from classic lc to agile and the testers types of the future_b...Qa extreme2011 from classic lc to agile and the testers types of the future_b...
Qa extreme2011 from classic lc to agile and the testers types of the future_b...Eran Kinsbrunner
 
Agile sparks 2012 ux-vision - agile an ux - emenies or friends
Agile sparks 2012   ux-vision - agile an ux - emenies or friendsAgile sparks 2012   ux-vision - agile an ux - emenies or friends
Agile sparks 2012 ux-vision - agile an ux - emenies or friendsTAL FLORENTIN
 
UXI Live Ifat Yaakobi Design for Multitasking
UXI Live Ifat Yaakobi Design for MultitaskingUXI Live Ifat Yaakobi Design for Multitasking
UXI Live Ifat Yaakobi Design for MultitaskingIfat Yaakobi
 
סדנת פרסונות עדוא שביט Uxi live 2011
סדנת פרסונות עדוא שביט Uxi live 2011סדנת פרסונות עדוא שביט Uxi live 2011
סדנת פרסונות עדוא שביט Uxi live 2011Ido Shavit
 
Agile For Website Managers
Agile For Website ManagersAgile For Website Managers
Agile For Website ManagersUdi Salant
 

Similar to ממשק - בדיקות מומחה (13)

UXI Live 2011 - בדיקות מומחה לממשק
UXI Live 2011 -  בדיקות מומחה לממשקUXI Live 2011 -  בדיקות מומחה לממשק
UXI Live 2011 - בדיקות מומחה לממשק
 
הרצאת מבוא לאנליזה סטטית ע"י טריניטי תוכנה ומעבר
הרצאת מבוא לאנליזה סטטית ע"י טריניטי תוכנה ומעברהרצאת מבוא לאנליזה סטטית ע"י טריניטי תוכנה ומעבר
הרצאת מבוא לאנליזה סטטית ע"י טריניטי תוכנה ומעבר
 
האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?
האם ויקיפדיה מונגשת לאנשים עם מוגבלויות? האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?
האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?
 
רונית פוריאן 2012 10-24 evaluation - indicators at jerusalem institute
רונית פוריאן 2012 10-24 evaluation - indicators at jerusalem instituteרונית פוריאן 2012 10-24 evaluation - indicators at jerusalem institute
רונית פוריאן 2012 10-24 evaluation - indicators at jerusalem institute
 
אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט
אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפטאבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט
אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט
 
ניטור מתקן סולארי לתפוקה מקסימלית
ניטור מתקן סולארי לתפוקה מקסימליתניטור מתקן סולארי לתפוקה מקסימלית
ניטור מתקן סולארי לתפוקה מקסימלית
 
Qa extreme2011 from classic lc to agile and the testers types of the future_b...
Qa extreme2011 from classic lc to agile and the testers types of the future_b...Qa extreme2011 from classic lc to agile and the testers types of the future_b...
Qa extreme2011 from classic lc to agile and the testers types of the future_b...
 
Agile sparks 2012 ux-vision - agile an ux - emenies or friends
Agile sparks 2012   ux-vision - agile an ux - emenies or friendsAgile sparks 2012   ux-vision - agile an ux - emenies or friends
Agile sparks 2012 ux-vision - agile an ux - emenies or friends
 
Mobile web design Eyal Sela
Mobile web design   Eyal SelaMobile web design   Eyal Sela
Mobile web design Eyal Sela
 
Trends2010
Trends2010Trends2010
Trends2010
 
UXI Live Ifat Yaakobi Design for Multitasking
UXI Live Ifat Yaakobi Design for MultitaskingUXI Live Ifat Yaakobi Design for Multitasking
UXI Live Ifat Yaakobi Design for Multitasking
 
סדנת פרסונות עדוא שביט Uxi live 2011
סדנת פרסונות עדוא שביט Uxi live 2011סדנת פרסונות עדוא שביט Uxi live 2011
סדנת פרסונות עדוא שביט Uxi live 2011
 
Agile For Website Managers
Agile For Website ManagersAgile For Website Managers
Agile For Website Managers
 

More from Ran Liron

Design systems Implementation
Design systems Implementation Design systems Implementation
Design systems Implementation Ran Liron
 
UX @ Agile - Myths, Legends and the path to success
UX @ Agile - Myths, Legends and the path to successUX @ Agile - Myths, Legends and the path to success
UX @ Agile - Myths, Legends and the path to successRan Liron
 
Secure the experience, experience security
Secure the experience, experience security Secure the experience, experience security
Secure the experience, experience security Ran Liron
 
UX - תפיסות שגויות וממשקים שמישים
UX - תפיסות שגויות וממשקים שמישיםUX - תפיסות שגויות וממשקים שמישים
UX - תפיסות שגויות וממשקים שמישיםRan Liron
 
About UX Consistency
About UX Consistency About UX Consistency
About UX Consistency Ran Liron
 
Prototyping for effective UX
Prototyping for effective UXPrototyping for effective UX
Prototyping for effective UXRan Liron
 
Prototyping mistakes (hebrew)
Prototyping mistakes (hebrew)Prototyping mistakes (hebrew)
Prototyping mistakes (hebrew)Ran Liron
 
UX misconceptions
UX misconceptionsUX misconceptions
UX misconceptionsRan Liron
 
Prototyping Tools Hebrew
Prototyping Tools HebrewPrototyping Tools Hebrew
Prototyping Tools HebrewRan Liron
 

More from Ran Liron (9)

Design systems Implementation
Design systems Implementation Design systems Implementation
Design systems Implementation
 
UX @ Agile - Myths, Legends and the path to success
UX @ Agile - Myths, Legends and the path to successUX @ Agile - Myths, Legends and the path to success
UX @ Agile - Myths, Legends and the path to success
 
Secure the experience, experience security
Secure the experience, experience security Secure the experience, experience security
Secure the experience, experience security
 
UX - תפיסות שגויות וממשקים שמישים
UX - תפיסות שגויות וממשקים שמישיםUX - תפיסות שגויות וממשקים שמישים
UX - תפיסות שגויות וממשקים שמישים
 
About UX Consistency
About UX Consistency About UX Consistency
About UX Consistency
 
Prototyping for effective UX
Prototyping for effective UXPrototyping for effective UX
Prototyping for effective UX
 
Prototyping mistakes (hebrew)
Prototyping mistakes (hebrew)Prototyping mistakes (hebrew)
Prototyping mistakes (hebrew)
 
UX misconceptions
UX misconceptionsUX misconceptions
UX misconceptions
 
Prototyping Tools Hebrew
Prototyping Tools HebrewPrototyping Tools Hebrew
Prototyping Tools Hebrew
 

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

  • 1. ‫בדיקות מומחה:‬ ‫לזהות במהירות את בעיות הממשק‬ ‫רן לירון‬ ‫נטקראפט‬ ‫1‬
  • 3. ‫מי אני?‬ ‫רן לירון‬ ‫ראש צוות חווית משתמש בנטקראפט‬ ‫• עוסק בממשק 51+ שנים‬ ‫• מפתח תכוניות ללימוד ‪ UX‬ומרצה‬ ‫• ממקימי ארגון ‪UXI‬‬ ‫‪RanL@Netcraft.co.il‬‬ ‫3‬
  • 4. ‫על מה נדבר‬ ‫• מהו "ממשק איכותי"?‬ ‫• מה הן "בדיקות מומחה" ?‬ ‫• קווים מנחים לבדיקות מומחה‬ ‫• התנסות בבדיקות ודיון פתוח‬ ‫4‬
  • 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. ‫התייחסות לנתיב הקריטי‬ ‫• תהליך שלם, לא פעולה נקודתית‬ ‫• אפקטיביות – גם בפועל וגם ברמת החוויה:‬ ‫• זמינות - מינימום קליקים‬ ‫• ברור למשתמש, פשוט לשימוש‬ ‫• מינימום רעשים והפרעות‬ ‫• מטרה אחת – שבילים רבים‬ ‫32‬
  • 25. ‫תיעדוף בעיות ‪ UI‬שעלו מהבדיקה‬ ‫קריטית‬ ‫חמורה‬ ‫בינונית‬ ‫נמוכה‬ ‫52‬
  • 26. ‫תיעדוף בעיות ‪ UI‬שעלו מהבדיקה‬ ‫בעיה חוזרת‬ ‫קשה למשתמש‬ ‫מאפיינים‬ ‫בנתיב קריטי‬ ‫בתכיפות‬ ‫לעקוף את הבעיה‬ ‫דחיפות‬ ‫קריטית‬ ‫‪X‬‬ ‫חמורה‬ ‫‪X‬‬ ‫‪X‬‬ ‫‪X‬‬ ‫בינונית‬ ‫‪X‬‬ ‫‪X‬‬ ‫‪X‬‬ ‫‪X‬‬ ‫‪X‬‬ ‫‪X‬‬ ‫נמוכה‬ ‫62‬ ‫‪X‬‬ ‫‪X‬‬
  • 27. ‫קווים מנחים לבדיקות מומחה‬ ‫• ההתרשמות הראשונית‬ ‫• מיקוד ביעדי המערכת‬ ‫• הנתיב הקריטי‬ ‫• תיעדוף‬ ‫• ‪Check list‬‬ ‫72‬
  • 29. ‫מה בודקים?‬ ‫• זיהוי במקום זיכרון‬ ‫• רושם ראשוני‬ ‫• שליטת משתמשים‬ ‫• מענה על צרכים עסקיים‬ ‫• קיצורי דרך וגמישות בממשק‬ ‫• מיקוד בחיוני‬ ‫• יעילות‬ ‫• עקביות‬ ‫• נגישות‬ ‫• התאמת טקסטים לסריקה‬ ‫• תקינות פקדים‬ ‫• התאמה לקונבנציות ולצפיות‬ ‫• צמצום שגיאות‬ ‫• סיוע בהתאוששות משגיאות‬ ‫92‬ ‫• חסכון במאמץ‬
  • 30. ‫רושם ראשני‬ ‫מה הרושם שהמערכת משאירה‬ ‫ב-03 השניות הראשונות?‬ ‫03‬
  • 31. ‫מענה על צרכים עסקיים‬ ‫• הוגדר יעד עסקי ברור‬ ‫• מבנה התצוגה והתהליכים מאורגנים ומתועדפים בהתאם‬ ‫ליעד העסקי‬ ‫13‬
  • 32. ‫מיקוד בחיוני‬ ‫• מסך הכניסה:‬ ‫• פונקציונאליות המערכת ברורה‬ ‫• מוצג מידע רלוונטי למשתמשים‬ ‫• היררכיית תוכן ברורה:‬ ‫• כותרת למסכים ואזורי תוכן‬ ‫• תוכן חיוני בולט יותר מתוכן משני‬ ‫• סדר ההפניות בניווט תואם לסדר החשיבות שלהן‬ ‫• במסכים עמוסים - ניתן לסנן / למיין תכנים‬ ‫23‬
  • 34. ‫עקביות‬ ‫• ניווט – מבנה קבוע ומיקום קבוע‬ ‫• עיצוב אחיד למסכים, לפקדים ושדות‬ ‫• ניהול תהליכים דומים באופן דומה‬ ‫43‬
  • 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‬
  • 56. Data Mining/Analysis ?‫מה נראה היום‬ 56
  • 57. ‫מה נראה מעבדה‬ ‫בדיקות היום?‬ ‫‪musix‬‬ ‫75‬
  • 59. A/B Tests (Multivariate / Split test) ?‫מה נראה היום‬ 59