Responsive design

A look an what responsive design is and isn't. How to use it right, and how it fits in a broader channel strategy.

Transcript

1. Responsive Design & Strategic User Interface Development for Multiple Platforms
2. Someone else wrote this :-) Responsive Design & Strategic User Interface Development for Multiple Platforms
3. Is Responsive Design the answer to your multiple plaform needs?
4. no Is Responsive Design the answer to your multiple plaform needs?
5. no yes & Is Responsive Design the answer to your multiple plaform needs?
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. @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)">
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 sensible approach to desi ning for multiple platforms a proposal
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. 2009: 5,2 million 2015: 30 - 50 million objects on the carrier networks in Norway. telenor 2010: 5,65 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