There are four rules you should remember when making Mobile Websites
- Mobile site is mobile
- Context is king
- Difference in media
- Mobile is not web
1. Mobile site is mobile
Never forget that a mobile site is mobile. A mobile website is used by users on the move. They can be on the train or bus at a cafe and 1000 other places. It’s important to remember that the user is on the move. Therefore it is important that you also make the page for that purpose. Typically you will not read long in-depth articles. It’s much more likely that they need to find a hotel, a restaurant or similar. It’s also likely that the mobile user has 5 minutes to check what it costs to get to Paris (he might surprise his wife, caused by working too many ours last month.)
2. Context is king
It’s very important that you focus on context. What does the user need right now in the given situation?
If you have 5 minutes. at the busstation, you might just have 5 min. to kill before the bus arrives, but on the other hand on the train then you might have 30 min. to kill.
It is therefore important to focus on what the user wants.
A desktop PC is usually used to read and search for more articles, send important emails and surfing in general. One can therefore say that the desktop PC typically used to solve more time-consuming tasks.
On most smartphones you can ‘track geolocation’, therefore there is already an important information which is unavailable on the desktop PC. This information can be used for many purposes and may be used if you think carefully. An example can be on a flight search preset nearest airport or on a hotel search engine prestart a search for nearest hotels.
In short, the mobile web evolve to be simpler than the desktop PCs and be more focused on solving a task here and now.
3. Difference in media
Mobile devices are obviously very different from notebook and desktop PCs. They often have a non-standard keyboard and a small screen. Furthermore, the mobile devices also vary in size and have different types of keyboard, resolution, etc. and most smartphones have both supine and upright screen size.
The difference between the mobile devices in between means that you have to think deep about what to present. Perhaps consider different designs for different variants and / or cut certain devices from being supported. And example could be – you do not want your mobile site to work on devices with a screen resolution of 320 pixels in width.
4. Mobile is not web
Design for a mobile site is markedly different to a website. So forget about plain website design and think about mobile. Mobile is a unique medium, therefore it must also be considered as a separate media.
- Forget Flash – It doesn’t work on iPhone as an example.
- Forget about 3 column design, there is not enough space.
- Think about what the goal is with your mobile website, it is NOT the same medium as a Website.
- Think about use of images (and video). Images can be heavy to download, and maybe they don’t have the same effect because the screen is very small.
- Think about your navigation, navigation on a mobile is different than on a website. There is not much space and it should be intuitive to use.
Your mobile site is NOT a simple website but a media for themselves. Context of the mobile is different than on a website, it is important to remember that.