Interaction - IED Barcelona - Digital Media 2012

2,683 views
2,249 views

Published on

Interaction
IED Barcelona
Digital Media 2012

Published in: Design
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,683
On SlideShare
0
From Embeds
0
Number of Embeds
50
Actions
Shares
0
Downloads
0
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Interaction - IED Barcelona - Digital Media 2012

  1. inter_ action DIGITAL MEDIA | 2012Digital Media
  2. interact_ Interaction designDigital Media
  3. • Design • Surveys • Impact • Flow Diagrams • Navigation • Testing • Sketching • Sitemaps • Prototyping • Scenarios • Storyboards • Evaluation • • interact_ Usability Research Interaction designDigital Media
  4. • Rollover • Animations • Pop Ups • Wireframes • Transitions • Icons interact_ Interaction designDigital Media
  5. The challenge_  How to interact with people communicate engage treatDigital Media
  6. Interaction Design  How to impact the peopleDigital Media
  7. Digital Media
  8. Interaction Design  Defines the structure and behavior of interactive systemsDigital Media
  9. Interaction Design  It’s not about the behavior of interface… is about the behavior of people  Do, feel, knowDigital Media
  10. Interaction Design = successDigital Media
  11. Digital Media
  12. Digital Media
  13. success = complete an actionDigital Media
  14.  http://www.youtube.com/watch?feature=player_embedded&v=kn5GIlLGg2wDigital Media
  15. http://www.youtube.com/watch?v=4G3LzX5w_loDigital Media
  16. Interaction designer  Whats the business model?  What value does it provide?  What are the users needs?  How does it work?  Whats the design solution?Digital Media
  17. Interaction designer  Business  Technology  Content  People  Purpose  ContextDigital Media
  18. Work  Define  Design waterfall  Develop  Deploy sprint  Design Prototype Measure Improve hybridDigital Media
  19. Work define observe ideate researc h prototype designDigital Media
  20. 5 interaction principlesDigital Media
  21. Digital Media
  22. 5 Interaction Principles  Consistency Strive for consistency in appearance and behavior, because it facilitates usability, credibility, and trust.Digital Media
  23. http://www.theartisanofclerkenwell.com/Digital Media
  24. Principles  Visibility (Perceivability) Most interfaces are inherently visual, so make certain that people know when and where they can interact with it.  Don’t hide, provide cues, offer hintsDigital Media
  25. http://soulwire.co.uk/streamDigital Media
  26. Principles  Learnability Meaningful and unambiguous labels, content, and interactions make it possible to quickly understand and repeat an experience.Digital Media
  27. http://mothereffinganimatedgif.com/Digital Media
  28. Principles  Predictability Set expectations about what will happen during and after an interaction to minimize confusion and dissatisfaction.Digital Media
  29. http://www.soleilnoir.net/believein/Digital Media
  30. Principles  Feedback Acknowledge interactions and provide information about status, location, progress, and completion.  Don’t interrupt actionsDigital Media
  31. http://www.graydenpoper.com/Digital Media
  32. Persuasion & MotivationDigital Media
  33. Understanding context What, When, Where, Who?  Situation  Simplicity  People  Needs  Duration  Expectations  Attention  UrgencyDigital Media
  34. Understanding motivation Extrinsic momentary, emotional Intrinsic focus, engagementDigital Media
  35. Trust and CredibilityDigital Media
  36. Reduce Effort …don’t be too smartDigital Media
  37. Competition …enhancing motivationDigital Media
  38. Guide People Form : complete objectsDigital Media
  39. Reward Perfomance Form : complete objectsDigital Media
  40. Effective InteractionDigital Media
  41. Effective Navigation  Sitemap  Hierarchies  Structure always present and availableDigital Media
  42. Effective Navigation  Content  Importance time and positionDigital Media
  43. Effective Navigation  Click and Taps  Counting steps http://www.youtube.com/watch?v=LDARc7jhM8U Progress trackingDigital Media
  44. Effective Navigation  Filtering and SuggestionsDigital Media
  45. FeedbackDigital Media
  46. Feedback Information about the result of our actionsDigital Media
  47. STOP Feedback Maybe obvious or subtleDigital Media
  48. Feedback Change behavior on timeDigital Media
  49. Talk soon Prompt, meaningful, perceivableDigital Media
  50. Mobile firstDigital Media
  51. GestaltDigital Media
  52. InteractionDigital Media
  53. Digital Media
  54. http://vimeo.com/32856179Digital Media
  55. Project OverviewDigital Media
  56. Education online  Enlist the interactions involved in..  Which can be managed online?Digital Media
  57. HomeworkDigital Media
  58. Seductive interaction  The process of deliberately enticing a person to engage in some sort of behavior. http://www.slideshare.net/stephenpa/seductive-interactions-idea-09-version/Digital Media

×