SlideShare a Scribd company logo
1 of 154
Download to read offline
‫יועץ עצמאי‬
‫1.מערכת לא מאיימת‬
      ‫2.טיוב הזרימה בתוך המוצר‬
               ‫3.בהירות ופשטות‬
‫4.הקלה על תהליך הלימוד וההטמעה‬
‫ישן‬   ‫חדש‬
1




    2
!
1




2
‫יותר קליקים זה לא בהכרח רע‬     ‫‪‬‬
                         ‫הרבה אויר בעמוד זה חשוב‬     ‫‪‬‬
‫אל תיקחו פתרונות סטנדרטים כמובן מאיליו, יש אולי‬      ‫‪‬‬
                                   ‫פתרון יותר טוב.‬
  ‫לבדוק את הממשק מול משתמשים כשיש אפשרות‬             ‫‪‬‬
              ‫לבצע שינויים ולהבין מה בדיוק בודקים‬
‫יועץ חווית משתמש, שמישות ושימושיות, מאפיין ומעצב אינטראקציה‬       ‫‪‬‬
      ‫מלמד תוכנות, אתרים ואפליקציות כיצד להתנהג מעל ל81 שנה.‬      ‫‪‬‬
                                   ‫מנחה במכון הטכנולוגי בחולון,‬   ‫‪‬‬
                                              ‫מנחה ב ‪UX School‬‬    ‫‪‬‬
This patient has   6
                   80
                    5
                    9
                    4
                    3
                   11
                   12
                   14 seconds to live
                   13
                    7
                    1
                   10
                   15
                    2
Headache in   6
              80
               5
               9
               4
               3
              11
              12
              14
              13
               7
               1
              10
              15
               2
Better solution in   6
                     80
                      5
                      9
                      4
                      3
                     11
                     12
                     14
                     13
                      7
                      1
                     10
                     15
                      2
‫רגעי קסם‬
‫באינטראקציה‬

     ‫‪@UPA ISRAEL‬‬
Attractive things
work better
           D. Norman
BlackBerry Curve
Q1 2009
About 13,400,000 results (0.17 seconds)
About 2,040,000 results (0.12 seconds)
alex@
‫רגעי קסם פונקציונלים יכולים‬
             ‫ליצור התמכרות‬
‫מה הוא "רגע"?‬
‫רגעי קסם יכולים להיות נקודות‬
‫קטנות באינטראקציה או תהליכים‬
                      ‫ממושכים‬
‫אין ספר הדרכה...‬
‫התועלת יוצרת התמכרות‬
   ‫ההפתעה מעוררת רגש‬
‫ההדגשה הופכת את הרגע‬
           ‫לבלתי נשכח‬
quick corder
 quick corder




‫דוגמא‬
‫דברים אטרקטיבים עובדים טוב יותר‬

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

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

‫הרכיבים: היו מועילים; תפתיעו; תדגישו‬
www.UXelements.com

alex@uxelements.com
‫א נ ו ש‬   ‫ה נ ד ס ת‬




                      ‫א נ ו ש‬   ‫ה נ ד ס ת‬
‫א נ ו ש‬       ‫ה נ ד ס ת‬

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



                                           ‫בוקר אחד הוזמנו לפגישה...‬

                           ‫ראש הפרויקט ומהנדס המערכת הציגו לנו מפרט דרישות המערכת :‬

                                                 ‫המערכת: רכב שטח הכולל משגר טילים.‬

                                                  ‫נדרש איפיון לפאנל תפעול ירי הטילים.‬

                                                   ‫צריכים פתרון תפעולי פשוט להדגמה.‬

                                                    ‫אה... וביקשו גם שיראה כמובן טוב -‬
                                                            ‫ההדגמה הרי לצרכי שיווק...‬


  ‫התמונה להמחשה בלבד‬
‫א נ ו ש‬     ‫ה נ ד ס ת‬

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



                                                        ‫ומה היה כתוב במפרט ?‬

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

                                               ‫מתן מענה למספר גדול של פונקציות למפעיל.‬

                                   ‫המפעיל נדרש לבצע חלק מהפעולות תוך כדי תנועת הרכב.‬

                                                            ‫אילוצי מקום משמעותיים ברכב.‬


          ‫מזוודה לניוד הידית‬                ‫מחשב נתון‬                      ‫ידית נתונה‬
                                                                                   ‫והמחשב‬




      ‫התמונה להמחשה בלבד‬                                                  ‫התמונה להמחשה בלבד‬
