Technical Best Practices for Mobile WAP Site Development
March 12, 2010
Feature phones vs Smartphones
Feature phone
No HTML table support
Single column
Make them light – Restrict to 20kb/page
Smartphones – (iPhone and BlackBerry Phones)
Support for HTML Tables, multi-column
Generous use of graphic images (generally restricting to 20 kb/page) Portrait and landscape mode
Take advantage of dynamic html and javascript
Best Practices
Avoid horizontal scroll bar – architect the site so that the elements on each page do not exceed maximum display width
Use of device detection/dimension detection and stylesheets
Standard device widths of 320, 240, 176, 128
Vertical scroll bar takes up 10 – 20 pixels, depending on the device
320 may mean 300 useable space, 240 may mean 220 usable space