4 | Menu Navigation |
|
Openwave Menu Guidelines
■Use the <select> element to get numbers, icons, and items for a menu.
These provide quick access to an item by including numbers in a list. Instead of using anchors, use a <select> element for each card. In this case, each item in the list becomes an <opti on onpick=URL> element rather than an anchor.
Example
Openwave Browser
1 New message
2Reply
3Forward
Done
OK
<select>
<option title="New" onpick="compose.cgi">New Message</option> <option title="Reply" onpick="reply.cgi">Reply</option> <option title="Fwd" onpick="forward.cgi">Forward</option>
</select>
In Example
■Wrap text that takes up multiple lines or multiple display windows.
For a series of items that occupy multiple lines, allow the lines to wrap and use a link to display the next item. For example, in a list of news headlines, display each headline on a card of its own. Use an anchor with the label Skip at the end so that the user can navigate to the next headline. Map the <do type="accept"> task to a View label so that the user can view the news item. While the user is viewing the headline, map the <do type="accept"> task to a Skip label, so that the user can skip to the next headline.
Example
Openwave Browser
Top stories 1/3 Astronomers find evidence
Skip View
of planet in constellation Leo.
Top stories 2/3 Sunspot activity at
Skip View
an all time high.
Top stories 3/3
Stock markets worldwide
Done View
gaining.
26 Genie Application Style Guide | February 2001 |