Explore our Digital Experience Management Toolkit

Ten practical tips to implement Responsive Design [Infographic]

Author's avatar By Dave Chaffey 16 Jan, 2014
Essential Essential topic

Resources and examples to inspire effective mobile experiences

Responsive Design (RWD) is a key trend in creating effective online customer experiences driven by the need to cost-effectively build sites across desktop, tablet, phablet and smartphone.

I featured it at #13 in the digital marketing techniques that would be important in my 2014 digital marketing trends post and Smart Insights readers voted investment in mobile as the second trend with the most commercial potential for 2014.

To help marketers to create effective experiences we have featured many articles discussing best practice, examples and implementation for responsive design on Smart Insights through 2012 and 2013 which I thought it might be helpful to collect together here:

I hope there will be more discussion in 2014 about adaptive designs too since there are limitations of simple "one-size fits all" RWD implementations in terms of speed, experience and conversion that can be overcome through an adaptive design based on tailoring for specific device types. So I'm hoping to publish more articles on this - do let me know if you have strong thoughts on the best way to implement adaptive so we can move away from the simplistic Responsive = 100% good type thinking.

Collecting these resources together for anyone planning a site redesign project was prompted by this useful and stylish infographic from Splio that gives useful tips on how to implement responsive design. I hope that's helpful too!


Author's avatar

By Dave Chaffey

Digital strategist Dr Dave Chaffey is co-founder and Content Director of online marketing training platform and publisher Smart Insights. 'Dr Dave' is known for his strategic, but practical, data-driven advice. He has trained and consulted with many business of all sizes in most sectors. These include large international B2B and B2C brands including 3M, BP, Barclaycard, Dell, Confused.com, HSBC, Mercedes-Benz, Microsoft, M&G Investment, Rentokil Initial, O2, Royal Canin (Mars Group) plus many smaller businesses. Dave is editor of the templates, guides and courses in our digital marketing resource library used by our Business members to plan, manage and optimize their marketing. Free members can access our free sample templates here. Dave is also keynote speaker, trainer and consultant who is author of 5 bestselling books on digital marketing including Digital Marketing Excellence and Digital Marketing: Strategy, Implementation and Practice. In 2004 he was recognised by the Chartered Institute of Marketing as one of 50 marketing ‘gurus’ worldwide who have helped shape the future of marketing. My personal site, DaveChaffey.com, lists my latest Digital marketing and E-commerce books and support materials including a digital marketing glossary. Please connect on LinkedIn to receive updates or ask me a question.

This blog post has been tagged with:

Responsive Web Design (RWD)

Recommended Blog Posts