Practical IxD For Developers

Slide 1

Slide 1 text

Practical Interaction Design For Developers

Slide 2

Slide 2 text

David Ortinau @davidortinau http://davidortinau.com 15 yrs web, interactive, mobile. Flash, iPhone, Android, WP7 BA English, Maryville University

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

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/

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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.”

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

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.”

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

Text

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

User Feedback

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

(my) Real World IxD

Slide 34

Slide 34 text

A User Story Face Identiﬁcation 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 proﬁles and associating them with the faces. This will in turn help the facial recognition to learn and match these without user intervention.

Slide 35

Slide 35 text

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 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.

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

prototyping demo

Slide 38

Slide 38 text

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.

Slide 39

Slide 39 text

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.”

Slide 40

Slide 40 text

Contact Me @davidortinau http://davidortinau.com dave@davidortinau.com