‫א נ ו ש‬   ‫ה נ ד ס ת‬

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



                                  ‫הלכנו לעשות ניתוח עיסוקים...‬

                                                                  ‫ירדנו לשטח.‬

                                    ‫פגשנו מפעילים אמיתיים בסביבה המבצעית.‬

                                                    ‫תצפתנו עליהם וראיינו אותם.‬

                                           ‫ו... למדנו את המערכת הקיימת... >‬
‫א נ ו ש‬   ‫ה נ ד ס ת‬

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



                                          ‫המשכנו את ניתוח עיסוקים...‬

                                                         ‫הגדרנו את שטף המשימה.‬

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

                      ‫ניתחנו את הפונקציות - ההיררכיה ביניהן, חשיבות, שכיחות וכו'.‬

                                  ‫אפיינו את פרופיל המשתמש ואת סביבת העבודה.‬
‫א נ ו ש‬   ‫ה נ ד ס ת‬

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



                                                               ‫גיבשנו קונספט‬

     ‫התבססנו על התובנות שהפקנו מניתוח העיסוקים וגיבשנו עקרונות תפעול למערכת.‬


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

                                                    ‫וחשבנו מה "בתכל'ס" צריך...‬



                                                        ‫וזו המסקנה שהגענו אליה :‬
‫א נ ו ש‬   ‫ה נ ד ס ת‬

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



                                                                      ‫ולמה ?‬

                                                ‫יחידת תפעול אחידה למשימה.‬

                                                     ‫אפשר לנייד את זה בקלות.‬

                                ‫זה מקבץ את הפונקציות החשובות מתחת לידיים.‬

                   ‫(תפעול ‪ )Hands on Throttle and stick - HOTAS‬והשאר ב- ‪.GUI‬‬

                ‫במהלך תנועת הרכב, המפעיל יכול לייצב את ידיו באמצעות הידיות.‬

                                                  ‫זה נראה טוב ופשוט לתפעול.‬
‫א נ ו ש‬   ‫ה נ ד ס ת‬

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



                                              ‫אבל היו גם אילוצים...‬




                                                    ‫אילוץ‬
‫א נ ו ש‬   ‫ה נ ד ס ת‬

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



                                                         ‫אז השתמשנו בהם‬




                     ‫ה-‪ Laptop‬הזה יודע להפוך ל ‪.Tablet‬‬

      ‫אפשר לחבר לו תחנת עגינה (‪ )Docking Station‬ואליה ניתן לחבר ידיות.‬
‫א נ ו ש‬   ‫ה נ ד ס ת‬

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



                               ‫ביצענו תכן מפורט ליחידת התפעול‬

                                  ‫חילקנו את הפונקציות לפקדי חומרה ופקדי תוכנה.‬

                                            ‫קיבצנו מספר פונקציות לתפעול משותף.‬

                               ‫עבור כל פונקציה התאמנו פקד מתאים לתפעול מיטבי.‬

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

                                                                 ‫בידיות את הפקדים.‬

                               ‫לסיום - ביצענו בדיקות שמישות עם המפעילים, ועדכנו‬

                                                                  ‫את התכן בהתאם.‬
‫א נ ו ש‬   ‫ה נ ד ס ת‬

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



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

                                                ‫לא מעט פונקציות ומצבי מערכת...‬

                                            ‫צורך בהתאמת הממשק לתפעול בפאנל.‬

                                                       ‫מותאם לעבודה גם בתנועה.‬

                                                        ‫צורך בתפעול בשתי ידיים.‬

                                               ‫תפעול בחלק מהשלבים במסך מגע.‬

                                                 ‫ו... כמובן רצו שיהיה ויראה פשוט.‬

                                              ‫אתגר מעניין עם מרווח טעות קטן...‬
‫א נ ו ש‬   ‫ה נ ד ס ת‬

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



                                                       ‫ביצענו עיצוב למוצר‬

                               ‫נפגשנו עם המעצב התעשייתי, והוא עיצב לפי התכן שלנו...‬
‫א נ ו ש‬   ‫ה נ ד ס ת‬

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



                                                                    ‫התוצר הסופי‬




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

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



                                                                        ‫והשילוב ברכב‬

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

                           ‫בנוסף, ביצענו תכן ארגונומי לטעינת הטילים בחלקו האחורי של הרכב.‬




    ‫התמונה להמחשה בלבד‬
