Manuals / Genie / Household Appliance / Garage Door Opener

Genie 7110 manual Making Phone Calls from the Browser, Genie Application Style Guide, February

Models: 7110

1 84

Download 84 pages 46.18 Kb

Page 40

36 Genie Application Style Guide

5	Making Phone Calls from the Browser

36 Genie Application Style Guide

February 2001

Image 40

Genie 7110 manual Making Phone Calls from the Browser, Genie Application Style Guide, February

Contents

Genie Application Style Guide For Openwave, Nokia ModelModel 6210/6250, and Mitsubishi Trium WAP browsers Openwave Systems IncLEGAL NOTICE Contents Contents Labels and LinksIdentifying the Browser 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 Testing on SDKs Style Guide OverviewGenie Application Style Guide FebruaryUsability Design PhilosophiesUsability is critical Most devices are phones firstCrea ting Us able Applications Usability Design PhilosophiesSpecialise your application for the specific browsers 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 Number of characters per lineLines of display Image/graphic supportOpenwave Browser Proper ties Back key for navigationClear/Back key in entry queriesMitsubishi Trium Browser Proper ties Nokia Browser Proper ties12 Genie Application Style Guide input and select elements Testing the Design Usability Design Philosophies14 Genie Application Style Guide FebruaryShared Feature Set Navigation Guidelines Navigation Guidelines16 Genie Application Style Guide card id=welcome title=Welcome to White Pages a href=wtai//wp/mc14085551212 title=Call1-408-555-1212/aFirst name AndrewOpenwave Navigation Guidelines do type=options label=Reset refresh Stock service1 Symbol 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 Navigation Guidelines Use up to 18 characters on option labelsExample 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 GuideMitsubishi Trium Menu Guidelines Menu NavigationEach menu should be a list of anchors 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 Nokia Multiple Selection List Guideline Mitsubishi Trium Multiple Selection List GuidelineSend options Names Abby Clemson Next Options Back 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 do type=options label=Done go href=home.wml do do type=options label=Done go href=#clear docard id=clear newcontext=true 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 GuideMitsubishi Trium Text - Display Guidelines card card id=makechoice2 title=Your choice do type=accept label=Yesdo type=prev label=No prev do p Are you sure you want to exit? /p 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 ksNext Often misinterpreted by users when used as a link Co nfli cti ng Labels and Li nks15 Labels and Links 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 input format=…HTTPUSERAGENT string 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