Top Banner
Responsive Design & Strategic User Interface Development for Multiple Platforms
52

Is Responsive Design the Answer to Your Multiple Platform Needs?

Jul 09, 2015

Download

Technology

Jonas Feiring

Breif introduction to Resonsive Design, and discussion on how to use it in a Design Strategy for multiple platforms.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Is Responsive Design the Answer to Your Multiple Platform Needs?

Responsive Design&

Strategic User Interface Development

for Multiple Platforms

Page 2: Is Responsive Design the Answer to Your Multiple Platform Needs?

Someone else wrote this :-)

Responsive Design&

Strategic User Interface Development

for Multiple Platforms

Page 3: Is Responsive Design the Answer to Your Multiple Platform Needs?

Is Responsive Designthe answer

to your multiple plaform needs?

Page 4: Is Responsive Design the Answer to Your Multiple Platform Needs?

no

Is Responsive Designthe answer

to your multiple plaform needs?

Page 5: Is Responsive Design the Answer to Your Multiple Platform Needs?

no yes&

Is Responsive Designthe answer

to your multiple plaform needs?

Page 6: Is Responsive Design the Answer to Your Multiple Platform Needs?

first,– some background

Page 7: Is Responsive Design the Answer to Your Multiple Platform Needs?

We used to design for this

Page 8: Is Responsive Design the Answer to Your Multiple Platform Needs?

And more recently this

Page 9: Is Responsive Design the Answer to Your Multiple Platform Needs?

But lately...

Page 10: Is Responsive Design the Answer to Your Multiple Platform Needs?

It’s go!encrowded

Page 11: Is Responsive Design the Answer to Your Multiple Platform Needs?

Any analyst will tell you

Page 12: Is Responsive Design the Answer to Your Multiple Platform Needs?

wouldn’t it be nice?

Page 13: Is Responsive Design the Answer to Your Multiple Platform Needs?
Page 14: Is Responsive Design the Answer to Your Multiple Platform Needs?
Page 15: Is Responsive Design the Answer to Your Multiple Platform Needs?
Page 16: Is Responsive Design the Answer to Your Multiple Platform Needs?
Page 17: Is Responsive Design the Answer to Your Multiple Platform Needs?
Page 18: Is Responsive Design the Answer to Your Multiple Platform Needs?
Page 19: Is Responsive Design the Answer to Your Multiple Platform Needs?
Page 20: Is Responsive Design the Answer to Your Multiple Platform Needs?
Page 21: Is Responsive Design the Answer to Your Multiple Platform Needs?

What RWD is,and what it’s not

Page 22: Is Responsive Design the Answer to Your Multiple Platform Needs?

@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)">

Page 23: Is Responsive Design the Answer to Your Multiple Platform Needs?

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

Page 24: Is Responsive Design the Answer to Your Multiple Platform Needs?

what RWD is not

Page 25: Is Responsive Design the Answer to Your Multiple Platform Needs?

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

Page 26: Is Responsive Design the Answer to Your Multiple Platform Needs?
Page 27: Is Responsive Design the Answer to Your Multiple Platform Needs?

layout ≠ content

Page 28: Is Responsive Design the Answer to Your Multiple Platform Needs?

context is king(people want their iPhone websites)

Page 29: Is Responsive Design the Answer to Your Multiple Platform Needs?
Page 30: Is Responsive Design the Answer to Your Multiple Platform Needs?

photoshop on a phone just

wouldn’t work(actually it does)

Page 31: Is Responsive Design the Answer to Your Multiple Platform Needs?

a sensible approachto designing

for multiple platforms

a proposal

Page 32: Is Responsive Design the Answer to Your Multiple Platform Needs?

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

Page 33: Is Responsive Design the Answer to Your Multiple Platform Needs?

2. diet(nobody wants

your junk)

Page 34: Is Responsive Design the Answer to Your Multiple Platform Needs?

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

www.lukew.com

Page 35: Is Responsive Design the Answer to Your Multiple Platform Needs?

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

been built this way)

Page 36: Is Responsive Design the Answer to Your Multiple Platform Needs?

Platform categories

liberated data

Page 37: Is Responsive Design the Answer to Your Multiple Platform Needs?

orientation &input methods

Page 38: Is Responsive Design the Answer to Your Multiple Platform Needs?

liberated data?

Page 39: Is Responsive Design the Answer to Your Multiple Platform Needs?

your CMS will not be happy

Page 40: Is Responsive Design the Answer to Your Multiple Platform Needs?

Cats: All your templates are belong to us

Page 41: Is Responsive Design the Answer to Your Multiple Platform Needs?

you’ve all seen this

Page 42: Is Responsive Design the Answer to Your Multiple Platform Needs?

1998 2008

Page 43: Is Responsive Design the Answer to Your Multiple Platform Needs?

old news?

Page 44: Is Responsive Design the Answer to Your Multiple Platform Needs?

consider...

Page 45: Is Responsive Design the Answer to Your Multiple Platform Needs?

1998 2015

Page 46: Is Responsive Design the Answer to Your Multiple Platform Needs?

2008 2015

Page 47: Is Responsive Design the Answer to Your Multiple Platform Needs?

2009: 5,2 million

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

telenor

2010: 5,65 million

Page 48: Is Responsive Design the Answer to Your Multiple Platform Needs?

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

Page 49: Is Responsive Design the Answer to Your Multiple Platform Needs?

Your most importantdesign decision will

not be esthetic

Page 50: Is Responsive Design the Answer to Your Multiple Platform Needs?

Questions?

Page 51: Is Responsive Design the Answer to Your Multiple Platform Needs?

thanks for listening

Page 52: Is Responsive Design the Answer to Your Multiple Platform Needs?

@feiring