upa i srael event 2011- ignite
TRANSCRIPT
יועץ עצמאי
מערכת לא מאיימת1.
טיוב הזרימה בתוך המוצר 2.
בהירות ופשטות3.
הקלה על תהליך הלימוד וההטמעה4.
חדש ישן
1
2
!
1
2
בהכרח רע לאיותר קליקים זה הרבה אויר בעמוד זה חשוב יש אולי , אל תיקחו פתרונות סטנדרטים כמובן מאיליו
.פתרון יותר טוב לבדוק את הממשק מול משתמשים כשיש אפשרות
לבצע שינויים ולהבין מה בדיוק בודקים
מאפיין ומעצב אינטראקציה, שמישות ושימושיות, יועץ חווית משתמש שנה 18אתרים ואפליקציות כיצד להתנהג מעל ל, מלמד תוכנות. מנחה במכון הטכנולוגי בחולון , מנחה בUX School
This patient has seconds to live 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1 0
Headache in 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1 0
Better solution in 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1 0
רגעי קסם
באינטראקציה
@ 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
דוגמא
דברים אטרקטיבים עובדים טוב יותר
רגעי קסם פונקציונליים יוצרים התמכרות
רגעי קסם יכולים להיות נקודות קטנות
באינטראקציה או תהליכים ממושכים
תדגישו; תפתיעו; היו מועילים: הרכיבים
ה נ ד ס ת א נ ו ש
ה נ ד ס ת א נ ו ש
ה נ ד ס ת א נ ו ש
...בוקר אחד הוזמנו לפגישה
:ראש הפרויקט ומהנדס המערכת הציגו לנו מפרט דרישות המערכת
.רכב שטח הכולל משגר טילים: המערכת
. נדרש איפיון לפאנל תפעול ירי הטילים
.צריכים פתרון תפעולי פשוט להדגמה
-וביקשו גם שיראה כמובן טוב ... אה
...ההדגמה הרי לצרכי שיווק
דרישות ניתוח קונספט תכן מפורט עיצוב המוצר התנעה
התמונה להמחשה בלבד
ה נ ד ס ת א נ ו ש
.פאנל התפעול ימוקם בתא הקדמי של הרכב
.מתן מענה למספר גדול של פונקציות למפעיל
.המפעיל נדרש לבצע חלק מהפעולות תוך כדי תנועת הרכב
.אילוצי מקום משמעותיים ברכב
ידית נתונה מחשב נתון מזוודה לניוד הידית
והמחשב
?ומה היה כתוב במפרט
ניתוח קונספט תכן מפורט עיצוב המוצר דרישות התנעה
התמונה להמחשה בלבד התמונה להמחשה בלבד
ה נ ד ס ת א נ ו ש
.ירדנו לשטח
.מבצעיתבסביבה ה אמיתייםפגשנו מפעילים
.תצפתנו עליהם וראיינו אותם
<... למדנו את המערכת הקיימת... ו
...הלכנו לעשות ניתוח עיסוקים
קונספט תכן מפורט עיצוב המוצר ניתוחדרישות התנעה
ה נ ד ס ת א נ ו ש
.הגדרנו את שטף המשימה
.והגדרנו את הפונקציות הנדרשות במערכת, פירקנו אותה לגורמים
.'שכיחות וכו, חשיבות, ההיררכיה ביניהן -ניתחנו את הפונקציות
.אפיינו את פרופיל המשתמש ואת סביבת העבודה
...המשכנו את ניתוח עיסוקים
קונספט תכן מפורט עיצוב המוצר ניתוחדרישות התנעה
ה נ ד ס ת א נ ו ש
.התבססנו על התובנות שהפקנו מניתוח העיסוקים וגיבשנו עקרונות תפעול למערכת
ניסינו לרגע לשים בצד את הפתרון שניתן במפרט הדרישות ואת האילוצים הראשונים
...צריך" ס'בתכל"וחשבנו מה
:וזו המסקנה שהגענו אליה
גיבשנו קונספט
תכן מפורט עיצוב המוצר קונספטדרישות ניתוח התנעה
ה נ ד ס ת א נ ו ש
. למשימהאחידה יחידת תפעול
.אפשר לנייד את זה בקלות
.זה מקבץ את הפונקציות החשובות מתחת לידיים
.GUI -והשאר ב( HOTAS - Hands on Throttle and stickתפעול )
.המפעיל יכול לייצב את ידיו באמצעות הידיות, במהלך תנועת הרכב
.זה נראה טוב ופשוט לתפעול
?ולמה
תכן מפורט עיצוב המוצר קונספטדרישות ניתוח התנעה
ה נ ד ס ת א נ ו ש
...אבל היו גם אילוצים
אילוץ
תכן מפורט עיצוב המוצר קונספטדרישות ניתוח התנעה
ה נ ד ס ת א נ ו ש
אז השתמשנו בהם
.Tabletהזה יודע להפוך ל Laptop-ה
.ואליה ניתן לחבר ידיות( Docking Station)אפשר לחבר לו תחנת עגינה
תכן מפורט עיצוב המוצר קונספטדרישות ניתוח התנעה
ה נ ד ס ת א נ ו ש
.חילקנו את הפונקציות לפקדי חומרה ופקדי תוכנה
.קיבצנו מספר פונקציות לתפעול משותף
.עבור כל פונקציה התאמנו פקד מתאים לתפעול מיטבי
יחד עם מהנדסי המכונות והאלקטרוניקה שיבצנו
.בידיות את הפקדים
ועדכנו , ביצענו בדיקות שמישות עם המפעילים -לסיום
.את התכן בהתאם
ביצענו תכן מפורט ליחידת התפעול
עיצוב המוצרתכן מפורט דרישות ניתוח קונספט התנעה
ה נ ד ס ת א נ ו ש
:המשכנו לאפיין בצורה מפורטת את ממשק האדם מחשב
ביצענו איפיון לממשק אדם מחשב
עיצוב המוצר תכן מפורט דרישות ניתוח קונספט התנעה
...לא מעט פונקציות ומצבי מערכת
.צורך בהתאמת הממשק לתפעול בפאנל
.מותאם לעבודה גם בתנועה
.צורך בתפעול בשתי ידיים
.תפעול בחלק מהשלבים במסך מגע
.כמובן רצו שיהיה ויראה פשוט... ו
...אתגר מעניין עם מרווח טעות קטן
ה נ ד ס ת א נ ו ש
...והוא עיצב לפי התכן שלנו, נפגשנו עם המעצב התעשייתי
ביצענו עיצוב למוצר
עיצוב המוצר דרישות ניתוח קונספט תכן מפורט התנעה
ה נ ד ס ת א נ ו ש
התוצר הסופי
.וזכה לשבחים הן מצד המפעילים והפרויקט, אב הטיפוס שימש במספר ניסויים והדגמות
עיצוב המוצר דרישות ניתוח קונספט תכן מפורט התנעה
ה נ ד ס ת א נ ו ש
.ביצענו תכנון ארגונומי של שילוב הפאנל ברכב, יחד עם מהנדסי המכונות
.ביצענו תכן ארגונומי לטעינת הטילים בחלקו האחורי של הרכב, בנוסף
והשילוב ברכב
עיצוב המוצר דרישות ניתוח קונספט תכן מפורט התנעה
התמונה להמחשה בלבד
ה נ ד ס ת א נ ו ש
רטרוספקטיבה
התוצר הסופי המוצר המקורי דרישות הלקוח
עיצוב המוצר תכן מפורט קונספט ניתוח דרישות התנעה
ה נ ד ס ת א נ ו ש
.איפשר השפעה מהותית על המוצר -בוצע מתחילת הפרויקט שילוב הנדסת אנוש
.ממוקדת משתמשתכן ועיצוב , יצירת הערך המוסף התאפשרה בזכות עבודת ניתוח
.ומשרת את אנשי השיווק, נותן מענה לדרישות הלקוח, מביא לקפיצת מדרגה בתפעולהתוצר
...בשורה התחתונה
עיצוב המוצר תכן מפורט קונספט ניתוח דרישות התנעה
ה נ ד ס ת א נ ו ש
!תודה רבה
רפאל -תחום הנדסת אנוש
דרישות ניתוח קונספט תכן מפורט עיצוב המוצר התנעה
–חווית משתמש
תוכנות לארגונים
גדולים נורית פרס
@nuritps
118 118
כמה מכם מעצבים חווית משתמש
?למשתמשים ארגוניים
119 119
120 120
בארגונים גדולים
משתמשים≠ הלקוחות •
חשיבות גדולה לפונקציונליות ומחיר•
121 121
מוצר קיים
התחשבות בהרגלי המשתמשים•
פידבק מגיע ממשתמשים קיימים•
122 122
אפליקציה למפתחים
מכירים היטב את הפרסונה: יתרונות•
משתמש מפתח =
123 123
מפתחים למפתחים
מניחים שמכירים היטב את הפרסונה : חסרונות•
משתמש שהוא מפתח מפתח ≠
124 124
אפליקציה לארגונים
מוצר קיים
למפתחים
עומס
125 125
?איפה היער
126 126
התנסות עם אפליקציות רגילות
השפיעו על משתמשים ולקוחות
?מה קרה
127 127
שהחיפוש יעבוד כמו " "בגוגל
128 128
כמו של חוויה -ובכלל " "אייפון
129
130 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
131 131
משוב מלקוחות
What is your biggest pain?
Time to Value 8%
Functionality 11%
Other 17%
Enterprise Readiness
31%
Usability / UX
33%
132 132
?מה עושים
...הכל טוב... הכל טוב
133 133
134 134
יש הרבה מהכל
135 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
136 136
Breadcrumbs
Tabs (at top)
‘Views’ left bar
‘View in panel
Tasks in panel
Popup menu
Search
‘Tools’ icon
Menu
137 137
Visual design by Reuven Yamrum
138 138
סיפורו של פדל
2011נובמבר
...המשתמש
...המשתמש
...המצב הקיים
...המצב הקיים
...הבעיות
...החיפוש
מחפשים פתרונות
המועמדים
...לפני הבחינה
...הבחינה
...הבחינה
...התוצאות
...המסקנות
(...כמעט)תצורה סופית
תודה