Iteraction design

40 %
60 %
Information about Iteraction design
Design

Published on February 26, 2014

Author: robertodadda

Source: slideshare.net

Description

Elements of interaction design for web designers

Mater of Arts in Communication Design WEB DESIGN Interaction design Interaction design WEB DESIGN NABA 2014 Roberto DADDA 1

Interaction design WEB DESIGN NABA 2014 Roberto DADDA 2

Don Norman Interaction design WEB DESIGN NABA 2014 Roberto DADDA 3

Interaction with word affector mechanism receptor Interaction design WEB DESIGN NABA 2014 Roberto DADDA 4

The seven stages of action (1) 1 • Forming the Goal • Something to be achieved. Can be stated in a very imprecise way, e.g., "make a nice meal“ 2 • Forming the Intention • Goals must be transformed into intentions, i.e., specific statements of what has to be done to satisfy the goal. E.g., "Make a chicken casserole using a can of prepared sauce.“ 3 • Specifying an Action Sequence • What is to be done to the World. The precise sequence of operators that must be performed to effect the intention. E.g., "Defrost frozen chicken, open can, ...“ 4 • Executing an Action • Actually doing something. Putting the action sequence into effect on the world. E.g., “actually opening the can” Interaction design WEB DESIGN NABA 2014 Roberto DADDA 5

The seven stages of action (2) 5 • Perceiving the State of the World • Perceiving what has actually happened. E.g., “the experience of smell, taste and look of the the prepared meal”. 6 7 • Interpreting the State of the World • Trying to make sense of the perceptions available. E.g., “Putting those perceptions together to present the sensory experience of a chicken casserole”. • Evaluating the Outcome • Comparing what happened with what was wanted. E.g., “did the chicken casserole match up to the requirement of 'a nice meal?” Interaction design WEB DESIGN NABA 2014 Roberto DADDA 6

How do we make things? Specify actions Set goal Execute actions Form intention Get status of word Evaluate outcome Understand status Interaction design WEB DESIGN NABA 2014 Roberto DADDA 7

How do we make things? Specify actions Set goal Execute actions Form intention Get status of word Evaluate outcome Understand status Interaction design WEB DESIGN NABA 2014 Roberto DADDA 8

How do we make things? Specify actions Set goal Execute actions Form intention Get status of word Evaluate outcome Understand status Interaction design WEB DESIGN NABA 2014 Roberto DADDA 9

How do we make things? Specify actions Set goal Execute actions Form intention Get status of word Evaluate outcome Understand status Interaction design WEB DESIGN NABA 2014 Roberto DADDA 10

Objective of good design • Help users cross the two gulfs • Without manuals! Interaction design WEB DESIGN NABA 2014 Roberto DADDA 11

When a device as simple as a door has to come with an instruction manual—even a one-word manual—then it is a failure, poorly designed. Donald Norman Not always possible, but is a good target! Minimize needs for help! Interaction design WEB DESIGN NABA 2014 Roberto DADDA 12

Help vs manuals • Help is when I get info during the process • Manual is something I’m supposed to read before and it is not context sensitive Interaction design WEB DESIGN NABA 2014 Roberto DADDA 13

Interaction design WEB DESIGN NABA 2014 Roberto DADDA 14

Sony – 65 buttons! Interaction design WEB DESIGN NABA 2014 Roberto DADDA 15

Affordance An affordance is a property of an object, or an environment, which allows an individual to perform an action. For example, a knob affords twisting, and perhaps pushing, while a cord affords pulling. Vital instrument to help customer to cross easily the gulf of evaluation. Evaluation makes by feedback analysis easier the execution! Interaction design WEB DESIGN NABA 2014 Roberto DADDA 16

Interaction design WEB DESIGN NABA 2014 Roberto DADDA 17

Interaction design WEB DESIGN NABA 2014 Roberto DADDA 18

Buttons Interaction design WEB DESIGN NABA 2014 Roberto DADDA 19

Interaction design WEB DESIGN NABA 2014 Roberto DADDA Microsoft Office, 1995 Microsoft BOB, 1995 More an assistant than a guide 20

Interaction design WEB DESIGN NABA 2014 Roberto DADDA 21

The ISO Dialogue Principles • ISO9241-10 Interaction design WEB DESIGN NABA 2014 Roberto DADDA 22

Suitability for the Task • A dialog supports suitability for the task, if it supports the user in the effective and efficient completion of the task. The dialog presents the user only those concepts which are related to the user's task. Interaction design WEB DESIGN NABA 2014 Roberto DADDA 23

