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.

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. NEW DEVICES
= NEW CAPABILITIES
Don’t forget
Progressive enhancement
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 find your site fast & easy to use
Friday, 31 August 12

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 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