Going Responsive

A talk given at a June 2015 Capita Digital Marketing event on responsive design.

Transcript

1. GOING RESPONSIVE Key concepts, issues and 
 good practice
3. One website for every screen
5. When a new and disruptive technological capability comes along, we move what we were doing in the old method to the new... “ ” Chuck Martin, CEO of the Mobile Future Institute
6. We don’t have any control over how users experience our website
7. How can we design 
 websites around this?
8. 1.Layering web technologies 2.Thinking content-first 3.Responsive design
9. Why responsive?
10. 1.Better user experience 2.Produce content once 3.Future friendly
11. 1.Better user experience 2.Produce content once 3.Future friendly 4.Google
13. Where do I start?
14. BUSINESS NEEDS USER 
 NEEDS YOUR WEBSITE
15. 1. Retrofit Can be quicker to implement Safer for organisation Can be worse experience Slow site performance
16. 2. Responsive beta Less risk Mobile-first Slower to implement Still only a mobile site
17. 3. Mobile-first fresh start Better performance Future friendly Slower to implement Requires constant investment in time
18. 4. Piece-by-piece Highly visible and quick feedback Solve problems early Frustrating to users Time consuming
19. The design process
20. VERSION 1 NEWS PAGE HOMEPAGE LOGIN VERSION 2 NEWS PAGE HOMEPAGE LOGIN VERSION 3 NEWS PAGE HOMEPAGE LOGIN
21. DESKTOP NEWS PAGE HOMEPAGE LOGIN MOBILE NEWS PAGE HOMEPAGE LOGIN TABLET NEWS PAGE HOMEPAGE LOGIN
22. A web page isn’t a poster
26. Users care about the experience
27. Chris Taylor Interaction Design Team Lead G2G3 Digital ctaylor@g2g3.digital http://g2g3.digital Image credits Slide 1: Responsive Design icon illustration by Wilson Joseph from the Noun Project Slide 3: Responsive illustration by Freepik Slide 6: Multiple devices image: https://www.flickr.com/photos/adactio/6153481666 THANK YOU