‫א נ ו ש‬   ‫ה נ ד ס ת‬

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



                                                            ‫רטרוספקטיבה‬

     ‫התוצר הסופי‬                 ‫דרישות הלקוח‬                    ‫המוצר המקורי‬
‫א נ ו ש‬      ‫ה נ ד ס ת‬

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



                                                         ‫בשורה התחתונה...‬

           ‫שילוב הנדסת אנוש בוצע מתחילת הפרויקט - איפשר השפעה מהותית על המוצר.‬

          ‫יצירת הערך המוסף התאפשרה בזכות עבודת ניתוח, תכן ועיצוב ממוקדת משתמש.‬

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

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




                         ‫תודה רבה !‬

                         ‫תחום הנדסת אנוש - רפאל‬
‫חווית משתמש –‬
‫תוכנות לארגונים‬
     ‫גדולים‬
          ‫נורית פרס‬
          ‫‪@nuritps‬‬
‫כמה מכם מעצבים חווית משתמש‬
       ‫למשתמשים ארגוניים?‬




                        ‫811‬
119
‫בארגונים גדולים‬

           ‫• הלקוחות ≠ משתמשים‬
‫• חשיבות גדולה לפונקציונליות ומחיר‬




                                ‫021‬
‫מוצר קיים‬

‫• התחשבות בהרגלי המשתמשים‬
‫• פידבק מגיע ממשתמשים קיימים‬




                          ‫121‬
‫אפליקציה למפתחים‬

‫• יתרונות: מכירים היטב את הפרסונה‬




        ‫משתמש‬     ‫=‬      ‫מפתח‬

                                ‫221‬
‫מפתחים למפתחים‬




     ‫משתמש שהוא מפתח‬
                       ‫≠‬         ‫מפתח‬




‫• חסרונות: מניחים שמכירים היטב את הפרסונה‬


                                        ‫321‬
‫אפליקציה‬
       ‫לארגונים‬




‫עומס‬   ‫מוצר קיים‬




       ‫למפתחים‬




                   ‫421‬
‫איפה היער?‬




             ‫521‬
‫מה קרה?‬



‫התנסות עם אפליקציות רגילות‬
‫השפיעו על משתמשים ולקוחות‬


                        ‫621‬
‫"שהחיפוש יעבוד כמו‬
              ‫בגוגל"‬




             ‫721‬
‫"ובכלל - חוויה כמו של‬
               ‫אייפון"‬




                 ‫821‬
129
‫משוב מלקוחות‬
“The product can do just about
anything, but to find out how to
do, what you're looking for, can
be very difficult”
 Unnecessary mouse-clicking and screens


   Labels are often truncated … (although) there is plenty of space on the screen


     Right clicking on an item should always produce a context menu


       Content is not always organized in an easy to manage way




                                                                           130
‫משוב מלקוחות‬

What is your biggest pain?

                            Time to Value
                                8%
                                 Functionality
              Usability /           11%
                 UX
                33%
                                            Other
                                            17%


                       Enterprise
                      Readiness
                        31%

                                                      131
‫מה עושים?‬


            ‫הכל טוב... הכל טוב...‬




                                    ‫231‬
133
‫יש הרבה מהכל‬




      ‫431‬
‫אפשרויות הניווט‬
1. Tabs (at top)
2. ‘Views’ left bar
3. ‘View in panel
4. Tasks in panel
5. Popup menu
6. Search
7. ‘Tools’ icon
8. Breadcrumbs




                                   135
Menu
Tabs (at top)
‘Views’ left bar
‘View in panel
Tasks in panel
Popup menu
Search
‘Tools’ icon
Breadcrumbs




                   136
137
Visual design by Reuven Yamrum
138
‫סיפורו של פדל‬


   ‫נובמבר 1102‬
‫המשתמש...‬
‫המשתמש...‬
‫המצב הקיים...‬
‫המצב הקיים...‬
‫הבעיות...‬
‫החיפוש...‬




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

More Related Content

Viewers also liked

Periodico de futbol (tecnología)
Periodico de futbol (tecnología)Periodico de futbol (tecnología)
Periodico de futbol (tecnología)alba_maria
 
Designing an Assessment System
Designing an Assessment SystemDesigning an Assessment System
Designing an Assessment SystemRichard P Phelps
 
