10 responsive design tips to make your website shine

Want to know how to get the most out of your responsive web design? In our second extract from his ebook Responsive design: how to weave content into an adaptive framework, we look at author and content strategist Danny Chadburn’s 10 takeaways for making your website look great across devices.

1. Deconstruct your content

Break it up into digestible chunks and prioritise each element to act in an optimised fashion within a responsive framework. (Read more about this in our previous post: How responsive design is changing the way content producers work.)

2. Make friends with developers

Discuss what features and functionality you may need in order to allow what you create to make logical sense whenever and however it is viewed.

3. Test with accessibility tools

Ensure your content flows as it should by running it through text-to-speech software and listening to how your message comes across.

4. Put experience on the map

Use your site map to segment your content types and responsively determine the most suitable menu elements and page templates based on the most likely user activity.

5. Review your partners

Audit any feeds and embedded content from third-party partners and affiliates to see if they sit seamlessly within your responsive design.

6. Make the next click count

The links that you include in your site are there to be clicked on so make sure that you are sending your users to pages that are suitable for the device that they are on.

7. Put things in the picture

Work closely with your dev and design teams to create a uniform format that dictates how images, graphics and diagrams display. Think about sensible scaling and text overlaying images.

8. Use what’s already out there

Whatever type of content you’re producing, there’s probably an API already out there that will make it more usable within your responsive structure.

9. Streamline your forms

Mobile users aren’t the only ones who are put off when faced with a lengthy form to fill in. Take away any unnecessary fields, and don’t add them back in for larger displays.

10. Know the sharing situation

The default Twitter and Facebook buttons might not always be the right option, so analyse by device how your users share, and replace the icons they see to offer them a single click solution.

Responsive Design book coverRead the ebook

You can download and read the full ebook on responsive design by Danny Chadburn here. The book explains responsive design in a simple, accessible way for digital communications professionals.

You can also read a sample chapter in our recent post: How responsive design is changing the way content producers work.

You might also like: