10 responsive design tips to make your website shine

Skyline view of Paris with Eiffel Tower in background.

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:

CJ Walker

Related Posts

Call to action

Find out more about our Firehead course instructor: Chris Morgan

At Firehead, we’re extremely proud of the exceptional quality authors we’ve gathered in our training centre. They are top names and thought leaders in their fields. Chris Morgan has created a Firehead new exclusive course: Presenting in English with Equal…...

CJ Walker
Room full of people at a lecture.

Boye & Company Digital Leadership Conference Notes

I attended the Boye & Company Digital Leadership conference in Aarhus Denmark this 7-9 November. I attended two years ago, when I gave a presentation on managing the noise in your content and met so many fascinating and future-thinking leaders…...

CJ Walker
Pile of Boye & Co lanyards on desk.

Find out more about our Firehead course instructor: Hilary Marsh

At Firehead, we’re extremely proud of the exceptional quality authors we’ve gathered in our training centre. They are top names and thought leaders in their fields. Hilary Marsh is our Content strategy overview course author. She's an internationally recognised expert…...

CJ Walker
plain language, ABC

What you will and won’t get from a content strategy course

Our content strategy overview course author, Hilary Marsh, explains what you can and cannot expect from taking a content strategy course. In our new Content Strategy Overview course, you will get a solid introduction to the parts and pieces of…...

CJ Walker

The four benefits of a content strategy

Our content strategy overview course author, Hilary Marsh, explains why and how a content strategy is so important to integrate into your organization's business processes. If you plan, create, manage, and share content in a strategic way, your audience will…...

CJ Walker