Practical IxD for Developers

Practical Interaction Design For Developers

David Ortinau@davidortinauhttp://davidortinau.com15 yrs web, interactive, mobile.Flash, iPhone, Android, WP7BA English,Maryville University

interaction design Interaction Design (IxD) deﬁnes 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.http://www.ixda.org/

“Interaction design is concerned with describing possible user behavior and deﬁning how the system will accommodate and respond to that behavior.”Bill Moggridge - IDEO

“In traditional software development, the discipline involved in creating a structured experience for the user is known as interaction design.”Jesse James Garrett - Adaptive Path

“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.”Jarod Spool - UIE

Bill Verplank’s Three Questions“Designing Interactions”, Bill Moggridge (http://www.designinginteractions.com/interviews/BillVerplank)

“Wheel. Telescope. Astrolabe. Compass. A ship’s a ship.”Captain AveryDoctor Who: The Curse of the Black Spot

Mental ModelsSusan Carey (1986), Don Norman (1988), Alan Cooper (1995) and IBM (1992)

“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, inﬂuence what people pay attention to in complicated situations, and deﬁne how people approach and solve problems.”Susan Carey (1986)

Mental models• [photo of photos in a box]•

Mental Models• [photo of desktop, ﬁling cabinets]

via @iamFinch“About Face 3: The Essentials of Interaction Design “, Alan Cooper

User Feedback

http://www.alistapart.com/articles/inline-validation-in-web-forms/

(my) Real World IxD

A User StoryFace IdentiﬁcationThe application has automagically found faces inthe user’s photos, and has created unknownpeople. The user needs to identify theseunknown faces by creating people proﬁles andassociating them with the faces. This will in turnhelp the facial recognition to learn and matchthese without user intervention.

A Use Case1. User selects one or more face thumbnails from a list of unknown faces.2. User selects an existing person they have already identiﬁed to associate the selected faces with. 2.1.User may opt to enter a name not previously created. This will create a new person proﬁle 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.

prototyping demo

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.

“Exposure hours. The number of hours each team member is exposed directly to real users interacting with the teams designs or the teams competitors designs. There is a direct correlation between this exposure and the improvements we see in the designs that team produces.”Jarod Spool - UIE

Contact Me@davidortinauhttp://davidortinau.comdave@davidortinau.com

http://www.davidortinau.com	764
http://davidortinau.com	174

Practical IxD for Developers

by David Ortinau on Sep 10, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 938

Statistics

Practical IxD for Developers — Presentation Transcript