Upload
jonas-feiring
View
992
Download
0
Embed Size (px)
DESCRIPTION
Breif introduction to Resonsive Design, and discussion on how to use it in a Design Strategy for multiple platforms.
Citation preview
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