Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

The interface is the brand

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Cargando en…3
×

Eche un vistazo a continuación

1 de 104 Anuncio
Anuncio

Más Contenido Relacionado

A los espectadores también les gustó (16)

Similares a The interface is the brand (20)

Anuncio

The interface is the brand

  1. 1. THE INTERFACE IS THE BRAND IS THE EXPERIENCE ‫שקפים‬100
  2. 2. ‫מילים‬ ‫כמה‬ - UI ‫מילים‬ ‫כמה‬ - UX ‫הקודמים‬ ‫לשניים‬ ‫קשור‬ ‫הוא‬ ‫ואיך‬ ‫הזה‬ ‫הדבר‬ ‫זה‬ ‫מה‬ - ‫מותג‬ UX ‫אנשי‬ ‫של‬ ‫התפקיד‬ ‫על‬ ‫מחשובת‬ - ‫השלושה‬ ‫בין‬ ‫הקשר‬
  3. 3. UI‫ממשק‬ INTERFACE
  4. 4. ‫תקשורת‬ ‫מכניזם‬ ‫של‬ ‫סוג‬ ‫הוא‬ ‫ממשק‬ ‫ל״משהו״‬ ‫אדם‬ ‫בין‬ ‫שמתווך‬ .‫אדם‬ ‫בן‬ ‫אפילו‬ ,‫חברה‬ ,‫שירות‬ ,‫מוצר‬ = ‫״משהו״‬
  5. 5. ‫תפקיד‬ ‫יש‬ ‫לממשק‬ .‫הסברתי‬ ‫דברים‬ ‫להפעיל‬ ‫איך‬ ‫לנו‬ ‫מתאר‬ ‫הוא‬ .‫ומשמעויות‬ ‫התפקידים‬ ‫את‬ ‫ומסביר‬
  6. 6. ‫של‬ ‫כשלון‬ ‫או‬ ‫להצלחה‬ ‫ישירה‬ ‫השפעה‬ ‫יש‬ ‫ממשק‬ .‫המשתמש‬ ‫של‬ ‫החוויה‬ ‫על‬ !
  7. 7. ‫על‬ ‫חלים‬ ‫אלה‬ ‫עקרונות‬ ‫פיזיים‬ ‫ממשקים‬ .‫כאחד‬ ‫ודיגיטאלים‬
  8. 8. UXuser experience EXPERIENCE
  9. 9. ‫האחרונות‬ ‫שנים‬ 15‫ב‬ ‫משתמש‬ ‫חויית‬ ‫מעצב/מאפיין‬ UX designer/specialist ‫מקצוע‬ ‫נולד‬
  10. 10. ★‫האינטרנט‬ ‫של‬ ‫החדירה‬
  11. 11. ★‫האינטרנט‬ ‫של‬ ‫החדירה‬
  12. 12. ‫משתמשים‬ ‫של‬ ‫בחוויה‬ ‫העיסוק‬ .‫למקצוע‬ ‫קדם‬ ..‫סיפורים‬ ‫מספרי‬ ,‫ארכיטקטים‬ ,‫מהנדסים‬ ‫של‬ ‫בידייהם‬ ‫היה‬ ‫הוא‬
  13. 13. 1795 ‫ב‬ ‫עוד‬ ‫משתמש‬ ‫בחווית‬ ‫עסק‬
  14. 14. mouse Doug Englebart 1964
  15. 15. 16 ‫רגשות‬ ‫מעורר‬ ‫בעיות‬ ‫של‬ ‫ומפתיע‬ ‫יצירתי‬ ‫פתרון‬ ‫עמדה‬ ‫לנקוט‬ ‫לנו‬ ‫וגורם‬ .‫וחיבה‬
  16. 16. • - UX• ‫המקצוע‬ ‫על‬ ‫מילים‬ ‫כמה‬
  17. 17. 75% Discovering problems 20% Information Architecture 5% Emotion evoking solutions Damage Control
  18. 18. Information Architecture
  19. 19. ‫מהפיצוציה‬ ‫שמעון‬ ‫גם‬ ‫ארכיטקט‬
  20. 20. ‫את‬ ‫לנו‬ ‫זוכרים‬ .‫השליליים‬ ‫הדברים‬ ‫ממציאים‬ ‫לפעמים‬ ‫אותם‬ Damage Control
  21. 21. Emotion evoking solutions
  22. 22. Emotion evoking solutions
  23. 23. ?‫דאון‬ ‫דרופ‬
  24. 24. ! ‫דאון‬ ‫דרופ‬
  25. 25. ‫לשים‬ ‫יודעים‬ ‫תמיד‬ ‫לא‬ ‫משתמשים‬ ‫על‬ ‫שהשפיע‬ ‫הגורם‬ ‫על‬ ‫האצבע‬ ‫את‬ .‫השימוש‬ ‫חווית‬ .‫לרע‬ ‫או‬ ‫לטוב‬ -‫מובהקת‬ ‫החוויה‬ ‫אם‬ ‫גם‬ http://www.flickr.com/photos/paulbw/4566801418/sizes/o/ 28
  26. 26. •.‫ורגשות‬ ‫בתחושות‬ ‫עוסקת‬ ‫משתמש‬ ‫חווית‬ •‫המשתשמש‬ ‫של‬ ‫בראש‬ ‫מתרחשת‬ ‫היא‬
  27. 27. R ‫מותג‬ BRAND
  28. 28. ‫לנו‬ ‫שגורם‬ ‫הזה‬ ‫הדבר‬ ‫זה‬ ‫מותג‬ ‫דומה‬ ‫מוצר‬ ‫על‬ ‫יותר‬ ‫לשלם‬
  29. 29. ,‫ערך‬ ,‫הבטחה‬ ,‫סיפור‬ ‫הוא‬ ‫מותג‬ ‫לנקוט‬ ‫למשתמשים‬ ‫שגורם‬ ‫רעיון‬ ‫״משהו״‬ ‫כלפי‬ ‫.עמדה‬ ‫אדם‬ ‫בן‬ ‫אפילו‬ ,‫חברה‬ ,‫שירות‬ ,‫מוצר‬ = ‫.״משהו״‬
  30. 30. ‫שמתרחש‬ ‫רגשי‬ ‫עינין‬ ‫הוא‬ ‫מותג‬ .‫בראש‬ ‫אצלינו‬ ‫חוויה‬ ‫במושג‬ ‫שזור‬ ‫הוא‬
  31. 31. your brand is what people say about you when you are not in the room. ! Jeff Bezos - Founder of amazon.com
  32. 32. What if Porsche made a phone?
  33. 33. ‫עם‬ ‫השונים‬ ‫הממשקים‬ ‫את‬ ‫מכריעים‬ ‫מותגים‬ .‫כלפיהים‬ ‫שלנו‬ ‫הרגשות‬ ‫נוכחות‬ ,‫לוגו‬ ,‫שם‬ ,‫מוזיקה‬ ,‫לקוחות‬ ‫שירות‬ ,‫ביצועים‬ ,‫אריזה‬ ,‫פרסום‬ ,‫עיצוב‬ - ‫מראה‬ ,‫היסטוריה‬ ,‫אפליקציה‬ ,‫דמות‬ ,‫איקון‬ ,‫ברשת‬ ,‫שפה‬ ,‫תרבות‬ ,‫מוקדם‬ ‫ידע‬ ,UI ,‫לאוזן‬ ‫פה‬ ,‫שיווק‬ ,‫כתובה‬ ‫טון-שפה‬
  34. 34. ‫למשל‬ ‫ארמסטרונג‬ ‫לאנס‬
  35. 35. ‫סימבולי‬
  36. 36. ‫של‬ ‫בסיס‬ ‫עקרונות‬ ‫מותגים‬ • Differentiated • Distinct • Consistent • Recognisable • Memorable • Meaningful • Differentiated • Distinct • Consistent • Recognisable • Memorable • Meaningful
  37. 37. .‫מותג‬ ‫עם‬ ‫ממשק‬ ‫גם‬ ‫הוא‬ ‫סאונד‬
  38. 38. .‫ממשק‬ ‫גם‬ ‫הוא‬ ‫לוגו/סמל‬ ‫משמעויות‬ ‫לעורר‬ ‫ששואף‬ ‫תמציתי‬ ‫ממשק‬ ‫הוא‬ ‫רגשית‬ ‫ועמדה‬ ,‫זכרון‬ ,‫משמעוית‬ ,‫ערכים‬ ‫לתקשר‬ ‫שואף‬ ‫הוא‬ …‫פונקציה‬ ,‫אישיות‬
  39. 39. Harley Davidson did it
  40. 40. Harley Davidson did it
  41. 41. Harley Davidson did it
  42. 42. ‫החוויה‬ ‫את‬ ‫מבטא‬ ‫הממשק‬ ‫המותג‬ ‫של‬ ‫הערכים‬ ‫ואת‬
  43. 43. ‫עצום‬ ‫כלכלי‬ ‫ערך‬ ‫לזה‬ ‫.יש‬ Owning a piece of the users mind Owning a piece of the users mind http://www.adme.ru/brend/neozhidannye-tovary-ot-izvestnyh-brendov-590805/
  44. 44. http://www.adme.ru/brend/neozhidannye-tovary-ot-izvestnyh-brendov-590805/
  45. 45. http://www.adme.ru/brend/neozhidannye-tovary-ot-izvestnyh-brendov-590805/
  46. 46. http://www.adme.ru/brend/neozhidannye-tovary-ot-izvestnyh-brendov-590805/
  47. 47. http://www.adme.ru/brend/neozhidannye-tovary-ot-izvestnyh-brendov-590805/
  48. 48. .‫ביניים‬ ‫סיכום‬
  49. 49. ‫המותג‬ ‫בין‬ ‫מתווכים‬ ‫השונים‬ ‫הממשקים‬ .‫החוויה‬ = ‫רגש‬ ‫ומעורים‬ ‫למשתמש‬ .‫חוויה‬ ‫מייצג‬ ‫מותג‬ •.… ‫הפעלה‬ ‫ממשקי‬ / ‫צלילים‬ / ‫מילים‬ / ‫צבעים‬ / ‫סמלים‬
  50. 50. .‫אותם‬ ‫הורסים‬ ‫או‬ ‫בונים‬ ‫מותגים‬ ‫עם‬ ‫שלנו‬ ‫הממשקים‬ ‫ערך‬ ‫יש‬ ‫מוצלחים‬ ‫למותגים‬ !!! ‫עצום‬ ‫כלכלי‬
  51. 51. ‫טון‬ ‫על‬ ‫לשמירה‬ ‫קפדניים‬ ‫חוקים‬ ‫מספקים‬ ‫מותג‬ ‫ספרי‬ .‫השונים‬ ‫הממשקים‬ ‫עם‬ ‫אחיד‬ ‫בין‬ ‫הקבלה‬ ‫ישנה‬ ‫שבונים‬ ‫העקררונות‬ .‫שימוש‬ ‫וחוויות‬ ‫מותגים‬
  52. 52. !Google : Material design
  53. 53. !Google : Material design Material is the metaphor! Bold, graphic, intentional Motion provides meaning!
  54. 54. !Google : Material design
  55. 55. ‫השתנה‬ ‫משהו‬ ‫האחרונות‬ ‫בשנים‬
  56. 56. ‫שנה‬ 70 ‫לפני‬ Mad Men ‫ימי‬ 50-60 ‫ה‬ ‫שנות‬ ‫היום‬
  57. 57. ‫שירותים‬ ‫של‬ ‫עצומות‬ ‫לכמויות‬ ‫נחשפים‬ ‫אנחנו‬ ‫עם‬ ‫העיקרי‬ ‫המפגש‬ ‫את‬ ‫מהווים‬ ‫אפליקציות‬ ‫של‬ ‫ממשקים‬ ‫.המשתמשים‬ • ‫עוד‬ ‫הממשקים‬ ‫את‬ ‫מגדירים‬ ‫אנחנו‬ ‫לפעמים‬ ‫למוצר‬ ‫זהות‬ ‫או‬ ‫שם‬ ‫שיש‬ ‫לפני‬ ?‫ביום‬ ‫פוגשים‬ ‫אנחנו‬ ‫מותגים‬ ‫כמה‬
  58. 58. ‫פונקציונאלי‬ ‫לאיקון‬ ‫לוגו‬ ‫בין‬ ‫הגבול‬ .‫מטושטש‬ .‫דיסקריפטיביים‬ ‫להיות‬ ‫נדרשים‬ ‫אפליקציות‬ ‫של‬ ‫סמלים‬
  59. 59. ‫של‬ ‫האיקון‬ ‫לפעמים‬ - ‫באיקון‬ ‫התחלף‬ ‫הלוגו‬ ..‫עצמו‬ ‫מהלוגו‬ ‫יותר‬ ‫ומסמל‬ ‫משקף‬ ‫מותג‬
  60. 60. , ‫הדיון‬ ‫לטובת‬ .‫דוגמאות‬ ‫כמה‬ ‫על‬ ‫הצצה‬
  61. 61. Bottom lines
  62. 62. ‫להיות‬ ‫עשויים‬ ‫המשתמש‬ ‫ממשקי‬ ‫והמשפיע‬ ‫המשמעותי‬ ‫המפגש‬ .‫שלו‬ ‫והערך‬ ‫מותג‬ ‫על‬ ‫ביותר‬ .‫כלכלי‬ ‫נכס‬ ‫הוא‬ ‫מותג‬
  63. 63. :‫מותג‬ ‫של‬ ‫המוצא‬ ‫נקודת‬ ‫של‬ ‫האישיות‬ ‫מה‬ ?‫המשתמש‬ ?‫ההקהל‬ ‫מי‬ ,‫לעורר‬ ‫רוצה‬ ‫שאני‬ ‫הרגש‬ ‫מה‬ ?‫המותג‬ …‫אותו‬ ‫פוגש‬ ‫אני‬ ‫ואיפה‬ ‫איך‬ ‫נשאלות‬ ‫דומות‬ ‫שאלות‬ UX ‫פיתוח‬ ‫בתהליכי‬
  64. 64. ‫ומטרות‬ ‫תהליכים‬ ‫עם‬ ‫והבנה‬ ‫הכרות‬ ‫חלק‬ ‫הם‬ ‫הם‬ ‫מיתוגיים‬ ‫מהלכים‬ ‫של‬ .‫שימוש‬ ‫וחוויות‬ ‫ממשקים‬ ‫מפיתוח‬ .‫צבעים‬ ‫ופלטת‬ ‫לפונט‬ ‫מעבר‬ ‫זה‬
  65. 65. : ‫כמו‬ ‫שאלות‬ ‫לשאול‬ ‫צריכים‬ ‫אנחנו‬ ‫אולי‬ ! •?‫והחברה‬ ‫המוצר‬ ‫על‬ ‫ויחשוב‬ ‫ירגיש‬ ‫שלי‬ ‫שהמשתמש‬ ‫רוצה‬ ‫אני‬ ‫מה‬ •?‫המוצר/שירות‬ ‫על‬ ‫יספר‬ ‫הוא‬ ‫מה‬ •?‫יזכור‬ ‫מה‬ •?‫עמדה‬ ‫לנקוט‬ ‫למשתמשים‬ ‫גורם‬ ‫הממשק‬ ‫גם‬ ‫המפגש‬ ‫איך‬ •?‫קונבנציות‬ ‫על‬ ‫שומרים‬ ‫אבל‬ ‫ליחוד‬ ‫מגיעים‬ ‫איך‬
  66. 66. • Thank You. Twitter/ronel Facebook/ronelm Instagram/ronelm LinkedIn/ronel

×