Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
designing                         DELIGHTFUL                       experiences, responsively                              ...
"Responsive design is boring"                               is guy I know.Friday, 31 August 12
How can we make our                        designs not just good,                       BUT DELIGHTFUL?Friday, 31 August 12
1. NOT CRAP                       2.                       3.                       4.Friday, 31 August 12
wtfmobileweb.comFriday, 31 August 12
wtfmobileweb.comFriday, 31 August 12
SWEAT THE                        DETAILS…                       not the pixelsFriday, 31 August 12
test early, often and                       ACROSS MULTIPLE                             DEVICES                           ...
1. NOT CRAP                       2. GOOD                       3.                       4.Friday, 31 August 12
give users                       WHAT THEY WANTFriday, 31 August 12
and give it to them                         QUICKLYFriday, 31 August 12
“…the average Web page size is over 1MB                  and growing. 86% of responsive web designs                       ...
SOME ARE MUCH WORSE                              grolsch.comFriday, 31 August 12
QUICK WINS                       •   Strip out useless content                           (on all devices)                 ...
1. NOT CRAP                       2. GOOD                       3. GREAT                       4.Friday, 31 August 12
NEW DEVICES                 = NEW CAPABILITIESFriday, 31 August 12
TOUCHFriday, 31 August 12
LOCATIONFriday, 31 August 12
IF IT’S A PHONE,                         REMEMBER...Friday, 31 August 12
IT’S A PHONE!                       <a href="tel:1234567890">Call Us<a/>Friday, 31 August 12
NEW DEVICES                 = NEW CAPABILITIES                       Don’t forget                       Progressive enhanc...
1. NOT CRAP                       2. GOOD                       3. GREAT                       4. DELIGHTFULFriday, 31 Aug...
getmentalnotes.comFriday, 31 August 12
EASY FOR DEVELOPERS                             css-tricks.comFriday, 31 August 12
MAKE BORING TASKS                           EXCITING                            photojojo.comFriday, 31 August 12
DELIGHTFUL COPY IS                           UNIVERSAL                             codekit.comFriday, 31 August 12
codekit.comFriday, 31 August 12
codekit.comFriday, 31 August 12
codekit.comFriday, 31 August 12
NOT CRAP                       •   People can use your site across devicesFriday, 31 August 12
NOT CRAP                       •   People can use your site across devices                           GOOD                 ...
NOT CRAP                       •   People can use your site across devices                           GOOD                 ...
DELIGHTFUL                       •   ey love your site and tell their friendsFriday, 31 August 12
BE DELIGHTFUL                            THANKS                           @lukebrookerFriday, 31 August 12
Upcoming SlideShare
Loading in …5
×

Designing Delightful Experiences, Responsively

1,162 views

Published on

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.

Published in: Technology, Design
  • Be the first to comment

Designing Delightful Experiences, Responsively

  1. 1. designing DELIGHTFUL experiences, responsively @lukebrookerFriday, 31 August 12
  2. 2. "Responsive design is boring" is guy I know.Friday, 31 August 12
  3. 3. How can we make our designs not just good, BUT DELIGHTFUL?Friday, 31 August 12
  4. 4. 1. NOT CRAP 2. 3. 4.Friday, 31 August 12
  5. 5. wtfmobileweb.comFriday, 31 August 12
  6. 6. wtfmobileweb.comFriday, 31 August 12
  7. 7. SWEAT THE DETAILS… not the pixelsFriday, 31 August 12
  8. 8. test early, often and ACROSS MULTIPLE DEVICES image via Brad FrostFriday, 31 August 12
  9. 9. 1. NOT CRAP 2. GOOD 3. 4.Friday, 31 August 12
  10. 10. give users WHAT THEY WANTFriday, 31 August 12
  11. 11. and give it to them QUICKLYFriday, 31 August 12
  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 FrostFriday, 31 August 12
  13. 13. SOME ARE MUCH WORSE grolsch.comFriday, 31 August 12
  14. 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 lazilyFriday, 31 August 12
  15. 15. 1. NOT CRAP 2. GOOD 3. GREAT 4.Friday, 31 August 12
  16. 16. NEW DEVICES = NEW CAPABILITIESFriday, 31 August 12
  17. 17. TOUCHFriday, 31 August 12
  18. 18. LOCATIONFriday, 31 August 12
  19. 19. IF IT’S A PHONE, REMEMBER...Friday, 31 August 12
  20. 20. IT’S A PHONE! <a href="tel:1234567890">Call Us<a/>Friday, 31 August 12
  21. 21. NEW DEVICES = NEW CAPABILITIES Don’t forget Progressive enhancementFriday, 31 August 12
  22. 22. 1. NOT CRAP 2. GOOD 3. GREAT 4. DELIGHTFULFriday, 31 August 12
  23. 23. getmentalnotes.comFriday, 31 August 12
  24. 24. EASY FOR DEVELOPERS css-tricks.comFriday, 31 August 12
  25. 25. MAKE BORING TASKS EXCITING photojojo.comFriday, 31 August 12
  26. 26. DELIGHTFUL COPY IS UNIVERSAL codekit.comFriday, 31 August 12
  27. 27. codekit.comFriday, 31 August 12
  28. 28. codekit.comFriday, 31 August 12
  29. 29. codekit.comFriday, 31 August 12
  30. 30. NOT CRAP • People can use your site across devicesFriday, 31 August 12
  31. 31. NOT CRAP • People can use your site across devices GOOD • People find your site fast & easy to useFriday, 31 August 12
  32. 32. NOT CRAP • People can use your site across devices GOOD • People find your site fast & easy to use GREAT • People like your site and use it oftenFriday, 31 August 12
  33. 33. DELIGHTFUL • ey love your site and tell their friendsFriday, 31 August 12
  34. 34. BE DELIGHTFUL THANKS @lukebrookerFriday, 31 August 12

×