Self-Descriptiveness • A dialog supports self-descriptiveness, if each dialog step is immediately comprehensible through feedback from the system or is explained to the user on his or her requesting the relevant information. Microsoft Word for WindowsT Interaction design WEB DESIGN NABA 2014 Roberto DADDA 24

Controllability • A dialog supports controllability, if the user is able to maintain direction over the whole course of the interaction until the point at which the goal has been met. Interaction design WEB DESIGN NABA 2014 Roberto DADDA 25

Conformity with User Expectations • A dialog supports conformity with user expectations, if it corresponds to the user's task knowledge, education, experience, and to commonly held conventions. Interaction design WEB DESIGN NABA 2014 Roberto DADDA 26

Error Tolerance • A dialog supports error tolerance if, despite evident errors in input, the intended results may be achieved with either no or minimal corrective action having to be taken. Errors should be explained to the user for him or her to correct them. Interaction design WEB DESIGN NABA 2014 Roberto DADDA 27

Suitability for Individualization • A dialog supports suitability for individualization, if the dialog system is constructed to allow for modification to the user's individual needs and skills for a given task. Interaction design WEB DESIGN NABA 2014 Roberto DADDA 28

Suitability for Learning • A dialog supports suitability for learning, if it guides the user through the learning stages minimizing the learning time. Interaction design WEB DESIGN NABA 2014 Roberto DADDA 29

Choose the best (1) Interaction design WEB DESIGN NABA 2014 Roberto DADDA 30

Interaction design WEB DESIGN NABA 2014 Roberto DADDA 31

Interaction design WEB DESIGN NABA 2014 Roberto DADDA 32

Choose the best (2) Interaction design WEB DESIGN NABA 2014 Roberto DADDA 33

Interaction design WEB DESIGN NABA 2014 Roberto DADDA 34

Interaction design WEB DESIGN NABA 2014 Roberto DADDA 35

“There are no simple answers, only tradeoffs” Donald A.Norman Interaction design WEB DESIGN NABA 2014 Roberto DADDA 36

Roberto Dadda www.dadda.it roberto@dadda.it +39 338 775 22 03 Twitter, facebook, linkedin: robertodadda Interaction design WEB DESIGN NABA 2014 Roberto DADDA 37

Add a comment

Related presentations

Related pages

Interaktionsdesign – Wikipedia

Interaktionsdesign oder Interaction Design (abgekürzt IxD, auch Interaktionsgestaltung) beschäftigt sich mit der Gestaltung von Mensch-Maschine ...
Read more

Interaction Design Foundation

Learn User Experience (UX) and Design from experts ... The Glossary of Human Computer Interaction by Mads Soegaard and ...
Read more

Interaction design - Wikipedia, the free encyclopedia

In design, human–computer interaction, and software development, interaction design, often abbreviated IxD, is defined as "the practice of designing ...
Read more

Interaction Design - Hochschule Magdeburg-Stendal

Der Master-Studiengang Interaction Design wendet sich an Studierende verschiedener Professionen, die aktiv an der Gestaltung und Integration neuer ...
Read more

Interface Design und Usability Blog | Alles rund um User ...

Unsere Auftraggeber unterstützen wir regelmäßig erfolgreich mit Methoden aus dem User-Centered-Design-Prozess (UCD). Wir analysieren, spezifizieren und ...
Read more

Interaction Design / New Media Studium in Berlin | BTK

Interaction Design / New Media Web-Anwendungen, mobile Apps, 2D- und 3D-Visualisierungen. Das Bachelor-Programm »Interaction Design/New Media ...
Read more

Interaction Design - brief intro » Interaction Design ...

The interaction design label remained relatively marginal until the mid-1990s; the design community largely considered the behaviors of the virtual world ...
Read more

Interfacedesign – Wikipedia

Das Interaction Design kann beim User neue Erfahrungen ermöglichen und neue abrufen.“ Literatur, Forschung, Lehre. Wichtige Namen in diesem ...
Read more

Interaction Design Group

Impressum Hochschule Magdeburg-Stendal FB Ingenieurwissenschaften und Industriedesign Institut für Industrial Design Interaction Design Group ...
Read more

Interaction Design Lab (IDL)

Das Interaction Design Lab versteht sich als Partner für Wirtschaft und Forschung. Es ist Anlaufstelle für Interaktionsdesign-Experten aus Industrie und ...
Read more