UPA I srael event 2011- Ignite

154

Transcript of UPA I srael event 2011- Ignite

Page 1: UPA I srael  event 2011- Ignite
Page 2: UPA I srael  event 2011- Ignite

יועץ עצמאי

Page 3: UPA I srael  event 2011- Ignite
Page 4: UPA I srael  event 2011- Ignite
Page 5: UPA I srael  event 2011- Ignite

מערכת לא מאיימת1.

טיוב הזרימה בתוך המוצר 2.

בהירות ופשטות3.

הקלה על תהליך הלימוד וההטמעה4.

Page 6: UPA I srael  event 2011- Ignite
Page 7: UPA I srael  event 2011- Ignite

חדש ישן

Page 8: UPA I srael  event 2011- Ignite
Page 9: UPA I srael  event 2011- Ignite
Page 10: UPA I srael  event 2011- Ignite

1

2

Page 11: UPA I srael  event 2011- Ignite
Page 12: UPA I srael  event 2011- Ignite
Page 13: UPA I srael  event 2011- Ignite
Page 14: UPA I srael  event 2011- Ignite
Page 15: UPA I srael  event 2011- Ignite

!

Page 16: UPA I srael  event 2011- Ignite

1

2

Page 17: UPA I srael  event 2011- Ignite
Page 18: UPA I srael  event 2011- Ignite
Page 19: UPA I srael  event 2011- Ignite

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

.פתרון יותר טוב לבדוק את הממשק מול משתמשים כשיש אפשרות

לבצע שינויים ולהבין מה בדיוק בודקים

Page 20: UPA I srael  event 2011- Ignite

מאפיין ומעצב אינטראקציה, שמישות ושימושיות, יועץ חווית משתמש שנה 18אתרים ואפליקציות כיצד להתנהג מעל ל, מלמד תוכנות. מנחה במכון הטכנולוגי בחולון , מנחה בUX School

Page 21: UPA I srael  event 2011- Ignite
Page 22: UPA I srael  event 2011- Ignite
Page 23: UPA I srael  event 2011- Ignite
Page 24: UPA I srael  event 2011- Ignite
Page 25: UPA I srael  event 2011- Ignite
Page 26: UPA I srael  event 2011- Ignite

This patient has seconds to live 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1 0

Page 27: UPA I srael  event 2011- Ignite
Page 28: UPA I srael  event 2011- Ignite
Page 29: UPA I srael  event 2011- Ignite

Headache in 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1 0

Page 30: UPA I srael  event 2011- Ignite
Page 31: UPA I srael  event 2011- Ignite
Page 32: UPA I srael  event 2011- Ignite
Page 33: UPA I srael  event 2011- Ignite

Better solution in 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1 0

Page 34: UPA I srael  event 2011- Ignite
Page 35: UPA I srael  event 2011- Ignite
Page 36: UPA I srael  event 2011- Ignite
Page 37: UPA I srael  event 2011- Ignite
Page 38: UPA I srael  event 2011- Ignite
Page 39: UPA I srael  event 2011- Ignite
Page 40: UPA I srael  event 2011- Ignite
Page 41: UPA I srael  event 2011- Ignite
Page 42: UPA I srael  event 2011- Ignite
Page 43: UPA I srael  event 2011- Ignite
Page 44: UPA I srael  event 2011- Ignite
Page 45: UPA I srael  event 2011- Ignite
Page 46: UPA I srael  event 2011- Ignite
Page 47: UPA I srael  event 2011- Ignite
Page 48: UPA I srael  event 2011- Ignite
Page 49: UPA I srael  event 2011- Ignite
Page 50: UPA I srael  event 2011- Ignite
Page 51: UPA I srael  event 2011- Ignite
Page 52: UPA I srael  event 2011- Ignite
Page 53: UPA I srael  event 2011- Ignite
Page 54: UPA I srael  event 2011- Ignite
Page 55: UPA I srael  event 2011- Ignite
Page 56: UPA I srael  event 2011- Ignite
Page 57: UPA I srael  event 2011- Ignite
Page 58: UPA I srael  event 2011- Ignite
Page 59: UPA I srael  event 2011- Ignite
Page 60: UPA I srael  event 2011- Ignite
Page 61: UPA I srael  event 2011- Ignite
Page 62: UPA I srael  event 2011- Ignite
Page 63: UPA I srael  event 2011- Ignite
Page 64: UPA I srael  event 2011- Ignite
Page 65: UPA I srael  event 2011- Ignite
Page 66: UPA I srael  event 2011- Ignite
Page 67: UPA I srael  event 2011- Ignite
Page 68: UPA I srael  event 2011- Ignite
Page 69: UPA I srael  event 2011- Ignite
Page 70: UPA I srael  event 2011- Ignite
Page 71: UPA I srael  event 2011- Ignite