Zgjidhja e detyrave te kapitullit “Fizika Relativiste” te libri “Fizika 12”, ...
Zgjidhja e detyrave te kapitullit “Fizika Relativiste” te libri “Fizika 12”, ...Zgjidhja e detyrave te kapitullit “Fizika Relativiste” te libri “Fizika 12”, ...
Zgjidhja e detyrave te kapitullit “Fizika Relativiste” te libri “Fizika 12”, ...Liridon Muqaku
 
Teori orbital molekul kompleks
Teori orbital molekul kompleksTeori orbital molekul kompleks
Teori orbital molekul kompleksElis Primalis
 
”もと”中の人が語り尽くすSoftLayerセキュリティー(2016/10/13更新版)
”もと”中の人が語り尽くすSoftLayerセキュリティー(2016/10/13更新版)”もと”中の人が語り尽くすSoftLayerセキュリティー(2016/10/13更新版)
”もと”中の人が語り尽くすSoftLayerセキュリティー(2016/10/13更新版)Shinobu Yasuda
 
Limiti i Funksionit USHTRIME
Limiti i Funksionit USHTRIMELimiti i Funksionit USHTRIME
Limiti i Funksionit USHTRIMELiridon Muqaku
 
VMware + IBM Cloudで広がるハイブリッド・クラウドの世界
VMware + IBM Cloudで広がるハイブリッド・クラウドの世界VMware + IBM Cloudで広がるハイブリッド・クラウドの世界
VMware + IBM Cloudで広がるハイブリッド・クラウドの世界Shinobu Yasuda
 

Viewers also liked (9)

Periodico de futbol (tecnología)
Periodico de futbol (tecnología)Periodico de futbol (tecnología)
Periodico de futbol (tecnología)
 
Designing an Assessment System
Designing an Assessment SystemDesigning an Assessment System
Designing an Assessment System
 
Zgjidhja e detyrave te kapitullit “Fizika Relativiste” te libri “Fizika 12”, ...
Zgjidhja e detyrave te kapitullit “Fizika Relativiste” te libri “Fizika 12”, ...Zgjidhja e detyrave te kapitullit “Fizika Relativiste” te libri “Fizika 12”, ...
Zgjidhja e detyrave te kapitullit “Fizika Relativiste” te libri “Fizika 12”, ...
 
Teori orbital molekul kompleks
Teori orbital molekul kompleksTeori orbital molekul kompleks
Teori orbital molekul kompleks
 
Curriculum vitae
Curriculum  vitaeCurriculum  vitae
Curriculum vitae
 
”もと”中の人が語り尽くすSoftLayerセキュリティー(2016/10/13更新版)
”もと”中の人が語り尽くすSoftLayerセキュリティー(2016/10/13更新版)”もと”中の人が語り尽くすSoftLayerセキュリティー(2016/10/13更新版)
”もと”中の人が語り尽くすSoftLayerセキュリティー(2016/10/13更新版)
 
Limiti i Funksionit USHTRIME
Limiti i Funksionit USHTRIMELimiti i Funksionit USHTRIME
Limiti i Funksionit USHTRIME
 
Chapter 8 : DRAMA
Chapter 8 : DRAMAChapter 8 : DRAMA
Chapter 8 : DRAMA
 
VMware + IBM Cloudで広がるハイブリッド・クラウドの世界
VMware + IBM Cloudで広がるハイブリッド・クラウドの世界VMware + IBM Cloudで広がるハイブリッド・クラウドの世界
VMware + IBM Cloudで広がるハイブリッド・クラウドの世界
 

Similar to UPA I srael event 2011- Ignite

Object oriented analysis and design by alberta university - Typed
Object oriented analysis and design by alberta university - TypedObject oriented analysis and design by alberta university - Typed
Object oriented analysis and design by alberta university - TypedOhad Esperansa
 
איך חותכים עיצוב כמו נינג'ות בשנת 2013
איך חותכים עיצוב כמו נינג'ות בשנת 2013איך חותכים עיצוב כמו נינג'ות בשנת 2013
איך חותכים עיצוב כמו נינג'ות בשנת 2013Sagi Shrieber
 
Agile For Website Managers
Agile For Website ManagersAgile For Website Managers
Agile For Website ManagersUdi Salant
 
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
 
וובינר 15-6-2010
וובינר 15-6-2010וובינר 15-6-2010
וובינר 15-6-2010Uniq UI
 
Eerez Pedro: Product thinking 101 - Architecture Next
Eerez Pedro: Product thinking 101 - Architecture NextEerez Pedro: Product thinking 101 - Architecture Next
Eerez Pedro: Product thinking 101 - Architecture NextCodeValue
 
