Slide 1

Slide 1 text

DEVELOPERS CAN’T DESIGN AND OTHER COMPLETELY UNTRUE DESIGN MYTHS JEN MYERS • @ANTIHEROINE • SCOTTISH RUBY CONFERENCE, 30 JUNE 2012

Slide 2

Slide 2 text

What is design?

Slide 3

Slide 3 text

“Design is the appropriate combination of materials in order to solve a problem.” - CHARLES EAMES

Slide 4

Slide 4 text

“Design is thinking made visual.” - SAUL BASS

Slide 5

Slide 5 text

“Design is the method of putting form and content together. Design, just as art, has multiple definitions, there is no single definition.... Design is so simple, that’s why it is so complicated.” - PAUL RAND

Slide 6

Slide 6 text

What is design? Graphic design Industrial design Interaction design Experience design Web/interface design

Slide 7

Slide 7 text

Why should developers care?

Slide 8

Slide 8 text

Design is teachable. Design is communication.

Slide 9

Slide 9 text

DESIGN IS DECORATION DESIGN MYTH #1

Slide 10

Slide 10 text

“It’s not just what it looks like and feels like. Design is how it works.” - STEVE JOBS

Slide 11

Slide 11 text

How design works Structure Content Organization Message Functionality

Slide 12

Slide 12 text

How design works Wireframes Palettes Mood boards Copy Data flows User testing

Slide 13

Slide 13 text

DESIGN IS SUBJECTIVE DESIGN MYTH #2

Slide 14

Slide 14 text

“Like all forms of design, visual design is about problem solving, not about personal or unsupported opinion.” - BOB BAXLEY

Slide 15

Slide 15 text

Basic design principles Balance Repetition Proximity Emphasis Unity

Slide 16

Slide 16 text

BALANCE SYMMETRICAL

Slide 17

Slide 17 text

BALANCE ASYMMETRICAL

Slide 18

Slide 18 text

REPETITION COLOR, FONT, SHAPE, LOGO

Slide 19

Slide 19 text

REPETITION COLOR, FONT, SHAPE, LOGO

Slide 20

Slide 20 text

EMPHASIS VISUAL DOMINANCE & HIERARCHY

Slide 21

Slide 21 text

PROXIMITY GROUPING LIKE ELEMENTS

Slide 22

Slide 22 text

UNITY COHERENCE OF LOOK, FEEL & MESSAGE

Slide 23

Slide 23 text

Related design concepts Positive/negative space Contrast Typography Color theory Ratios

Slide 24

Slide 24 text

DESIGN IS SEPARATE FROM DEVELOPMENT DESIGN MYTH #3

Slide 25

Slide 25 text

“The secret is to gang up on the problem, rather than each other.” - THOMAS STALLKAMP

Slide 26

Slide 26 text

No silos Communication Community Design & Dev 4eva Project integration

Slide 27

Slide 27 text

should code. Designers ...

Slide 28

Slide 28 text

Jen Myers Relevance [email protected] @antiheroine SLIDES: speakerdeck.com/u/jenmyers/p/developers-cant-design