This document discusses the importance of usability and aesthetics in design. It summarizes Donald Norman's view that usability need not conflict with aesthetics, and that designers must find a harmony between the two. The document then provides examples of design principles from Norman's book "The Design of Everyday Things", such as visibility, affordances, mapping, constraints, and feedback. It emphasizes that good design should follow these principles to ensure intuitive use, rather than violating them for aesthetic reasons. The document concludes by outlining iterative and user-centered design processes that focus on learning through creation and reworking.

1. DESIGN MATTERS
USABILITY NEED NOT CONFLICT WITH AESTHETICS.
A HARMONY BETWEEN THE TWO MUST BE FOUND
DONALD NORMAN
Andi S. Boediman
andisboediman@gmail.com
@andisboediman

2. THE CHALLENGE OF EVERYDAY THINGS

3. THE DESIGN OF EVERYDAY THINGS
How to open
this door?

4. THE DESIGN OF EVERYDAY THINGS
How to turn on the fire?

5. THE DESIGN OF EVERYDAY THINGS
This is a
Mop Sink

6. THE DESIGN OF EVERYDAY THINGS
is this going
to happen?

7. THE DESIGN OF EVERYDAY THINGS
or is this
more like it?

8. PRINCIPLES OF DESIGN

9. MENTAL MODEL
mental models are
what people really
have in their heads
and what guides
their use of things.

10. PRINCIPLES OF DESIGN
• Make things visible
• Provide a good conceptual model
• Affordance
• Mapping
• Constraints
• Feedback

11. VISIBILITY
Just by looking the user should know the
state of the system & possible actions
The correct parts must be visible and they
must convey the correct message.
Visibility problems occur when clues are
lacking or exist in excess
Don’t violate these principles to make
something “look good”!

12. AFFORDANCE
Just by looking at the object, a user should
know how to use it.
Make the appropriate actions visible and
make the inappropriate actions invisible.

13. MAPPING
Controls and displays should exploit
natural mapping.
Natural mapping takes advantage of
physical analogies and cultural standards.
Physical: Steering wheel
Cultural: red means stop, green means go.

14. CONSTRAINTS
Constraints limit the ways in which
something can be used.
Ensure correct procedure by making it
impossible to do otherwise.

15. FEEDBACK
Feedback are clues given to the user that
they have been successful
Good design contains feedback

16. DESIGN PROCESS

17. ITERATIVE DESIGN
“Iterating is designing and, more specifically,
understanding what one is designing through actually
creating it. . . . Iterative design also means that until
you have actually built what you are designing, you are
not going to be able to fully understand it.
--Anders Ramsay, http://www.andersramsay.com/2009/03/01/three-reasons-to-start-
designing-iteratively
“learning by creating”
“learning by reworking”

18. USER CENTERED DESIGN
design discover
define
http://www.vinq.com/ucd.html

19. DESIGN TIPS

20. USE WHAT’S FAMILIAR

21. USE WHAT’S FAMILIAR

22. USE WHAT’S FAMILIAR

23. RULE OF THUMB

24. SIMPLIFY! SIMPLIFY! SIMPLIFY!

25. SIMPLIFY! SIMPLIFY! SIMPLIFY!

26. SIMPLIFY! SIMPLIFY! SIMPLIFY!

27. LESS IS MORE
MIES VAN DER ROHE
DESIGN MATTERS
Andi S. Boediman
andisboediman@gmail.com
@andisboediman