I am wondering what changes ( if any ) that I should consider making to a website to make it more friendly to mobile devices. I am focusing mainly on use in landscape mode. I know i can remove sidebars and that type of think but I am more interested in some simple and basic adjustments rather than fully accommodating mobile use ( in other words i estimate a low use of the site in mobile and there is not a budget to develop a dedicated mobile site/app ). I guess I already know about fallback images for flash and maybe increasing text size but is there anything else ?
Share
The primary concern is to have it display reasonably well scaled, for which you will need to use the viewport tag. Other than that you’ll need to worry about the various javascript/css inconsistencies between webkit, safari, etc.
Also, since the user is likely to be on a weak connection, you should go back to 1990s style concern over your code and image weight. Try to keep things as light as possible to reduce download times. The rule of thumb used to be, no individual page should be larger than 100k.
This may be controversial, but in my opinion you should avoid using frameworks (jquery, etc) that download a ton of functions, of which you then use practically none. Unless your site is really dependent on it, just write your own functionality and save the bandwidth.
And of course if iPhone is your concern (or any iOS device) then Flash is a non-starter.