good bad design

23
GOOD BAD DESIGN HUMAN COMPUTER INTERACTION 322131 HCI/2015 CS KKU 1

Upload: yaowaluck-promdee

Post on 23-Jan-2017

592 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Good bad design

GOODBADDESIGNHUMAN COMPUTER INTERACTION

322131 HCI/2015 CS KKU 1

Page 2: Good bad design

INDEX

• Introduction to HCI • Why design? • How is bad• How is good • Discussion• Assignment

322131 HCI/2015 CS KKU 2

Page 3: Good bad design

HUMAN COMPUTER INTERACTION

Psychology

Ergonomics and human factors

Computer Science

Language Sociology

Ethnography

Design

Engineering

322131 HCI/2015 CS KKU 3

Page 4: Good bad design

HUMAN COMPUTER INTERACTION

322131 HCI/2015 CS KKU 4

Page 5: Good bad design

WHY

is important? 322131 HCI/2015 CS KKU 5

Page 6: Good bad design

ART| DESIGN |SCIENCE

Illustration

Visual design

Fine Art

Imagery

Typography

Grid system

Research

Interviewing

Interaction design

User Experience

Information Architecture

322131 HCI/2015 CS KKU 6

Page 7: Good bad design

How much does DESIGN matter to you? 322131 HCI/2015 CS KKU 7

Page 8: Good bad design

GOOD/BAD DESIGN

322131 HCI/2015 CS KKU 8

Page 9: Good bad design

BAD DESIGNHOW IS BAD?PEOPLE FEEL MISTAKE FOR USING, DIFFICULT, CONFUSING, HOW TO USE?

Who needs privacy, am I right?322131 HCI/2015 CS KKU 9

Page 10: Good bad design

BAD FONT CHOICE

322131 HCI/2015 CS KKU 10

Page 11: Good bad design

CONFUSING SIGNS

Oh yeah, you’ll need some luck if you don’t want to get lost.

322131 HCI/2015 CS KKU 11

Page 12: Good bad design

REMOTE CONTROL

322131 HCI/2015 CS KKU 12

Page 13: Good bad design

EVOLUTION

322131 HCI/2015 CS KKU 13

Page 14: Good bad design

HOW IS GOOD DESIGN?

322131 HCI/2015 CS KKU 14

Page 15: Good bad design

322131 HCI/2015 CS KKU 15

Page 16: Good bad design

322131 HCI/2015 CS KKU 16

Universal Design

Page 17: Good bad design

322131 HCI/2015 CS KKU 17

Fairness

Page 18: Good bad design

322131 HCI/2015 CS KKU 18

Flexibility

Page 19: Good bad design

322131 HCI/2015 CS KKU 19

Simplicity

Page 20: Good bad design

322131 HCI/2015 CS KKU 20

Understanding

Page 21: Good bad design

322131 HCI/2015 CS KKU 21

Safety

Page 22: Good bad design

322131 HCI/2015 CS KKU 22

Energy conservation

Page 23: Good bad design

WORKSHOPhttp://www.baddesigns.com/examples.html

322131 HCI/2015 CS KKU 23