upa i srael event 2011- ignite

יועץ עצמאי

מערכת לא מאיימת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

דוגמא

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

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

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

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

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

www.UXelements.com

alex@uxelements.com

ה נ ד ס ת א נ ו ש

ה נ ד ס ת א נ ו ש

ה נ ד ס ת א נ ו ש

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

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

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

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

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

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

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

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

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

ה נ ד ס ת א נ ו ש

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

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

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

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

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

והמחשב

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

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

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

ה נ ד ס ת א נ ו ש

.ירדנו לשטח

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

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

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

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

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

ה נ ד ס ת א נ ו ש

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

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

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

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

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

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

ה נ ד ס ת א נ ו ש

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

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

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

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

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

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

ה נ ד ס ת א נ ו ש

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

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

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

.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נובמבר

...המשתמש

...המשתמש

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

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

...הבעיות

...החיפוש

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

המועמדים

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

...הבחינה

...הבחינה

...התוצאות

...המסקנות

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

תודה