The Designer’s Guide to Being Essential

"I move things around until they look right,” confessed veteran designer Milton Glaser. This is delightfully unpretentious — and Simon’s favourite quote — yet it’s not quite so easy for today’s digital designer. He or she must not only make things look right, but also embrace new methodologies, new tools, be essential to a team, be mindful of limitations, and wrestle with the suggestion that websites are all but redundant. As this practical argument will explain, there’s nothing for any of us to worry about, so long as every thing — and every one — is a module.

Transcript

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

   View Slide

2. View Slide

3. WHO WE ARE
   

   View Slide

4. ABOUT US
   

   View Slide

5. ABOUT BEING HUMAN
   

   View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

13. View Slide

14. View Slide

15. View Slide

16. View Slide

17. View Slide

18. View Slide

19. View Slide

20. View Slide

21. View Slide

22. View Slide

23. View Slide

24. View Slide

25. View Slide

26. View Slide

27. Trousers slide
    

    View Slide

28. View Slide

29. RECONNECTING
    

    View Slide

30. View Slide

31. View Slide

32. View Slide

33. View Slide

34. View Slide

35. View Slide

36. View Slide

37. DISCONNECTING
    

    View Slide

38. DISCONNECTING
    

    View Slide

39. View Slide

40. View Slide

41. View Slide

42. View Slide

43. View 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
    

    View Slide

45. RECONNECTING
    

    View Slide

46. HUMANS. INDIVIDUALS.
    

    View Slide

47. AM I A BETTER DESIGNER?
    

    View Slide

48. AM I A BETTER DESIGNER?
    

    View Slide

49. MY LIFE IS MODULAR
    

    View Slide

50. I move things around
    until they look right.
    Milton Glaser
    

    View Slide

51. I move things around
    until they look right.
    Milton Glaser
    

    View Slide

52. I move things around
    until they look right.
    Milton Glaser
    

    View Slide

53. WHEN I WAS A KID…
    

    View Slide

54. WHEN I WAS A KID…
    

    View Slide

55. THIS IS WHO WE ARE
    

    View Slide

56. THE DEATH
    OF WEB DESIGN
    

    View Slide

57. THE DEATH
    OF WEB DESIGN
    

    View Slide

58. THE DEATH
    OF WEB DESIGN
    

    View Slide

59. View Slide

60. View Slide

61. View Slide

62. DESIGN EVOLVES
    

    View Slide

63. MACHINES
    

    View Slide

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

    View Slide

65. EMPATHY
    

    View Slide

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

    View Slide

67. TOOLS
    

    View Slide

68. SHOULD WE CODE?
    

    View Slide

69. HTML is not code. It's markup.
    Just like typese ing. Which is firmly
    in the realm of designers.
    Mark Boulton
    

    View Slide

70. HTML is not code. It's markup.
    Just like typese ing. Which is firmly
    in the realm of designers.
    Mark Boulton
    

    View Slide

71. http://tools.subtraction.com
    

    View Slide

72. BRAINS.
    IDEAS.
    REALISATION.
    

    View Slide

73. BRAINS.
    IDEAS.
    REALISATION.
    

    View Slide

74. BRAINS.
    IDEAS.
    REALISATION.
    

    View Slide

75. BRAINS.
    IDEAS.
    REALISATION.
    

    View Slide

76. BRAINS.
    IDEAS.
    REALISATION.
    

    View Slide

77. MY TEAM
    

    View Slide

78. MY TEAM
    

    View Slide

79. DELIVERABLES
    

    View Slide

80. http://smacss.com
    

    View Slide

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

    View Slide

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

    View Slide

83. http://pattern-lab.info/
    

    View Slide

84. LANGUAGE
    

    View Slide

85. LANGUAGE
    

    View Slide

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

    View 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
    

    View Slide

88. FLEXIBILITY
    

    View Slide

89. KEEP LEARNING
    

    View Slide

90. @colly
    THANK YOU
    

    View Slide