designing delightful experiences, responsively

designingDELIGHTFUL

experiences, responsively

@lukebrooker

Friday, 31 August 12

"Responsive design is boring"

is guy I know.


How can we make our designs not just good,

BUT DELIGHTFUL?


1. NOT CRAP2. 3. 4.


wtfmobileweb.com


SWEAT THE DETAILS…not the pixels


test early, often andACROSS MULTIPLE

DEVICES

image via Brad Frost


1. NOT CRAP2. GOOD3. 4.


give usersWHAT THEY WANT


and give it to themQUICKLY


“…the average Web page size is over 1MB

and growing. 86% of responsive web designs

send the same content to mobile devices.”

Brad Frost


SOME ARE MUCH WORSE

grolsch.com


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


1. NOT CRAP2. GOOD3. GREAT 4.


NEW DEVICES= NEW CAPABILITIES


TOUCH


LOCATION


IF IT’S A PHONE,REMEMBER...


IT’S A PHONE!<a href="tel:1234567890">Call Us<a/>


Don’t forgetProgressive enhancement

NEW DEVICES= NEW CAPABILITIES


1. NOT CRAP2. GOOD3. GREAT4. DELIGHTFUL


getmentalnotes.com


EASY FOR DEVELOPERS

css-tricks.com


MAKE BORING TASKS EXCITING

photojojo.com


DELIGHTFUL COPY IS UNIVERSAL

codekit.com


codekit.com


NOT CRAP• People can use your site across devices



GOOD• People "nd your site fast & easy to use



GOOD• People "nd your site fast & easy to use

GREAT• People like your site and use it often


DELIGHTFUL• ey love your site and tell their friends


BE DELIGHTFULTHANKS

@lukebrooker


designing delightful experiences, responsively

Technology

site fast

brad frostfriday

crap people

delightful

devices

site

crap 2

great 4