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

1. Responsive Design
&
Strategic
User Interface Development
for Multiple Platforms

2. Responsive Design
&
Strategic
User Interface Development
for Multiple Platforms
Someone else wrote this :-)

3. Is Responsive Design
the answer
to your multiple plaform needs?

4. Is Responsive Design
the answer
to your multiple plaform needs?
no

5. Is Responsive Design
the answer
to your multiple plaform needs?
no & yes

6. first,
– some background

7. We used to design for this

8. And more recently this

9. But lately...

10. It’s go en
crowded

11. Any analyst will tell you

12. wouldn’t it be nice?

21. What RWD is,
and what it’s not

22. <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

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

24. what RWD is not

25. It will not magically
transform your web site
into a great mobile site

27. layout ≠ content

28. context is king
(people want their iPhone websites)

30. photoshop on a
phone just
wouldn’t work
(actually it does)

31. a proposal
a sensible approach
to desi ning
for multiple platforms

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

33. 2. diet
(nobody wants
your junk)

34. 3. think mobile first
( focus, touch & location)
www.lukew.com

35. 4. “app” it
(so ware has always
been built this way)

36. Platform categories
liberated data

37. orientation &
input methods

38. liberated
data?

39. your CMS will not be happy

40. Cats: All your templates
are belong to us

41. you’ve all seen this

42. 1998 2008

43. old news?

44. consider...

45. 1998 2015

46. 2008 2015

47. 2015: 30 - 50 million
objects on the carrier
networks in Norway.
telenor
2010: 5,65 million
2009: 5,2 million

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

49. Your most important
design decision will
not be esthetic

50. Questions?

51. thanks for listening

52. @feiring