Interactive design

439 views

Published on

Some Intro to UX + GUI that I've gave last week

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
439
On SlideShare
0
From Embeds
0
Number of Embeds
24
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Interactive design

  1. 1. ‫מבוא‬‫לעיצוב‬‫אינטראקטיבי‬‫אינטראקטיב‬ ‫מתנס‬ / ‫להב‬ ‫ערן‬
  2. 2. ‫המפגש‬ ‫תוכן‬‫הפונקציה‬‫התנסות‬‫המקצוע‬‫עיצוב‬‫אפליקציות‬? ‫אינטראקטיבי‬ ‫עיצוב‬ ‫זה‬ ‫מה‬? ‫משתמש‬ ‫חווית‬ ‫מהי‬‫המתחיל‬ ‫למעצב‬ ‫טיפים‬
  3. 3. ‫המבוא‬ ‫תוכן‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫חוויה‬‫אינטראקטיב‬‫והממשק‬ ‫המחשב‬‫במשתמש‬ ‫לגעת‬‫התהליך‬ ‫על‬ ‫קצת‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  4. 4. ‫היסטוריה‬ ‫קצת‬‫עיצוב‬‫אפליקציות‬? ‫המחשב‬ ‫לפני‬ ‫לחפץ‬ ‫אדם‬ ‫בין‬ ‫הקשר‬ ‫היה‬ ‫מה‬‫כלי‬ ‫חשבונייה‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  5. 5. ? ‫הראשון‬ ‫המחשב‬ ‫נוצר‬ ‫מתי‬‫ניקוב‬ ‫כרטיסי‬ ‫מחשבון‬‫ואניגמה‬ ‫קולוסוס‬‫היסטוריה‬ ‫קצת‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  6. 6. ? ‫המדרגה‬ ‫קפיצת‬ ‫היתה‬ ‫מה‬‫מודפס‬ ‫מעגל‬ ‫טרנזיסטור‬‫הראשון‬ ‫המסחרי‬ ‫המחשב‬‫היסטוריה‬ ‫קצת‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  7. 7. ‫וג’ובס‬ ‫ווזיניאק‬‫מיקרו-מחשב‬‫היסטוריה‬ ‫קצת‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬? ‫פרטי‬ ‫לבית‬ ‫להתאים‬ ‫יכול‬ ‫שהמחשב‬ ‫חשב‬ ‫מי‬
  8. 8. ‫הראשון‬ ‫הגרפי‬ ‫הממשק‬‫פקודה‬ ‫שורת‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  9. 9. ? ‫זנב‬ ‫עם‬ ‫קטן‬ ‫משהו‬‘ ‫קליק‬ ‘‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  10. 10. ‫במחשב‬ ‫משתמשים‬ ‫כולם‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  11. 11. ..‫ש‬ ‫גיק‬ ‫איזה‬ ‫הגיע‬ ‫ואז‬‫לי‬ ‫ברנרס‬ ‫טים‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  12. 12. ‫ה‬ ‫נולד‬ 2007 ‫ב‬ ‫ש‬ ‫עד‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  13. 13. ‫הזמן‬ ‫רוח‬194519752005‫ניקוב‬ ‫כרטיסי‬‫פיזי‬ ‫ממשק‬‫גרפי‬ ‫ממשק‬‫אינטרנט‬‫הניידים‬‫פרטי‬ ‫שימוש‬‫מסחרי‬ ‫שימוש‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  14. 14. ‫סיכום‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬‫המכונה‬ ‫תפעול‬‫בתוכנה‬ ‫שימוש‬‫המשימה‬ ‫ביצוע‬‫בחוויה‬ ‫להתנסות‬‫צבאי‬ ,‫נעה‬ ‫מכונה‬ ,‫היוצר‬‫תאגידים‬ ,‫חישוב‬ ‫מכונת‬ ,‫המהנדס‬‫עסקים‬ ,‫עבודה‬ ‫כלי‬ ,‫המומחה‬‫הפרט‬ ,‫הכל‬ ‫כמעט‬ ,‫המשתמש‬
  15. 15. ‫החוויה‬ ‫מעגל‬‫פלט‬‫תפיסה‬‫קלט‬‫ביצוע‬‫פענוח‬‫הערכה‬‫תכנון‬‫כוונה‬‫רצון‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬‫משתמש‬‫המכונה‬‫הערכה‬‫השמה‬
  16. 16. ‫במרכז‬ ‫למשתמש‬ ‫בעיצוב‬ ‫בסיס‬ ‫מושגי‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬‫יעד‬ ‫קהל‬‫משתמש‬‫פרסונה‬‫פרטים‬ ‫של‬ ‫קבוצה‬‫במוצר‬ ‫המשתמש‬ ‫אדם‬”‫הממוצע‬ ‫ה”משתמש‬ ‫דמות‬
  17. 17. ‫היעד‬ ‫קהל‬‫ראשי‬‫משני‬‫נוסף‬‫פילוח‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  18. 18. ‫ה‬‫מ‬‫י‬‫ר‬‫ז‬‫ניסיון‬‫מכיר‬‫מתחיל‬‫מומחה‬‫קושי‬ ‫רמת‬‫מתמצא‬‫יכולות‬- +‫אתגרים‬+-‫חרדה‬‫שיעמום‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  19. 19. ‫במרכז‬ ‫המשתמש‬‫הלקוח‬ ‫רצון‬ ‫בשביעות‬ ‫תלויה‬ ‫העסק‬ ‫הצלחת‬‫ישיר‬ ‫מגע‬ ‫מצריכה‬ ‫הלקוח‬ ‫הכרת‬‫לפעולה‬ ‫להפוך‬ ‫חייב‬ ‫ידע‬‫המשתמש‬ ‫לא‬ ‫אני‬?‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  20. 20. ‫מחקר‬ ‫שיטות‬‫ראיונות‬‫מבדקים‬‫תצפיות‬‫סקרים‬‫אנליטיקס‬‫איכותני‬‫כמותני‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  21. 21. ‫המשתמש‬ ‫מאפייני‬‫ערכים‬‫מאפיינים‬‫דאגות‬‫יעדים‬‫לדעת‬ ,‫להכין‬ ,‫למצוא‬‫פעולות‬‫מקצוע‬ ,‫גיל‬ ,‫שם‬‫פרטים‬‫מינימליסטי‬ ,‫זול‬ ,‫חזק‬‫תואר‬ ‫שמות‬‫כספית‬ ‫עלות‬ ,‫מוקדם‬ ‫ידע‬‫תנאים‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  22. 22. ? ‫פרסונה‬ ‫מסמך‬ ‫נראה‬ ‫איך‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  23. 23. ‫מפורט‬ ‫פרסונה‬ ‫מסמך‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  24. 24. ‫סיכום‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬‫היעד‬ ‫קהל‬‫משתמש‬‫פרסונה‬‫ניצחון‬ ‫תחושת‬? ‫מענה‬ ‫נותן‬ ‫שלי‬ ‫העסק/המוצר‬ ‫למי‬? ‫אותו‬ ‫שצורך‬ ‫הפרט‬ ‫מי‬? ‫להם‬ ‫משותף‬ ‫מה‬? ‫רצון‬ ‫שביעות‬ ‫להם‬ ‫יגרום‬ ‫מה‬
  25. 25. ‫העיצוב‬ ‫שכבות‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  26. 26. ‫האפליקציה‬ ‫מפת‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  27. 27. ‫הזרימה‬ ‫תרחיש‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  28. 28. ‫המחוות‬ ‫רשימת‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  29. 29. ‫השלדי‬ ‫התרשים‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  30. 30. ‫השלדי‬ ‫התרשים‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  31. 31. ‫השלדי‬ ‫התרשים‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  32. 32. ‫התהליך‬ ‫על‬ ‫קצת‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  33. 33. ‫וטרנדים‬ ‫יכולות‬ ,‫שפות‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  34. 34. ‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬‫וטרנדים‬ ‫יכולות‬ ,‫שפות‬
  35. 35. ‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬‫וטרנדים‬ ‫יכולות‬ ,‫שפות‬
  36. 36. ‫שפה‬ ‫גיבוש‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  37. 37. ‫שפה‬ ‫יישום‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  38. 38. ‫לפיתוח‬ ‫הכנה‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  39. 39. ‫לפיתוח‬ ‫הכנה‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬
  40. 40. ‫סיכום‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬‫מחקר‬‫חוויה‬‫גרפי‬‫פיתוח‬? ‫להשתמש‬ ‫האנשים‬ ‫את‬ ‫הביא‬ ‫מה‬? ‫רוצה‬ ‫שלי‬ ‫המשתמש‬ ‫מה‬? ‫לפונקציה‬ ‫מתאימה‬ ‫צורה‬ ‫איזה‬‫המימוש‬ ‫שלמות‬
  41. 41. ‫נתרגל‬ ‫בואו‬.‫לבחירתו‬ ‫האפליקציה‬ ‫על‬ ‫חוויה‬ ‫דו”חות‬ ‫שלוש‬ ‫לאסוף‬ ‫אחד‬ ‫כל‬ ‫על‬:‫כאשר‬ ,‫אנשים‬ ‫שלושה‬ ‫של‬ ‫לקבוצות‬ ‫נתחלק‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬.‫ושותק‬ ‫האפליקציה‬ ‫על‬ ‫מסביר‬ - ‫החוקר‬.‫כדי‬ ‫תוך‬ ‫ומדבר‬ ‫האפליקציה‬ ‫את‬ ‫מתפעל‬ - ‫הנחקר‬.‫הנחקר‬ ‫את‬ ‫ומתעד‬ ‫צופה‬ - ‫המתחקר‬
  42. 42. .‫רבה‬ ‫תודה‬‫עיצוב‬‫אפליקציות‬‫רקע‬‫אינטראקטיב‬ ‫חוויה‬

×