The Designer’s Guide to Being Essential

A presentation at SmashingConf Freiburg 2015 in September 2015 in Freiburg, Germany by Simon Collison

Slide 1

Slide 1

BEING ESSENTIAL Simon Collison | @colly The Designer’s Guide to

Slide 2

Slide 2

Slide 3

Slide 3

WHO WE ARE

Slide 4

Slide 4

ABOUT US

Slide 5

Slide 5

ABOUT BEING HUMAN

Slide 6

Slide 6

Slide 7

Slide 7

Slide 8

Slide 8

Slide 9

Slide 9

Slide 10

Slide 10

Slide 11

Slide 11

Slide 12

Slide 12

Slide 13

Slide 13

Slide 14

Slide 14

Slide 15

Slide 15

Slide 16

Slide 16

Slide 17

Slide 17

Slide 18

Slide 18

Slide 19

Slide 19

Slide 20

Slide 20

Slide 21

Slide 21

Slide 22

Slide 22

Slide 23

Slide 23

Slide 24

Slide 24

Slide 25

Slide 25

Slide 26

Slide 26

Slide 27

Slide 27

Trousers slide

Slide 28

Slide 28

Slide 29

Slide 29

RECONNECTING

Slide 30

Slide 30

Slide 31

Slide 31

Slide 32

Slide 32

Slide 33

Slide 33

Slide 34

Slide 34

Slide 35

Slide 35

Slide 36

Slide 36

Slide 37

Slide 37

DISCONNECTING

Slide 38

Slide 38

DISCONNECTING

Slide 39

Slide 39

Slide 40

Slide 40

Slide 41

Slide 41

Slide 42

Slide 42

Slide 43

Slide 43

Slide 44

Slide 44

Climb the mountains and get their good tidings. Nature's peace will flow into you as sunshine flows into trees. The winds will blow their own freshness into you, and the storms their energy, while cares will drop away from you like the leaves of Autumn. John Muir

Slide 45

Slide 45

RECONNECTING

Slide 46

Slide 46

HUMANS. INDIVIDUALS.

Slide 47

Slide 47

AM I A BETTER DESIGNER?

Slide 48

Slide 48

AM I A BETTER DESIGNER?

Slide 49

Slide 49

MY LIFE IS MODULAR

Slide 50

Slide 50

I move things around until they look right.

Milton Glaser

Slide 51

Slide 51

I move things around until they look right.

Milton Glaser

Slide 52

Slide 52

I move things around until they look right.

Milton Glaser

Slide 53

Slide 53

WHEN I WAS A KID…

Slide 54

Slide 54

WHEN I WAS A KID…

Slide 55

Slide 55

THIS IS WHO WE ARE

Slide 56

Slide 56

THE DEATH OF WEB DESIGN

Slide 57

Slide 57

THE DEATH OF WEB DESIGN

Slide 58

Slide 58

THE DEATH OF WEB DESIGN

Slide 59

Slide 59

Slide 60

Slide 60

Slide 61

Slide 61

Slide 62

Slide 62

DESIGN EVOLVES

Slide 63

Slide 63

MACHINES

Slide 64

Slide 64

[A designer is] a planner with an aesthetic sense.

Bruno Munari

Slide 65

Slide 65

EMPATHY

Slide 66

Slide 66

How will you prove you’re be ! er than a machine? Travis Gertz h ! ps://louderthanten.com/articles/story/design-machines

Slide 67

Slide 67

TOOLS

Slide 68

Slide 68

SHOULD WE CODE?

Slide 69

Slide 69

HTML is not code. It's markup.

Just like typese ! ing. Which is firmly in the realm of designers. Mark Boulton

Slide 70

Slide 70

HTML is not code. It's markup.

Just like typese ! ing. Which is firmly in the realm of designers. Mark Boulton

Slide 71

Slide 71

http://tools.subtraction.com

Slide 72

Slide 72

BRAINS. IDEAS. REALISATION.

Slide 73

Slide 73

BRAINS. IDEAS. REALISATION.

Slide 74

Slide 74

BRAINS. IDEAS. REALISATION.

Slide 75

Slide 75

BRAINS. IDEAS. REALISATION.

Slide 76

Slide 76

BRAINS. IDEAS. REALISATION.

Slide 77

Slide 77

MY TEAM

Slide 78

Slide 78

MY TEAM

Slide 79

Slide 79

DELIVERABLES

Slide 80

Slide 80

http://smacss.com

Slide 81

Slide 81

http://daverupert.com/2013/04/responsive-deliverables

Slide 82

Slide 82

http://filamentgroup.com/lab/grade_components/

Slide 83

Slide 83

http://pattern-lab.info/

Slide 84

Slide 84

LANGUAGE

Slide 85

Slide 85

LANGUAGE

Slide 86

Slide 86

Find problems and design responses. Not answers, not solutions. Responses.

Slide 87

Slide 87

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy.

All work and no play makes Jack a dull boy . Jack Torrance

Slide 88

Slide 88

FLEXIBILITY

Slide 89

Slide 89

KEEP LEARNING

Slide 90

Slide 90

@colly THANK YOU