Designing Delightful Experiences, Responsively

Preview:

DESCRIPTION

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.

Citation preview

designingDELIGHTFUL

experiences, responsively

@lukebrooker

Friday, 31 August 12

"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 CRAP2. 3. 4.

Friday, 31 August 12

wtfmobileweb.com

Friday, 31 August 12

wtfmobileweb.com

Friday, 31 August 12

SWEAT THE DETAILS…not the pixels

Friday, 31 August 12

test early, often andACROSS MULTIPLE

DEVICES

image via Brad Frost

Friday, 31 August 12

1. NOT CRAP2. GOOD3. 4.

Friday, 31 August 12

give usersWHAT THEY WANT

Friday, 31 August 12

and give it to themQUICKLY

Friday, 31 August 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

SOME ARE MUCH WORSE

grolsch.com

Friday, 31 August 12

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

1. NOT CRAP2. GOOD3. GREAT 4.

Friday, 31 August 12

NEW DEVICES= NEW CAPABILITIES

Friday, 31 August 12

TOUCH

Friday, 31 August 12

LOCATION

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

Don’t forgetProgressive enhancement

NEW DEVICES= NEW CAPABILITIES

Friday, 31 August 12

1. NOT CRAP2. GOOD3. GREAT4. DELIGHTFUL

Friday, 31 August 12

getmentalnotes.com

Friday, 31 August 12

EASY FOR DEVELOPERS

css-tricks.com

Friday, 31 August 12

MAKE BORING TASKS EXCITING

photojojo.com

Friday, 31 August 12

DELIGHTFUL COPY IS UNIVERSAL

codekit.com

Friday, 31 August 12

codekit.com

Friday, 31 August 12

codekit.com

Friday, 31 August 12

codekit.com

Friday, 31 August 12

NOT CRAP• People can use your site across devices

Friday, 31 August 12

NOT CRAP• People can use your site across devices

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

Friday, 31 August 12

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

DELIGHTFUL• ey love your site and tell their friends

Friday, 31 August 12

BE DELIGHTFULTHANKS

@lukebrooker

Friday, 31 August 12