Responsive Design       &          StrategicUser Interface Development   for Multiple Platforms
Responsive Design       &          StrategicUser Interface Development   for Multiple Platforms  Someone else wrote this :-)
Is Responsive Design        the answerto your multiple plaform needs?
Is Responsive Design        the answerto your multiple plaform needs?            no
Is Responsive Design        the answerto your multiple plaform needs?   no        &      yes
first,  – somebackground
We used to design for this
And more recently this
But lately...
It’s gotten crowded
Any analyst will tell you
wouldn’t it be nice?
What RWD is,and what it’s not
<link rel="stylesheet" href="ipad-portrait.css"   media="only screen   and (min-device-width : 768px)   and (max-device-wi...
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 proposal a sensible approach     to designingfor multiple platforms
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(software has always  been built this way)
Platform categories  liberated data
orientation &input methods
liberateddata?
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
2015: 30 - 50 millionobjects 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
Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs?
Is Responsive Design the Answer to Your Multiple Platform Needs?
Upcoming SlideShare
Loading in...5
×

Is Responsive Design the Answer to Your Multiple Platform Needs?

994

Published on

Breif introduction to Resonsive Design, and discussion on how to use it in a Design Strategy for multiple platforms.

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
994
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
15
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Is Responsive Design the Answer to Your Multiple Platform Needs?

    1. 1. Responsive Design & StrategicUser Interface Development for Multiple Platforms
    2. 2. Responsive Design & StrategicUser Interface Development for Multiple Platforms Someone else wrote this :-)
    3. 3. Is Responsive Design the answerto your multiple plaform needs?
    4. 4. Is Responsive Design the answerto your multiple plaform needs? no
    5. 5. Is Responsive Design the answerto your multiple plaform needs? no & yes
    6. 6. first, – somebackground
    7. 7. We used to design for this
    8. 8. And more recently this
    9. 9. But lately...
    10. 10. It’s gotten crowded
    11. 11. Any analyst will tell you
    12. 12. wouldn’t it be nice?
    13. 13. What RWD is,and what it’s not
    14. 14. <link rel="stylesheet" href="ipad-portrait.css" media="only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)"> @media queries& other techniques
    15. 15. RWD is bloody hard, that’s what it is. (= expensive & time consuming)
    16. 16. what RWD is not
    17. 17. It will not magicallytransform your web site into a great mobile site
    18. 18. layout ≠ content
    19. 19. context is king(people want their iPhone websites)
    20. 20. photoshop on a phone just wouldn’t work (actually it does)
    21. 21. a proposal a sensible approach to designingfor multiple platforms
    22. 22. 1. let go(you just can’t please everybody)
    23. 23. 2. diet(nobody wants your junk)
    24. 24. 3. think mobile first (focus, touch & location) www.lukew.com
    25. 25. 4. “app” it(software has always been built this way)
    26. 26. Platform categories liberated data
    27. 27. orientation &input methods
    28. 28. liberateddata?
    29. 29. your CMS will not be happy
    30. 30. Cats: All your templates are belong to us
    31. 31. you’ve all seen this
    32. 32. 1998 2008
    33. 33. old news?
    34. 34. consider...
    35. 35. 1998 2015
    36. 36. 2008 2015
    37. 37. 2015: 30 - 50 millionobjects on the carrier networks in Norway. telenor 2010: 5,65 million 2009: 5,2 million
    38. 38. 2012: wifi light bulbs an IP-address for every light bulb
    39. 39. Your most importantdesign decision will not be esthetic
    40. 40. Questions?
    41. 41. thanks for listening
    42. 42. @feiring
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×