One Size Fits None

0fe2973fa8d27d96547e43322341183a?s=47 Swwweet
October 08, 2013

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/

0fe2973fa8d27d96547e43322341183a?s=128

Swwweet

October 08, 2013
Tweet

Transcript

  1. FITS FITS one size none @martuishere marta armada

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

  3. swwweet.com @martuishere

  4. TOOLS TOOLS

  5. goal goal items used to achieve a

  6. None
  7. None
  8. None
  9. None
  10. None
  11. right tools

  12. None
  13. None
  14. flic.kr/p/5YoE8B @martuishere

  15. wrong tools

  16. None
  17. we all use tools

  18. None
  19. None
  20. None
  21. they allow us to design faster

  22. control control but they can take

  23. it’s what I’ve always used

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

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

    I’ve always used all the cool kids are using it!
  26. trends age fast

  27. what cms do you use?

  28. what color do you use?

  29. what font do you use?

  30. how often is it going to be updated?

  31. is the client willing to learn new things? how often

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

    is it going to be updated? how much control do they really need?
  33. javierusobiaga.com @martuishere

  34. statamic.com @martuishere

  35. use the right tool right

  36. None
  37. None
  38. grabaperch.com @martuishere

  39. it’s not only CMSs...

  40. None
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None
  50. None
  51. None
  52. None
  53. None
  54. None
  55. None
  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
  57. None
  58. None
  59. None
  60. content content around around design U

  61. gridsetapp.com @martuishere

  62. we look for perfect recipes

  63. None
  64. BEFORE BEFORE SOLUTION PROBLEM

  65. None
  66. None
  67. None
  68. None
  69. None
  70. None
  71. None
  72. None
  73. None
  74. None
  75. 10 designers 10 designers

  76. 10 problems 10 problems 10 designers 10 designers

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

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

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

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

  81. LAZY LAZY ...this is us being

  82. libraries and frameworks help us build things faster

  83. PRICE PRICE it comes at a

  84. None
  85. None
  86. all-purpose tools all-purpose

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

  88. None
  89. but I want to use frameworks!

  90. internal tools

  91. prototyping internal tools

  92. prototyping internal tools learning purposes

  93. PERFORMANCE PERFORMANCE we shouldn’t sacrifice

  94. PROFITABILITY profitability just for the sake of

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

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

  97. tools tools are just tools tools

  98. AUTOMATION AUTOMATION is not the goal

  99. HONESTY HONESTY it all boils down to

  100. flic.kr/p/bA9BgA @martuishere

  101. right reason right reason pick your tools for the

  102. great websites great websites to build

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