רגעי קסם

באינטראקציה

@ UPA ISRAEL

Page 72: UPA I srael  event 2011- Ignite
Page 73: UPA I srael  event 2011- Ignite
Page 74: UPA I srael  event 2011- Ignite

Attractive things

work better

D. Norman

Page 75: UPA I srael  event 2011- Ignite

BlackBerry Curve

Q1 2009

Page 76: UPA I srael  event 2011- Ignite

About 13,400,000 results (0.17 seconds)

Page 77: UPA I srael  event 2011- Ignite

About 2,040,000 results (0.12 seconds)

Page 78: UPA I srael  event 2011- Ignite
Page 79: UPA I srael  event 2011- Ignite

alex@

Page 80: UPA I srael  event 2011- Ignite
Page 81: UPA I srael  event 2011- Ignite

רגעי קסם פונקציונלים יכולים

ליצור התמכרות

Page 82: UPA I srael  event 2011- Ignite
Page 83: UPA I srael  event 2011- Ignite

?"רגע"מה הוא

Page 84: UPA I srael  event 2011- Ignite
Page 85: UPA I srael  event 2011- Ignite

רגעי קסם יכולים להיות נקודות

קטנות באינטראקציה או תהליכים

ממושכים

Page 86: UPA I srael  event 2011- Ignite

...אין ספר הדרכה

Page 87: UPA I srael  event 2011- Ignite

התועלת יוצרת התמכרות

ההפתעה מעוררת רגש

ההדגשה הופכת את הרגע

לבלתי נשכח

Page 88: UPA I srael  event 2011- Ignite

quick corder

quick corder

דוגמא

Page 89: UPA I srael  event 2011- Ignite
Page 90: UPA I srael  event 2011- Ignite
Page 91: UPA I srael  event 2011- Ignite
Page 92: UPA I srael  event 2011- Ignite
Page 93: UPA I srael  event 2011- Ignite
Page 94: UPA I srael  event 2011- Ignite
Page 95: UPA I srael  event 2011- Ignite
Page 96: UPA I srael  event 2011- Ignite

דברים אטרקטיבים עובדים טוב יותר

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

רגעי קסם יכולים להיות נקודות קטנות

באינטראקציה או תהליכים ממושכים

תדגישו; תפתיעו; היו מועילים: הרכיבים

Page 98: UPA I srael  event 2011- Ignite
Page 99: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

ה נ ד ס ת א נ ו ש

Page 100: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

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

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

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

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

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

-וביקשו גם שיראה כמובן טוב ... אה

...ההדגמה הרי לצרכי שיווק

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

התמונה להמחשה בלבד

Page 101: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

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

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

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

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

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

והמחשב

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

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

התמונה להמחשה בלבד התמונה להמחשה בלבד

Page 102: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

.ירדנו לשטח

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

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

<... למדנו את המערכת הקיימת... ו

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

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

Page 103: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

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

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

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

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

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

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

Page 104: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

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

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

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

:וזו המסקנה שהגענו אליה

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

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

Page 105: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

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

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

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

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

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

.זה נראה טוב ופשוט לתפעול

?ולמה

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

Page 106: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

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

אילוץ

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

Page 107: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

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

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

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

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

Page 108: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

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

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

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

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

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

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

.את התכן בהתאם

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

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

Page 109: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

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

ביצענו איפיון לממשק אדם מחשב

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

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

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

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

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

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

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

...אתגר מעניין עם מרווח טעות קטן

Page 110: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

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

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

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

Page 111: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

התוצר הסופי

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

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

Page 112: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

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

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

