ui design for developers

20
UI Design for Developers An introduction to User Interface Design

Upload: andy-gongea

Post on 22-Jan-2018

388 views

Category:

Design


0 download

TRANSCRIPT

Page 1: UI design for Developers

UI Design for

DevelopersAn introduction to User Interface Design

Page 2: UI design for Developers

What is Design?

Design is the method of putting form and content

together. Design, just as art, has multiple definitions,

there is no single definition. Design can be art. Design

can be aesthetics. Design is so simple, that’s why it is

so complicated. - Paul Rand

Page 3: UI design for Developers

To design is:• to simplify

• to assemble

• to order

• to clarify

• to amuse

• to add value

• to illuminate

Page 4: UI design for Developers

Meet the team

Page 5: UI design for Developers

Paul RandART DIRECTOR

Page 6: UI design for Developers

Max MiedingerTYPEFACE DESIGNER (HELVETICA)

Page 7: UI design for Developers

Dieter RamsINDUSTRIAL DESIGNER

Page 8: UI design for Developers

Kenichiro AshidaGAME CONSOLE DESIGNER

Page 9: UI design for Developers

Karl ElesnerENTREPRENEUR

Page 10: UI design for Developers

Timeless Designs

Page 11: UI design for Developers

Barcelona Chair - 1929

Page 12: UI design for Developers

London Underground Map - 1933

Page 13: UI design for Developers

Volkswagen Beetle - Ferdinand Porche

Page 14: UI design for Developers

Apple iPad - 2010 - Jonathan Ive

Page 15: UI design for Developers

What is UI Design

UI Design is the visual representation of a set of

requirements, needs or ideas serving one or multiple

goals.

Page 16: UI design for Developers

Design Principles• Design for Emotions

• Strive for Consistency

• Offer Informative Feedback

• Prevent Errors and Help Recovery

• Recognition rather than Recall

• User Control & Freedom

• Match between system & real world

Page 17: UI design for Developers

Design Elements

• Colors

• Typography

• Icons

• Charts and Graphs

• Photography and Movies

• Content

Page 18: UI design for Developers
Page 19: UI design for Developers

Stop!

Hammer Time!

Page 20: UI design for Developers

That’s a wrap!