Designing Delightful Experiences, Responsively

1,035 views
981 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
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,035
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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

×