והשילוב ברכב

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

התמונה להמחשה בלבד

Page 113: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

רטרוספקטיבה

התוצר הסופי המוצר המקורי דרישות הלקוח

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

Page 114: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

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

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

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

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

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

Page 115: UPA I srael  event 2011- Ignite

ה נ ד ס ת א נ ו ש

!תודה רבה

רפאל -תחום הנדסת אנוש

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

Page 116: UPA I srael  event 2011- Ignite
Page 117: UPA I srael  event 2011- Ignite

–חווית משתמש

תוכנות לארגונים

גדולים נורית פרס

@nuritps

Page 118: UPA I srael  event 2011- Ignite

118 118

כמה מכם מעצבים חווית משתמש

?למשתמשים ארגוניים

Page 119: UPA I srael  event 2011- Ignite

119 119

Page 120: UPA I srael  event 2011- Ignite

120 120

בארגונים גדולים

משתמשים≠ הלקוחות •

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

Page 121: UPA I srael  event 2011- Ignite

121 121

מוצר קיים

התחשבות בהרגלי המשתמשים•

פידבק מגיע ממשתמשים קיימים•

Page 122: UPA I srael  event 2011- Ignite

122 122

אפליקציה למפתחים

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

משתמש מפתח =

Page 123: UPA I srael  event 2011- Ignite

123 123

מפתחים למפתחים

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

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

Page 124: UPA I srael  event 2011- Ignite

124 124

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

מוצר קיים

למפתחים

עומס

Page 125: UPA I srael  event 2011- Ignite

125 125

?איפה היער

Page 126: UPA I srael  event 2011- Ignite

126 126

התנסות עם אפליקציות רגילות

השפיעו על משתמשים ולקוחות

?מה קרה

Page 127: UPA I srael  event 2011- Ignite

127 127

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

Page 128: UPA I srael  event 2011- Ignite

128 128

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

Page 129: UPA I srael  event 2011- Ignite

129

Page 130: UPA I srael  event 2011- Ignite

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

Page 131: UPA I srael  event 2011- Ignite

131 131

משוב מלקוחות

What is your biggest pain?

Time to Value 8%

Functionality 11%

Other 17%

Enterprise Readiness

31%

Usability / UX

33%

Page 132: UPA I srael  event 2011- Ignite

132 132

?מה עושים

...הכל טוב... הכל טוב

Page 133: UPA I srael  event 2011- Ignite

133 133

Page 134: UPA I srael  event 2011- Ignite

134 134

יש הרבה מהכל

Page 135: UPA I srael  event 2011- Ignite

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

Page 136: UPA I srael  event 2011- Ignite

136 136

Breadcrumbs

Tabs (at top)

‘Views’ left bar

‘View in panel

Tasks in panel

Popup menu

Search

‘Tools’ icon

Menu

Page 137: UPA I srael  event 2011- Ignite

137 137

Visual design by Reuven Yamrum

Page 138: UPA I srael  event 2011- Ignite

138 138

Page 139: UPA I srael  event 2011- Ignite
Page 140: UPA I srael  event 2011- Ignite

סיפורו של פדל

2011נובמבר

Page 141: UPA I srael  event 2011- Ignite

...המשתמש

Page 142: UPA I srael  event 2011- Ignite

...המשתמש

Page 143: UPA I srael  event 2011- Ignite

...המצב הקיים

Page 144: UPA I srael  event 2011- Ignite

...המצב הקיים

Page 145: UPA I srael  event 2011- Ignite

...הבעיות

Page 146: UPA I srael  event 2011- Ignite

...החיפוש

מחפשים פתרונות

Page 147: UPA I srael  event 2011- Ignite

המועמדים

Page 148: UPA I srael  event 2011- Ignite

...לפני הבחינה

Page 149: UPA I srael  event 2011- Ignite

...הבחינה

Page 150: UPA I srael  event 2011- Ignite

...הבחינה

Page 151: UPA I srael  event 2011- Ignite

...התוצאות

Page 152: UPA I srael  event 2011- Ignite

...המסקנות

Page 153: UPA I srael  event 2011- Ignite

(...כמעט)תצורה סופית

Page 154: UPA I srael  event 2011- Ignite

תודה