Architecture Next 2020 - Product thinking 101
Architecture Next 2020 - Product thinking 101Architecture Next 2020 - Product thinking 101
Architecture Next 2020 - Product thinking 101Erez PEDRO
 
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דניןהמועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דניןUniq UI
 
דרופל וחווית משתמש
דרופל וחווית משתמשדרופל וחווית משתמש
דרופל וחווית משתמשMichael Shmilov
 
מהי אנליזה סטטית?
מהי אנליזה סטטית?מהי אנליזה סטטית?
מהי אנליזה סטטית?TrinitySB
 
Data Analyst&Scientist course
Data Analyst&Scientist courseData Analyst&Scientist course
Data Analyst&Scientist courseAriella Kaszovitz
 
Scrum - The devil is in the details - Hebrew
Scrum - The devil is in the details - HebrewScrum - The devil is in the details - Hebrew
Scrum - The devil is in the details - HebrewDan-Eyal Gazit
 
שיעור 9 ניהול השינוי תודות לטכנולוגיה זמינה
שיעור 9   ניהול השינוי תודות לטכנולוגיה זמינהשיעור 9   ניהול השינוי תודות לטכנולוגיה זמינה
שיעור 9 ניהול השינוי תודות לטכנולוגיה זמינהAmnon Elbee אמנון אלבי
 
קרן נוימן ונטע תבל
קרן נוימן ונטע תבלקרן נוימן ונטע תבל
קרן נוימן ונטע תבלNetcraft
 
Final project presentation
Final project presentationFinal project presentation
Final project presentationOded Sugarman
 
291210773 new-cto-architect-2015
291210773 new-cto-architect-2015291210773 new-cto-architect-2015
291210773 new-cto-architect-2015Inbalraanan
 
UXV certification - sessions 23 - part 3 - agile and ux - emenies or friends
UXV certification -  sessions 23 - part 3 - agile and ux - emenies or friendsUXV certification -  sessions 23 - part 3 - agile and ux - emenies or friends
UXV certification - sessions 23 - part 3 - agile and ux - emenies or friendsTAL FLORENTIN
 

Similar to UPA I srael event 2011- Ignite (20)

אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט
אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפטאבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט
אבות טיפוס - רקע ומתודולוגיה, ליאור יאיר / נטקראפט
 
Object oriented analysis and design by alberta university - Typed
Object oriented analysis and design by alberta university - TypedObject oriented analysis and design by alberta university - Typed
Object oriented analysis and design by alberta university - Typed
 
איך חותכים עיצוב כמו נינג'ות בשנת 2013
איך חותכים עיצוב כמו נינג'ות בשנת 2013איך חותכים עיצוב כמו נינג'ות בשנת 2013
איך חותכים עיצוב כמו נינג'ות בשנת 2013
 
Agile For Website Managers
Agile For Website ManagersAgile For Website Managers
Agile For Website Managers
 
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
 
וובינר 15-6-2010
וובינר 15-6-2010וובינר 15-6-2010
וובינר 15-6-2010
 
Eerez Pedro: Product thinking 101 - Architecture Next
Eerez Pedro: Product thinking 101 - Architecture NextEerez Pedro: Product thinking 101 - Architecture Next
Eerez Pedro: Product thinking 101 - Architecture Next
 
Architecture Next 2020 - Product thinking 101
Architecture Next 2020 - Product thinking 101Architecture Next 2020 - Product thinking 101
Architecture Next 2020 - Product thinking 101
 
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דניןהמועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין
המועמד שאבד: תכנון אתרי קריירה מצליחים, ברק דנין
 
דרופל וחווית משתמש
דרופל וחווית משתמשדרופל וחווית משתמש
דרופל וחווית משתמש
 
מהי אנליזה סטטית?
מהי אנליזה סטטית?מהי אנליזה סטטית?
מהי אנליזה סטטית?
 
Libi
LibiLibi
Libi
 
Libi
LibiLibi
Libi
 
Data Analyst&Scientist course
Data Analyst&Scientist courseData Analyst&Scientist course
Data Analyst&Scientist course
 
Scrum - The devil is in the details - Hebrew
Scrum - The devil is in the details - HebrewScrum - The devil is in the details - Hebrew
Scrum - The devil is in the details - Hebrew
 
שיעור 9 ניהול השינוי תודות לטכנולוגיה זמינה
שיעור 9   ניהול השינוי תודות לטכנולוגיה זמינהשיעור 9   ניהול השינוי תודות לטכנולוגיה זמינה
שיעור 9 ניהול השינוי תודות לטכנולוגיה זמינה
 
