Designing websites for mobile phones
Believe it or not, there are still websites that either are not optimised for tablets and mobile phones, or have display half-heartedly. Not only does this make for a poor user experience, it can also lead to lost visitors and therefore prospects and lower rankings in search engines.
However, there are still a few things to bear in mind. Even with the increased bandwidth of 5G it is not universal, especially on the move. And typically, browsing will be more restricted to the core elements on a given website. That is why the best mobile web experiences offer a variant of their website optimised for the web. This should include thinking about:
- reducing file sizes
- removing unnecessary code such as JavaScript or at least minimising it and serving it after the core HTML
- thinking carefully about video type and wherever possible use a third party host such as Vimeo or YouTube
- what is visible on a reduced physical screen size
Just because a 6 inch screen may have over 2,000 pixels across that doesn't mean that text is legible when designed for that screen resolution. Key things to think about when designing for a mobile phone web interface include:
- as a first step, create different web templates based upon modified CSS and XHTML to provide a simpler interface for mobile web browsing
- identify the key things that users will come to the website for and dedicate most resources and screen space to this aspect
- understand what browsers your audiences will be using and use a "browser sniffer" to identify the browser and deliver the appropriate web templates
- and remember, even though you have optimised for a smaller handheld device, the user is king, give them the option to view the standard site on their phone with an obvious link
There are a number of technical and design specific issues as well around web design for mobile devices and if you're interested about those, we'd be happy to have a chat and see how we can help.