Manuals / Genie / Household Appliance / Garage Door Opener

Genie 7110 manual Nokia Menu Guidelines, Genie Application Style Guide

Models: 7110

1 84

Download 84 pages 46.18 Kb

Page 34

Nokia Menu Guidelines

4	Menu Navigation

In Example 4-3,the user can delete a message directly by highlighting the message header and choosing Delete from the Menu softkey. The code in the menu card is vastly simplified to show how the menu items would be rendered on the device. In a real application, the code would be generated dynamically so that the server could be accessed with each key press. It is only through this type of interaction with the server that the behaviour for each individual message can be controlled from the menu.

For a real example of how to code for this behaviour, use the UP.Simulator to connect to the Developer UP.Link and choose the UP.Mail application. To view the code, choose the Info menu then the Source option (F5) from the UP.Simulator. For more information on the UP.Simulator and the Developer UP.Link, visit http://developer.openwave.com.

■Do not wrap items on a menu.

Use <p mode="nowrap"> to display each menu item on one line. See the “Openwave Menu Guidelines” on page 26 for the exception.

Example 4-4

Openwave Browser

1>Artist/Band

2Title/Song

3Top 40 –

4Concerts

Done OK

search search

all genres

and Appearances

The text off the side will scroll horizontally when the item is highlighted

5 News,

Gossip and Interviews

<p mode="nowrap"> <select>

<option onpick="#band" title="find">Artist/Band search</option> <option onpick="#song" title="songs">Title/Song search</option> <option onpick="#top" title="top">Top 40 - all genres</option> <option onpick="#conc" title="live">Concerts and Appearances</option> <option onpick="#news" title="news">News, Gossip and

Interviews</option>

</select>

</p>

In Example 4-4,<p mode="nowrap"> prevents the menu items from wrapping. Instead Times Square text scrolling is used.

■Be aware that links are displayed differently on different phones.

Some phones may underline links and others may display them in square or angle brackets. Do not underline text or use brackets in text.

Nokia Menu Guidelines

■Each menu should be a list of anchors.

30 Genie Application Style Guide

February 2001

Image 34

Genie 7110 manual Nokia Menu Guidelines, Genie Application Style Guide

Contents

