Interactive design

‫מבוא‬
‫לעיצוב‬
‫אינטראקטיבי‬
‫אינטראקטיב‬ ‫מתנס‬ / ‫להב‬ ‫ערן‬

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

‫המבוא‬ ‫תוכן‬‫עיצוב‬
‫רקע‬
‫חוויה‬
‫אינטראקטיב‬
‫והממשק‬ ‫המחשב‬
‫במשתמש‬ ‫לגעת‬
‫התהליך‬ ‫על‬ ‫קצת‬
‫רקע‬‫אינטראקטיב‬ ‫חוויה‬

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

? ‫הראשון‬ ‫המחשב‬ ‫נוצר‬ ‫מתי‬
‫ניקוב‬ ‫כרטיסי‬ ‫מחשבון‬‫ואניגמה‬ ‫קולוסוס‬

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

‫וג’ובס‬ ‫ווזיניאק‬‫מיקרו-מחשב‬
? ‫פרטי‬ ‫לבית‬ ‫להתאים‬ ‫יכול‬ ‫שהמחשב‬ ‫חשב‬ ‫מי‬

‫הראשון‬ ‫הגרפי‬ ‫הממשק‬
‫פקודה‬ ‫שורת‬
‫עיצוב‬

? ‫זנב‬ ‫עם‬ ‫קטן‬ ‫משהו‬
‘ ‫קליק‬ ‘
‫עיצוב‬

‫במחשב‬ ‫משתמשים‬ ‫כולם‬‫עיצוב‬

..‫ש‬ ‫גיק‬ ‫איזה‬ ‫הגיע‬ ‫ואז‬
‫לי‬ ‫ברנרס‬ ‫טים‬
‫עיצוב‬

‫ה‬ ‫נולד‬ 2007 ‫ב‬ ‫ש‬ ‫עד‬‫עיצוב‬

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

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

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

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

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

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

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

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

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

? ‫פרסונה‬ ‫מסמך‬ ‫נראה‬ ‫איך‬‫עיצוב‬

‫מפורט‬ ‫פרסונה‬ ‫מסמך‬‫עיצוב‬

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

‫העיצוב‬ ‫שכבות‬‫עיצוב‬

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

‫הזרימה‬ ‫תרחיש‬‫עיצוב‬

‫המחוות‬ ‫רשימת‬‫עיצוב‬

‫השלדי‬ ‫התרשים‬‫עיצוב‬

‫התהליך‬ ‫על‬ ‫קצת‬‫עיצוב‬

‫וטרנדים‬ ‫יכולות‬ ,‫שפות‬‫עיצוב‬

‫עיצוב‬
‫וטרנדים‬ ‫יכולות‬ ,‫שפות‬

‫שפה‬ ‫גיבוש‬‫עיצוב‬

‫שפה‬ ‫יישום‬‫עיצוב‬

‫לפיתוח‬ ‫הכנה‬‫עיצוב‬

‫מחקר‬
‫חוויה‬
‫גרפי‬
‫פיתוח‬
? ‫להשתמש‬ ‫האנשים‬ ‫את‬ ‫הביא‬ ‫מה‬
? ‫רוצה‬ ‫שלי‬ ‫המשתמש‬ ‫מה‬
? ‫לפונקציה‬ ‫מתאימה‬ ‫צורה‬ ‫איזה‬
‫המימוש‬ ‫שלמות‬

‫נתרגל‬ ‫בואו‬
.‫לבחירתו‬ ‫האפליקציה‬ ‫על‬ ‫חוויה‬ ‫דו”חות‬ ‫שלוש‬ ‫לאסוף‬ ‫אחד‬ ‫כל‬ ‫על‬
:‫כאשר‬ ,‫אנשים‬ ‫שלושה‬ ‫של‬ ‫לקבוצות‬ ‫נתחלק‬
‫עיצוב‬
.‫ושותק‬ ‫האפליקציה‬ ‫על‬ ‫מסביר‬ - ‫החוקר‬
.‫כדי‬ ‫תוך‬ ‫ומדבר‬ ‫האפליקציה‬ ‫את‬ ‫מתפעל‬ - ‫הנחקר‬
.‫הנחקר‬ ‫את‬ ‫ומתעד‬ ‫צופה‬ - ‫המתחקר‬

.‫רבה‬ ‫תודה‬
‫עיצוב‬

Interactive design

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (10)

Similaire à Interactive design

Similaire à Interactive design (20)

Plus de Eran Lahav

Plus de Eran Lahav (20)

Interactive design