Today, it is important to design websites so that they are accessible by mobile devices (phone, PDA). Websites are currently being optimized to resolution of 1024x768 pixels (respectively 800x600 pixels); but mobile devices resolution is significantly smaller – a mobile phone resolution is approximately 128x90 pixels, PDA approximately 240x320 pixels.
Optimization for Mobile Phones
WebJET can detect an access by mobile device and so it can immediately use a different template. The template for a mobile device can be an another way to define website layout; the text of the website should fit into the entire width of the screen. For example, the menu should be rather generated as a nested list and be located on the top of the website (not on the left as on the standard websites), the header should be shortened and redundant images should be deleted; similarly, the footer should contain only necessary information. Naturally, the template layout can be freely defined and adjusted to the actual website design.
Optimization for iPhone and Android
The situation has been changed by the introduction of touch-operated devices such as iPhone and Android and their advanced web browser. Website view is not conditioned by a technical solution (iOS and Android based browsers are more modern than many standard web browsers used by other visitors) but rather by touch-operating. For touch-operated devices, a special website version should be designed so it is tailored to finger-control:
- Generously sized controls
- Generously sized spaces between the controls
- Simplified navigation
- View testing for width and length
- Flash objects replacement (animations, videos)
- Visual website adjustment (so it looks like a native application)