קרן נוימן ונטע תבל
קרן נוימן ונטע תבלקרן נוימן ונטע תבל
קרן נוימן ונטע תבל
 
Final project presentation
Final project presentationFinal project presentation
Final project presentation
 
291210773 new-cto-architect-2015
291210773 new-cto-architect-2015291210773 new-cto-architect-2015
291210773 new-cto-architect-2015
 
UXV certification - sessions 23 - part 3 - agile and ux - emenies or friends
UXV certification -  sessions 23 - part 3 - agile and ux - emenies or friendsUXV certification -  sessions 23 - part 3 - agile and ux - emenies or friends
UXV certification - sessions 23 - part 3 - agile and ux - emenies or friends
 

UPA I srael event 2011- Ignite

  • 1.
  • 3.
  • 4.
  • 5. ‫1.מערכת לא מאיימת‬ ‫2.טיוב הזרימה בתוך המוצר‬ ‫3.בהירות ופשטות‬ ‫4.הקלה על תהליך הלימוד וההטמעה‬
  • 6.
  • 7. ‫ישן‬ ‫חדש‬
  • 8.
  • 9.
  • 10. 1 2
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. !
  • 16. 1 2
  • 17.
  • 18.
  • 19. ‫יותר קליקים זה לא בהכרח רע‬ ‫‪‬‬ ‫הרבה אויר בעמוד זה חשוב‬ ‫‪‬‬ ‫אל תיקחו פתרונות סטנדרטים כמובן מאיליו, יש אולי‬ ‫‪‬‬ ‫פתרון יותר טוב.‬ ‫לבדוק את הממשק מול משתמשים כשיש אפשרות‬ ‫‪‬‬ ‫לבצע שינויים ולהבין מה בדיוק בודקים‬
  • 20. ‫יועץ חווית משתמש, שמישות ושימושיות, מאפיין ומעצב אינטראקציה‬ ‫‪‬‬ ‫מלמד תוכנות, אתרים ואפליקציות כיצד להתנהג מעל ל81 שנה.‬ ‫‪‬‬ ‫מנחה במכון הטכנולוגי בחולון,‬ ‫‪‬‬ ‫מנחה ב ‪UX School‬‬ ‫‪‬‬
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. This patient has 6 80 5 9 4 3 11 12 14 seconds to live 13 7 1 10 15 2
  • 27.
  • 28.
  • 29. Headache in 6 80 5 9 4 3 11 12 14 13 7 1 10 15 2
  • 30.
  • 31.
  • 32.
  • 33. Better solution in 6 80 5 9 4 3 11 12 14 13 7 1 10 15 2
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 72.
  • 73.
  • 76. About 13,400,000 results (0.17 seconds)
  • 77. About 2,040,000 results (0.12 seconds)
  • 78.
  • 79. alex@
  • 80.
  • 81. ‫רגעי קסם פונקציונלים יכולים‬ ‫ליצור התמכרות‬
  • 82.
  • 84.
  • 85. ‫רגעי קסם יכולים להיות נקודות‬ ‫קטנות באינטראקציה או תהליכים‬ ‫ממושכים‬
  • 87. ‫התועלת יוצרת התמכרות‬ ‫ההפתעה מעוררת רגש‬ ‫ההדגשה הופכת את הרגע‬ ‫לבלתי נשכח‬
  • 88. quick corder quick corder ‫דוגמא‬
  • 89.
  • 90.
  • 91.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96. ‫דברים אטרקטיבים עובדים טוב יותר‬ ‫רגעי קסם פונקציונליים יוצרים התמכרות‬ ‫רגעי קסם יכולים להיות נקודות קטנות‬ ‫באינטראקציה או תהליכים ממושכים‬ ‫הרכיבים: היו מועילים; תפתיעו; תדגישו‬
  • 98.
  • 99. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫א נ ו ש‬ ‫ה נ ד ס ת‬
  • 100. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫בוקר אחד הוזמנו לפגישה...‬ ‫ראש הפרויקט ומהנדס המערכת הציגו לנו מפרט דרישות המערכת :‬ ‫המערכת: רכב שטח הכולל משגר טילים.‬ ‫נדרש איפיון לפאנל תפעול ירי הטילים.‬ ‫צריכים פתרון תפעולי פשוט להדגמה.‬ ‫אה... וביקשו גם שיראה כמובן טוב -‬ ‫ההדגמה הרי לצרכי שיווק...‬ ‫התמונה להמחשה בלבד‬
  • 101. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫ומה היה כתוב במפרט ?‬ ‫פאנל התפעול ימוקם בתא הקדמי של הרכב.‬ ‫מתן מענה למספר גדול של פונקציות למפעיל.‬ ‫המפעיל נדרש לבצע חלק מהפעולות תוך כדי תנועת הרכב.‬ ‫אילוצי מקום משמעותיים ברכב.‬ ‫מזוודה לניוד הידית‬ ‫מחשב נתון‬ ‫ידית נתונה‬ ‫והמחשב‬ ‫התמונה להמחשה בלבד‬ ‫התמונה להמחשה בלבד‬
  • 102. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫הלכנו לעשות ניתוח עיסוקים...‬ ‫ירדנו לשטח.‬ ‫פגשנו מפעילים אמיתיים בסביבה המבצעית.‬ ‫תצפתנו עליהם וראיינו אותם.‬ ‫ו... למדנו את המערכת הקיימת... >‬
  • 103. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫המשכנו את ניתוח עיסוקים...‬ ‫הגדרנו את שטף המשימה.‬ ‫פירקנו אותה לגורמים, והגדרנו את הפונקציות הנדרשות במערכת.‬ ‫ניתחנו את הפונקציות - ההיררכיה ביניהן, חשיבות, שכיחות וכו'.‬ ‫אפיינו את פרופיל המשתמש ואת סביבת העבודה.‬
  • 104. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫גיבשנו קונספט‬ ‫התבססנו על התובנות שהפקנו מניתוח העיסוקים וגיבשנו עקרונות תפעול למערכת.‬ ‫ניסינו לרגע לשים בצד את הפתרון שניתן במפרט הדרישות ואת האילוצים הראשונים‬ ‫וחשבנו מה "בתכל'ס" צריך...‬ ‫וזו המסקנה שהגענו אליה :‬
  • 105. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫ולמה ?‬ ‫יחידת תפעול אחידה למשימה.‬ ‫אפשר לנייד את זה בקלות.‬ ‫זה מקבץ את הפונקציות החשובות מתחת לידיים.‬ ‫(תפעול ‪ )Hands on Throttle and stick - HOTAS‬והשאר ב- ‪.GUI‬‬ ‫במהלך תנועת הרכב, המפעיל יכול לייצב את ידיו באמצעות הידיות.‬ ‫זה נראה טוב ופשוט לתפעול.‬
  • 106. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫אבל היו גם אילוצים...‬ ‫אילוץ‬
  • 107. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫אז השתמשנו בהם‬ ‫ה-‪ Laptop‬הזה יודע להפוך ל ‪.Tablet‬‬ ‫אפשר לחבר לו תחנת עגינה (‪ )Docking Station‬ואליה ניתן לחבר ידיות.‬
  • 108. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫ביצענו תכן מפורט ליחידת התפעול‬ ‫חילקנו את הפונקציות לפקדי חומרה ופקדי תוכנה.‬ ‫קיבצנו מספר פונקציות לתפעול משותף.‬ ‫עבור כל פונקציה התאמנו פקד מתאים לתפעול מיטבי.‬ ‫יחד עם מהנדסי המכונות והאלקטרוניקה שיבצנו‬ ‫בידיות את הפקדים.‬ ‫לסיום - ביצענו בדיקות שמישות עם המפעילים, ועדכנו‬ ‫את התכן בהתאם.‬
  • 109. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫ביצענו איפיון לממשק אדם מחשב‬ ‫המשכנו לאפיין בצורה מפורטת את ממשק האדם מחשב :‬ ‫לא מעט פונקציות ומצבי מערכת...‬ ‫צורך בהתאמת הממשק לתפעול בפאנל.‬ ‫מותאם לעבודה גם בתנועה.‬ ‫צורך בתפעול בשתי ידיים.‬ ‫תפעול בחלק מהשלבים במסך מגע.‬ ‫ו... כמובן רצו שיהיה ויראה פשוט.‬ ‫אתגר מעניין עם מרווח טעות קטן...‬
  • 110. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫ביצענו עיצוב למוצר‬ ‫נפגשנו עם המעצב התעשייתי, והוא עיצב לפי התכן שלנו...‬
  • 111. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫התוצר הסופי‬ ‫אב הטיפוס שימש במספר ניסויים והדגמות, וזכה לשבחים הן מצד המפעילים והפרויקט.‬
  • 112. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫והשילוב ברכב‬ ‫יחד עם מהנדסי המכונות, ביצענו תכנון ארגונומי של שילוב הפאנל ברכב.‬ ‫בנוסף, ביצענו תכן ארגונומי לטעינת הטילים בחלקו האחורי של הרכב.‬ ‫התמונה להמחשה בלבד‬
  • 113. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫רטרוספקטיבה‬ ‫התוצר הסופי‬ ‫דרישות הלקוח‬ ‫המוצר המקורי‬
  • 114. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫בשורה התחתונה...‬ ‫שילוב הנדסת אנוש בוצע מתחילת הפרויקט - איפשר השפעה מהותית על המוצר.‬ ‫יצירת הערך המוסף התאפשרה בזכות עבודת ניתוח, תכן ועיצוב ממוקדת משתמש.‬ ‫התוצר מביא לקפיצת מדרגה בתפעול, נותן מענה לדרישות הלקוח, ומשרת את אנשי השיווק.‬
  • 115. ‫א נ ו ש‬ ‫ה נ ד ס ת‬ ‫עיצוב המוצר‬ ‫תכן מפורט‬ ‫קונספט‬ ‫ניתוח‬ ‫דרישות‬ ‫התנעה‬ ‫תודה רבה !‬ ‫תחום הנדסת אנוש - רפאל‬
  • 116.
  • 117. ‫חווית משתמש –‬ ‫תוכנות לארגונים‬ ‫גדולים‬ ‫נורית פרס‬ ‫‪@nuritps‬‬
  • 118. ‫כמה מכם מעצבים חווית משתמש‬ ‫למשתמשים ארגוניים?‬ ‫811‬
  • 119. 119
  • 120. ‫בארגונים גדולים‬ ‫• הלקוחות ≠ משתמשים‬ ‫• חשיבות גדולה לפונקציונליות ומחיר‬ ‫021‬
  • 121. ‫מוצר קיים‬ ‫• התחשבות בהרגלי המשתמשים‬ ‫• פידבק מגיע ממשתמשים קיימים‬ ‫121‬
  • 122. ‫אפליקציה למפתחים‬ ‫• יתרונות: מכירים היטב את הפרסונה‬ ‫משתמש‬ ‫=‬ ‫מפתח‬ ‫221‬
  • 123. ‫מפתחים למפתחים‬ ‫משתמש שהוא מפתח‬ ‫≠‬ ‫מפתח‬ ‫• חסרונות: מניחים שמכירים היטב את הפרסונה‬ ‫321‬
  • 124. ‫אפליקציה‬ ‫לארגונים‬ ‫עומס‬ ‫מוצר קיים‬ ‫למפתחים‬ ‫421‬
  • 126. ‫מה קרה?‬ ‫התנסות עם אפליקציות רגילות‬ ‫השפיעו על משתמשים ולקוחות‬ ‫621‬
  • 127. ‫"שהחיפוש יעבוד כמו‬ ‫בגוגל"‬ ‫721‬
  • 128. ‫"ובכלל - חוויה כמו של‬ ‫אייפון"‬ ‫821‬
  • 129. 129
  • 130. ‫משוב מלקוחות‬ “The product can do just about anything, but to find out how to do, what you're looking for, can be very difficult” Unnecessary mouse-clicking and screens Labels are often truncated … (although) there is plenty of space on the screen Right clicking on an item should always produce a context menu Content is not always organized in an easy to manage way 130
  • 131. ‫משוב מלקוחות‬ What is your biggest pain? Time to Value 8% Functionality Usability / 11% UX 33% Other 17% Enterprise Readiness 31% 131
  • 132. ‫מה עושים?‬ ‫הכל טוב... הכל טוב...‬ ‫231‬
  • 133. 133
  • 135. ‫אפשרויות הניווט‬ 1. Tabs (at top) 2. ‘Views’ left bar 3. ‘View in panel 4. Tasks in panel 5. Popup menu 6. Search 7. ‘Tools’ icon 8. Breadcrumbs 135
  • 136. Menu Tabs (at top) ‘Views’ left bar ‘View in panel Tasks in panel Popup menu Search ‘Tools’ icon Breadcrumbs 136
  • 137. 137 Visual design by Reuven Yamrum
  • 138. 138
  • 139.
  • 140. ‫סיפורו של פדל‬ ‫נובמבר 1102‬