One Size Fits None

There's an ongoing pressure to produce faster, easier, reusable code and websites: boilerplates, frameworks, bootstraps, grid systems... This usually leads to cookie-cut, one-size-fits-all websites. Design patterns are repeated over and over, code snippets are introduced into our projects without second thoughts. It's time us web designers regain control over our tools and start using them for the purpose they were created in the first place: producing tailored experiences for our users.

This talk was given by Marta Armada at DIBI 2013, in Newcastle, UK: http://www.dibiconference.com/

Transcript

1. FITS
   FITS
   one size
   none
   @martuishere
   marta armada
   

   View Slide

2. ¡hola!
   ¡hola!
   Icon: Inês Delicioso, from The Noun Project
   

   View Slide

3. swwweet.com
   @martuishere
   

   View Slide

4. TOOLS
   TOOLS
   

   View Slide

5. goal
   goal
   items used to achieve a
   

   View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. View Slide

11. right
    tools
    

    View Slide

12. View Slide

13. View Slide

14. flic.kr/p/5YoE8B
    @martuishere
    

    View Slide

15. wrong
    tools
    

    View Slide

16. View Slide

17. we all use tools
    

    View Slide

18. View Slide

19. View Slide

20. View Slide

21. they allow us to design faster
    

    View Slide

22. control
    control
    but they can take
    

    View Slide

23. it’s what I’ve always used
    

    View Slide

24. I don’t have time to learn new things
    it’s what I’ve always used
    

    View Slide

25. I don’t have time to learn new things
    it’s what I’ve always used
    all the cool kids are using it!
    

    View Slide

26. trends
    age fast
    

    View Slide

27. what cms do you use?
    

    View Slide

28. what color do you use?
    

    View Slide

29. what font do you use?
    

    View Slide

30. how often is it going to be updated?
    

    View Slide

31. is the client willing to learn new things?
    how often is it going to be updated?
    

    View Slide

32. is the client willing to learn new things?
    how often is it going to be updated?
    how much control do they really need?
    

    View Slide

33. javierusobiaga.com
    @martuishere
    

    View Slide

34. statamic.com
    @martuishere
    

    View Slide

35. use the right tool
    right
    

    View Slide

36. View Slide

37. View Slide

38. grabaperch.com
    @martuishere
    

    View Slide

39. it’s not only CMSs...
    

    View Slide

40. View Slide

41. View Slide

42. View Slide

43. View Slide

44. View Slide

45. View Slide

46. View Slide

47. View Slide

48. View Slide

49. View Slide

50. View Slide

51. View Slide

52. View Slide

53. View Slide

54. View Slide

55. View Slide

56. “Applying a pre-existing grid framework
    for a new project seems kind of like
    applying a pre-existing colour palette.”
    jeremy keith
    e e
    

    View Slide

57. View Slide

58. View Slide

59. View Slide

60. content
    content
    around
    around
    design
    U
    

    View Slide

61. gridsetapp.com
    @martuishere
    

    View Slide

62. we look for perfect recipes
    

    View Slide

63. View Slide

64. BEFORE
    BEFORE
    SOLUTION
    PROBLEM
    

    View Slide

65. View Slide

66. View Slide

67. View Slide

68. View Slide

69. View Slide

70. View Slide

71. View Slide

72. View Slide

73. View Slide

74. View Slide

75. 10 designers
    10 designers
    

    View Slide

76. 10 problems
    10 problems
    10 designers
    10 designers
    

    View Slide

77. 1 solution
    10 problems
    10 problems
    10 designers
    10 designers
    

    View Slide

78. Twitter Bootstrap now powers 1% of the web
    bit.ly/1cdxUHI
    @martuishere
    

    View Slide

79. 99%
    99%
    proud to be
    part of the
    #occupybootstrap
    

    View Slide

80. this is not how we are supposed
    to build websites...
    

    View Slide

81. LAZY
    LAZY
    ...this is us being
    

    View Slide

82. libraries and frameworks
    help us build things faster
    

    View Slide

83. PRICE
    PRICE
    it comes at a
    

    View Slide

84. View Slide

85. View Slide

86. all-purpose tools
    all-purpose
    

    View Slide

87. libraries and frameworks
    make a lot of decisions for us
    

    View Slide

88. View Slide

89. but I want to use frameworks!
    

    View Slide

90. internal tools
    

    View Slide

91. prototyping
    internal tools
    

    View Slide

92. prototyping
    internal tools
    learning purposes
    

    View Slide

93. PERFORMANCE
    PERFORMANCE
    we shouldn’t sacrifice
    

    View Slide

94. PROFITABILITY
    profitability
    just for the sake of
    

    View Slide

95. custom
    custom
    don’t sell it as
    web design
    

    View Slide

96. one size
    fits all
    one size
    fits all
    flic.kr/p/xE5NS
    @martuishere
    

    View Slide

97. tools
    tools
    are just
    tools
    tools
    

    View Slide

98. AUTOMATION
    AUTOMATION
    is not the goal
    

    View Slide

99. HONESTY
    HONESTY
    it all boils down to
    

    View Slide

100. flic.kr/p/bA9BgA
     @martuishere
     

     View Slide

101. right
     reason
     right
     reason
     pick your tools for the
     

     View Slide

102. great
     websites
     great
     websites
     to build
     

     View Slide

103. thanks!
     THANKS!
     @martuishere
     marta@swwweet.com
     

     View Slide