Save 37% off PRO during our Black Friday Sale! »

Practical IxD For Developers

Practical IxD For Developers

Developers have a strong role to play in the Interaction Design of applications.


David Ortinau

March 25, 2012


  1. Practical Interaction Design For Developers

  2. David Ortinau @davidortinau 15 yrs web, interactive, mobile. Flash,

    iPhone, Android, WP7 BA English, Maryville University
  3. None
  4. None
  5. None
  6. None
  7. interaction design Interaction Design (IxD) defines the structure and behavior

    of interactive systems. Interaction Designers strive to create meaningful relationships between people and the products and services that they use, from computers to mobile devices to appliances and beyond.
  8. Bill Moggridge - IDEO “Interaction design is concerned with describing

    possible user behavior and defining how the system will accommodate and respond to that behavior.”
  9. Jesse James Garrett - Adaptive Path “In traditional software development,

    the discipline involved in creating a structured experience for the user is known as interaction design.”
  10. None
  11. Jarod Spool - UIE “The big difference that’s arisen in

    this new agile world is how integrated the team is. No longer is UX design owned by the UX designers: everyone on the team now has design responsibilities. That means that everyone needs to be informed about what the design is trying to do.”
  12. None
  13. Bill Verplank’s Three Questions “Designing Interactions”, Bill Moggridge (

  14. None
  15. Captain Avery Doctor Who: The Curse of the Black Spot

    “Wheel. Telescope. Astrolabe. Compass. A ship’s a ship.”
  16. Text

  17. None
  18. Mental Models Susan Carey (1986), Don Norman (1988), Alan Cooper

    (1995) and IBM (1992)
  19. None
  20. None
  21. Susan Carey (1986) “A mental model represents a person’s thought

    process for how something works (i.e., a person’s understanding of the surrounding world). Mental models are based on incomplete facts, past experiences, and even intuitive perceptions. They help shape actions and behavior, influence what people pay attention to in complicated situations, and define how people approach and solve problems.”
  22. None
  23. None
  24. Mental models • [photo of photos in a box] •

  25. Mental Models • [photo of desktop, filing cabinets]

  26. None
  27. None
  28. via @iamFinch “About Face 3: The Essentials of Interaction Design

    “, Alan Cooper
  29. User Feedback

  30. None
  31. None

  33. (my) Real World IxD

  34. A User Story Face Identification The application has automagically found

    faces in the user’s photos, and has created unknown people. The user needs to identify these unknown faces by creating people profiles and associating them with the faces. This will in turn help the facial recognition to learn and match these without user intervention.
  35. A Use Case 1. User selects one or more face

    thumbnails from a list of unknown faces. 2. User selects an existing person they have already identified to associate the selected faces with. 2.1.User may opt to enter a name not previously created. This will create a new person profile and add it to the list of known people. 2.2.User may select or add a person before selecting thumbnails. 3. User clicks save to commit the selections. 4. The application saves the data, and refreshes the thumbnail list removing the selected faces.
  36. None
  37. prototyping demo

  38. Actionable • Consume solid IxD and UX principles daily. •

    Books, Twitter, Presentations, Discussions • Build relationships with your team around how you can help. • Advocate for IxD and UX principles. • Don’t fall for the quick hack; Do what’s right. • Use your apps daily. • Increase your exposure to users using your apps.
  39. Jarod Spool - UIE “Exposure hours. The number of hours

    each team member is exposed directly to real users interacting with the team's designs or the team's competitor's designs. There is a direct correlation between this exposure and the improvements we see in the designs that team produces.”
  40. Contact Me @davidortinau