TUESDAY TIP
is it JUST a click of a button?
is it JUST a click of a button?
The short answer is NO it is not just a click of a button.
When a website is built ensuring that it views well on every device is a key step. It would be amazing if it really were as simple as a click of a button. Your website design will need adjustments to suit each viewing device and whilst there are tools to make this easier and more effective. It really is a hands-on process
What is Responsiveness?
Responsiveness relates to how well your website adapts to being viewed from different devices.
Why is this important to you?
With typically more than half of your website visitors will be viewing your site from their mobile phone so if your website only views well on pc – that’s more than half of your visitors having that poor experience.
What does that look like?
So what does that look like - well I am sure we have all seen good and bad example but I will share a few.
Example 1
A profession company I viewed from my mobile it was as though someone had taken the Pc rectangle view and scaled it down onto a mobile screen size. The font was tiny and the only way to use the site from a mobile was to scroll in really close to be able to read the mobile.
Example 2
Another company I viewed and this was global leader in their field and on mobile view there were several issues.
Issues in mobile view were:
- Text on the left overlapping the right hand graphic;
- The button on the lower left split in two and the lines of the button broken and covering text;
- The right hand graphic shows partial wording making it unreadable.
Now although this website does have errors, especially on its home page it is still a highly responsive website overall. You can tell many things do look beautifully styled so the designers have spent time supporting the responsive view. However, that being said the main issues relate to their main header which is the first impression visitors get. A home page with errors is not ideal for a global company.
What does a good example look like?
Here is an example of a responsive website. In mobile view the header adjusts to suit a portrait view and the services stack to support this. It is not identical but it closely resembles the PC view and is easy to read on both devices.
So what will help your website be more responsive. Whilst this will vary somewhat between websites here are a few things to focus on for a responsive view:
- The typography showing a similar balance of sizes;
- The imagery is well placed to break up the text;
- The various device views look like sisters not twins.
Best wishes on achieving a more harmonious responsive view for your website visitors.
I hope you've enjoyed that and if you'd like to hear more detail about one of these topics, or a different topic, do let me know. And it'd be great to hear your thoughts and your views. Take care and do get in touch to have a chat and get to know more about what we do and we'd love to hear more about what you do. Please contact us to discuss your needs and see if we are are a good fit for you too.
Love 
Know someone who would also get great value from this post? Simply share
Read More Articles
