How do I design a web page for SPV users?

[Guest almark]

Is the specification I need to follow? Any advice or link to where I can find help, is most welcome.

[Guest almark]

http://www.its.uiowa.edu/cs/sp/pda/PDA-han...ldfriendly.html

Decide which content would be most useful for handhelds; content that will be accessed often or would be useful to the mobile user (the user that is not tied to their desktop). Calendars, maps, and schedules are a natural.

Focus on content, not display. Keep it simple.

Remember the Palm screen is only 160 x 160 pixels (only 150x150 is usable from a browser).

Keep the pages short.

Use hypertext links to navigate forward and backward. Handheld users don't like to scroll.

Only include images after you have spent some time reviewing other reference documents.

Don't use tables unless they conform to 150x140 pixels.

Provide a descriptive Alt-Tag for all images. Many users may choose not to load images.

Use the

when centering.

The AvantGo browser (commonly used on handheld computers)

supports most HTML 3.2 tags, including header tags, images, tables, forms, and some basic javascript (,

, 

,

-

,

,

,

,

,

,

, , ).

only displays the first 15 characters of the title. If you can not shorten the title to 15-characters, make the first 15 characters descriptive.

by default does not display tables because they are almost always too large. Tables are displayed if is found in the header field. (Users can also enable table display directly on the handheld [on the Palm under Avantgo | Menu | Options | Preferences | Show Tables:]).

imposes some size limitations: Each channel can not exceed the "Maximum Channel Size" set for that channel in the user's AvantGo account and each user's account is limited to a maximum of 2MB of channel data. This is "compressed data." (AvantGo will automatically remove most non-essential HTML and compress each image to a maximum size of 22k.)

Remove unessential HTML.

Always test your web pages on an actual handheld device. You can also download Palm Emulator software.

Once the web page has been written and thoroughly tested, include the meta-tag in the header field..

[Guest HelloDave]

And you're posting to yourself...strange :wink:

You're second post is roughly applicable to the SPV; the screen is a slightly different size though, and don't forget the SPV doesn't support AvantGo! The main thing you should consider is page size; the SPV isn't a screaming fireball when it comes to download speeds and we have to be mindful of our GPRS bills!

The best way of getting some tips is probably just to look at the HTML source for orange's spv homepage - http://smartphone.orange.co.uk/today which is one of the better sites designed specifically for the SPV. Note the use of numbered links - press 1 for news etc instead of clicking on it.

[Guest almark]

Thank you , that was helpful, you can learn much from the code of that site.