Bart gives a presentation on responsive design and lessons learned from building the Rock Werchter website. The key lessons are to think of content first and design around it, design for specific breakpoints to ensure things work at different sizes, start with a mobile-first approach prioritizing touch navigation and information architecture, focus on conversion goals like making the "buy tickets" button prominent, build for high resolution retina displays from the start, and use responsive images and back-end to automatically scale and serve the right image sizes. The overall message is that responsive design requires considering content, design, users and business goals at each step to create a high quality experience across devices.
14. Why responsive design?
‣ one back-end to update
‣ one development cost (higher?)
‣ future ready (throw them devices at me!)
‣ browser-based (serendipity)
‣ no install
‣ coolness...
20. 1. Think content first
‣ photos of bands and artists are central
‣ we started with 1500px
‣ design is based on aspect ratio of photos
‣ content boxes are responsive in width and height
31. 3. Think mobile first
‣ start with touch
‣ navigation and interaction is designed for touch first
‣ information architecture is designed for mobile first
‣ build up to tablet and to desktop
‣ big typography and buttons, made for thumbs