Manuals / Genie / Household Appliance / Garage Door Opener

Genie 7110 manual A Identifying the Browser, Genie Application Style Guide, February

Models: 7110

1 84

Download 84 pages 46.18 Kb

Page 80

76 Genie Application Style Guide

A Identifying the Browser

76 Genie Application Style Guide

February 2001

Image 80

Genie 7110 manual A Identifying 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 GuideStyle Guide Overview Why S pecialise?Te sting on SD Ks 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 queries12 Genie Application Style Guide Nokia Browser Proper tiesMitsubishi Trium Browser Proper ties 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 do20 Genie Application Style Guide Navigation GuidelinesExample Genie Application Style Guide Navigation Guidelinesinput name=street title=Address/ /p card 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 Genie Application Style Guide Menu Navigationcard id=story1 do type=accept label=Skip go href=#story2 do 28 Genie Application Style Guide Genie Application Style Guide Menu Navigationcatch spawn do do type=vnd.up.send 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 anchorFebruary Menu Navigation32 Genie Application Style Guide the Browser Shared Feature Set Calling GuidelinesMaking Phone Calls from Openwave Calling Guidelines Nokia Calling Guidelines Mitsubishi Trium Calling GuidelinesFebruary Making Phone Calls from the Browser36 Genie Application Style Guide Openwave Multiple Selection List Guideline Using MultipleSelection Lists 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 44 Genie Application Style Guide Openwave Backward NavigationMitsubishi Trium Backward Navigation 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 cardFebruary Displaying Text50 Genie Application Style Guide Shared Feature Set Data Entries Guidelines Data Entry QueriesOpenwave Data Entries Guidelines Nokia and Mitsubishi Trium Data Entries Guidelines February Data Entry Queries54 Genie Application Style Guide 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 FormsName first & last Openwave Wizard FormsNokia Wizard Forms Mitsubishi Trium Wizard Forms 62 Genie Application Style Guide Shared Feature Set Elective Data FormsOpenwave Elective Data Forms Nokia and Mitsubishi Trium Elective Data Forms Last nameFebruary 11 Forms64 Genie Application Style Guide Openwave Imag e Suppor t Shared Feature Set Imag e Suppor tIcons and Images Nokia Im ag e Suppor t Mitsubishi Trium Imag e Suppor tOpenwave Caching Shared Feature Set CachingCache 68 Genie Application Style Guide Nokia CachingMitsubishi Trium Caching Cookies and Subscriber ID Shared Feature Set CookiesShared Feature Set Subscriber ID February 14 Cookies and Subscriber ID70 Genie Application Style Guide 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 Genie Application Style Guide Identifying the Browser A JavaElseIfInStruastring, Mitsu Response.Redirect/mitsu/index.wml Else February A Identifying the Browser76 Genie Application Style Guide 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 continuedFebruary B Differences between Browser Types in Same Class80 Genie Application Style Guide