Responsive Design&

Strategic User Interface Development

for Multiple Platforms

Someone else wrote this :-)

Responsive Design&

Strategic User Interface Development

for Multiple Platforms

Is Responsive Designthe answer

to your multiple plaform needs?

no

Is Responsive Designthe answer

to your multiple plaform needs?

no yes&

Is Responsive Designthe answer

to your multiple plaform needs?

first,– some background

We used to design for this

And more recently this

But lately...

It’s go!encrowded

Any analyst will tell you

wouldn’t it be nice?

What RWD is,and what it’s not

@media queries& other techniques

<link rel="stylesheet" href="ipad-portrait.css" media="only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)">

RWD is bloody hard,that’s what it is.(= expensive & time consuming)

what RWD is not

It will not magicallytransform your web site into a great mobile site

layout ≠ content

context is king(people want their iPhone websites)

photoshop on a phone just

wouldn’t work(actually it does)

a sensible approachto designing

for multiple platforms

a proposal

1. let go(you just can’t please everybody)

2. diet(nobody wants

your junk)

3. think mobile first( focus, touch & location)

www.lukew.com

4. “app” it(so"ware has always

been built this way)

Platform categories

liberated data

orientation &input methods

liberated data?

your CMS will not be happy

Cats: All your templates are belong to us

you’ve all seen this

1998 2008

old news?

consider...

1998 2015

2008 2015

2009: 5,2 million

2015: 30 - 50 million objects on the carrier networks in Norway.

telenor

2010: 5,65 million

2012: wifi light bulbs an IP-address for every light bulb

Your most importantdesign decision will

not be esthetic

Questions?

thanks for listening

@feiring