Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

The interface is the brand

1.533 visualizaciones

Publicado el

דיון על תפקיד אנשי חוויית משתמש וההשפעה שלהם על מותגים והערך שלהם.

Publicado en: Diseño
  • Sé el primero en comentar

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

×