INTERACTION DESIGN

(IxD)
Windyasari Septriani
INTERACTION DESIGN
FOUNDER OF IxD
DEFINITION OF IxD
5 ELEMENTS OF IxD
5 CORE CONCEPTS OF IxD
PRACTICE
Bill Moggridge, Founder of IDEO
Bill Verplank, Formerly worked at IDEO & XEROX, lecturer
HOW DO YOU
FEEL AS
CUSTOMERS ?
Are you happy?
NOW HOW DO
YOU FEEL AS
CUSTOMERS ?
Are you happy?
IxD
“The connection and conversation between people
and a product.”
 INTERACTION:
Swipe the card

FEEDBACK:
Beep sound (if any)

RESULTS CONSTRAINTS
Users know they can The beep sound not clear
play the game Sometimes takes 2-3 swipes
FEEDBACK: INTERACTION:
Coins fit into its place Insert Coins
with the sounds

RESULTS
Users know they can CONSTRAINTS
play the game Users need to carry the coins
“
It’s not just what it looks like
and feels like. Design is how it
works.
Steve Jobs
5 ELEMENTS OF
INTERACTION DESIGN
5 ELEMENTS OF INTERACTION DESIGN

1. WORDS Type: Enable Interaction

5 ELEMENTS OF INTERACTION DESIGN

2. VISUAL Type: Enable Interaction

5 ELEMENTS OF INTERACTION DESIGN

3. SPACE Type: Enable Interaction

5 ELEMENTS OF INTERACTION DESIGN

4. TIME Type: Define Interaction

5 ELEMENTS OF INTERACTION DESIGN

5. BEHAVIOUR
Type: Define Interaction
5 CORE CONCEPTS OF
INTERACTION DESIGN
5 CORE CONCEPTS OF INTERACTION DESIGN

1. GOAL DRIVEN DESIGN

5 CORE CONCEPTS OF INTERACTION DESIGN

2. USABILITY
5 CORE CONCEPTS OF INTERACTION DESIGN

3. AFFORDANCES &
SIGNIFIERS
UPGRADE UPGRADE
Affordances Signifiers
Affordances
Signifiers
5 CORE CONCEPTS OF INTERACTION DESIGN

4. LEARNABILITY
 Familiarity
Predictability

Consistency
5 CORE CONCEPTS OF INTERACTION DESIGN

5. FEEDBACK &
RESPONSE TIME
Thank You !
5 ELEMENTS OF IxD 5 CORE CONCEPTS OF IxD
1.WORDS 1.GOAL DRIVEN DESIGN
2.VISUAL 2.USABILITY / EASY TO USE
3.SPACE (PHYSICAL SPACE) 3.AFFORDANCES & SIGNIFIERS
4.TIME 4.LEARNABILITY
5.BEHAVIOUR 5.FEEDBACK & RESPONSE TIME