Your SlideShare is downloading. ×
  • Like
  • Save
Interactive design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Interactive design

  • 186 views
Published

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

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

Published in Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
186
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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