Model 6210/6250, and Mitsubishi Trium WAP browsers Genie Application Style GuideFor Openwave, Nokia Model Openwave Systems IncLEGAL NOTICE Contents Identifying the Browser ContentsLabels and Links Differences between Browser Types in Same ClassStyle Guide Overview Organisation of this GuideTe sting on SD Ks Why S pecialise?Style Guide Overview Testing on SDKs Genie Application Style Guide Testing on SDKsStyle Guide Overview FebruaryUsability is critical Usability DesignPhilosophies Most devices are phones firstSpecialise your application for the specific browsers Crea ting Us able ApplicationsUsability Design Philosophies Know your customerTe sting t he D esign Browser TemplatesNo ki a 7110 Browser Template Mitsubi sh i Triu m B rowser Tem plateBrowser Proper ties for Phones Lines of display Number of charactersper line Image/graphic supportClear/Back key in entry Openwave Browser Proper tiesBack key for navigation queriesMitsubishi Trium Browser Proper ties Nokia Browser Proper ties12 Genie Application Style Guide input and select elements 14 Genie Application Style Guide Testing the DesignUsability Design Philosophies FebruaryShared Feature Set Navigation Guidelines Navigation Guidelines16 Genie Application Style Guide First name card id=welcome title=Welcome to White Pagesa href=wtai//wp/mc14085551212 title=Call1-408-555-1212/a AndrewOpenwave Navigation Guidelines 1 Symbol do type=options label=Reset refreshStock service do type=options label=Buy go href=buy.wml doExample Navigation Guidelines20 Genie Application Style Guide input name=street title=Address/ /p card Navigation GuidelinesGenie Application Style Guide Nokia Navigation Guidelines Example Navigation GuidelinesUse up to 18 characters on option labels Never define an action of go or noop to the prev taskMitsubishi Trium Navigation Guidelines Shared Feature Set Menu Guidelines Menu NavigationOpenwave Menu Guidelines card id=story1 do type=accept label=Skip go href=#story2 do Menu NavigationGenie Application Style Guide 28 Genie Application Style Guide catch spawn do do type=vnd.up.send Menu NavigationGenie Application Style Guide Nokia Menu Guidelines 30 Genie Application Style GuideEach menu should be a list of anchors Mitsubishi Trium Menu GuidelinesMenu Navigation Define labels of six characters or fewer for each anchor32 Genie Application Style Guide Menu NavigationFebruary Making Phone Calls from Shared Feature Set Calling Guidelinesthe Browser Openwave Calling Guidelines Nokia Calling Guidelines Mitsubishi Trium Calling Guidelines36 Genie Application Style Guide Making Phone Calls from the BrowserFebruary Selection Lists Using MultipleOpenwave Multiple Selection List Guideline Send options Names Abby Clemson Next Options Back Nokia Multiple Selection List GuidelineMitsubishi Trium Multiple Selection List Guideline Bob Brown Abby Clemson Dirk Bigelow Gary Kinser Jeff LingleBackward Navigation Shared Feature Set Backward Navigation 40 Genie Application Style GuideExample 7-1 shows how to prevent the user from navigating back through a card by catching the reverse entry into the card. In this case, the user is taken back an additional card card id=clear newcontext=true do type=options label=Done go href=home.wml dodo type=options label=Done go href=#clear do onevent type=onenterforward go href=home.wml onevent p p cardAre you sure you want to cancel your Mitsubishi Trium Backward Navigation Openwave Backward Navigation44 Genie Application Style Guide Shared Feature Set Text - Display Guidelines Displaying TextThis avoids links that wrap beyond one line Openwave Text - Display Guidelines Nokia Text - Display Guidelines 48 Genie Application Style Guidedo type=prev label=No prev do p Are you sure you want to exit? /p Mitsubishi Trium Text - Display Guidelinescard card id=makechoice2 title=Your choice do type=accept label=Yes card50 Genie Application Style Guide Displaying TextFebruary Shared Feature Set Data Entries Guidelines Data Entry QueriesOpenwave Data Entries Guidelines Nokia and Mitsubishi Trium Data Entries Guidelines 54 Genie Application Style Guide Data Entry QueriesFebruary Shared Feature Set Formatted Input Formatted Entry FieldsOpenwave Formatted Input Nokia Formatted Input Mitsubishi Trium Formatted Input 58 Genie Application Style GuideShared Feature Set Wizard Forms FormsNokia Wizard Forms Openwave Wizard FormsName first & last Mitsubishi Trium Wizard Forms Openwave Elective Data Forms Shared Feature Set Elective Data Forms62 Genie Application Style Guide Nokia and Mitsubishi Trium Elective Data Forms Last name64 Genie Application Style Guide 11 FormsFebruary Icons and Images Shared Feature Set Imag e Suppor tOpenwave Imag e Suppor t Nokia Im ag e Suppor t Mitsubishi Trium Imag e Suppor tCache Shared Feature Set CachingOpenwave Caching Mitsubishi Trium Caching Nokia Caching68 Genie Application Style Guide Shared Feature Set Subscriber ID Shared Feature Set CookiesCookies and Subscriber ID 70 Genie Application Style Guide 14 Cookies and Subscriber IDFebruary Labels and Links Accept ed Labels and Lin ks15 Labels and Links Next Often misinterpreted by users when used as a linkCo nfli cti ng Labels and Li nks Back Not used for entry query cardsIdentifying the Browser 74 Genie Application Style Guide ElseIfInStruastring, Mitsu Response.Redirect/mitsu/index.wml Else Identifying the Browser A JavaGenie Application Style Guide 76 Genie Application Style Guide A Identifying the BrowserFebruary Differences between Browser Types in Same Class HTTPUSERAGENT string inputformat=… text/x-vCardDifferences between Browser Types in Same Class B Table B-2. Mitsubishi Trium browser types continued80 Genie Application Style Guide B Differences between Browser Types in Same ClassFebruary