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.

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