Designing Delightful Experiences, Responsively

1a06ed07575b1a77fa2b324e1385c2ea?s=47 Luke Brooker
August 30, 2012

Designing Delightful Experiences, Responsively

Spoken at "What do you know" Brisbane. http://whatdoyouknow.webdirections.org/brisbane
--
After slowly being released of print designs grip on the web, we are finally starting to design in a way more susceptive to the systems we are building. But in designing responsively some have over simplified interfaces to a point that users no longer find them engaging. This will give you a scale to judge where you are at and some tips to get to the next level and designing delightfully.

1a06ed07575b1a77fa2b324e1385c2ea?s=128

Luke Brooker

August 30, 2012
Tweet

Transcript

  1. designing DELIGHTFUL experiences, responsively @lukebrooker Friday, 31 August 12

  2. "Responsive design is boring" is guy I know. Friday, 31

    August 12
  3. How can we make our designs not just good, BUT

    DELIGHTFUL? Friday, 31 August 12
  4. 1. NOT CRAP 2. 3. 4. Friday, 31 August 12

  5. wtfmobileweb.com Friday, 31 August 12

  6. wtfmobileweb.com Friday, 31 August 12

  7. SWEAT THE DETAILS… not the pixels Friday, 31 August 12

  8. test early, often and ACROSS MULTIPLE DEVICES image via Brad

    Frost Friday, 31 August 12
  9. 1. NOT CRAP 2. GOOD 3. 4. Friday, 31 August

    12
  10. give users WHAT THEY WANT Friday, 31 August 12

  11. and give it to them QUICKLY Friday, 31 August 12

  12. “…the average Web page size is over 1MB and growing.

    86% of responsive web designs send the same content to mobile devices.” Brad Frost Friday, 31 August 12
  13. SOME ARE MUCH WORSE grolsch.com Friday, 31 August 12

  14. QUICK WINS • Strip out useless content (on all devices)

    • Images are over 60% of the web • Do you need all that javascript? • If all else fails, load lazily Friday, 31 August 12
  15. 1. NOT CRAP 2. GOOD 3. GREAT 4. Friday, 31

    August 12
  16. NEW DEVICES = NEW CAPABILITIES Friday, 31 August 12

  17. TOUCH Friday, 31 August 12

  18. LOCATION Friday, 31 August 12

  19. IF IT’S A PHONE, REMEMBER... Friday, 31 August 12

  20. IT’S A PHONE! <a href="tel:1234567890">Call Us<a/> Friday, 31 August 12

  21. Don’t forget Progressive enhancement NEW DEVICES = NEW CAPABILITIES Friday,

    31 August 12
  22. 1. NOT CRAP 2. GOOD 3. GREAT 4. DELIGHTFUL Friday,

    31 August 12
  23. getmentalnotes.com Friday, 31 August 12

  24. EASY FOR DEVELOPERS css-tricks.com Friday, 31 August 12

  25. MAKE BORING TASKS EXCITING photojojo.com Friday, 31 August 12

  26. DELIGHTFUL COPY IS UNIVERSAL codekit.com Friday, 31 August 12

  27. codekit.com Friday, 31 August 12

  28. codekit.com Friday, 31 August 12

  29. codekit.com Friday, 31 August 12

  30. NOT CRAP • People can use your site across devices

    Friday, 31 August 12
  31. NOT CRAP • People can use your site across devices

    GOOD • People nd your site fast & easy to use Friday, 31 August 12
  32. NOT CRAP • People can use your site across devices

    GOOD • People nd your site fast & easy to use GREAT • People like your site and use it often Friday, 31 August 12
  33. DELIGHTFUL • ey love your site and tell their friends

    Friday, 31 August 12
  34. BE DELIGHTFUL THANKS @lukebrooker Friday, 31 August 12