Manuals / Genie / Household Appliance / Garage Door Opener

Genie 7110 manual B Differences between Browser Types in Same Class, Genie Application Style Guide

Models: 7110

1 84

Download 84 pages 46.18 Kb

Page 84

80 Genie Application Style Guide

B Differences between Browser Types in Same Class

80 Genie Application Style Guide

February 2001

Image 84

Genie 7110 manual B Differences between Browser Types in Same Class, 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 GuideWhy S pecialise? Te sting on SD KsStyle 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 queriesNokia Browser Proper ties Mitsubishi Trium 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 doNavigation Guidelines Example20 Genie Application Style Guide Navigation Guidelines input name=street title=Address/ /p cardGenie 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 Menu Navigation card id=story1 do type=accept label=Skip go href=#story2 doGenie Application Style Guide 28 Genie Application Style Guide Menu Navigation catch spawn do do type=vnd.up.sendGenie 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 anchorMenu Navigation 32 Genie Application Style GuideFebruary Shared Feature Set Calling Guidelines Making Phone Calls fromthe Browser Openwave Calling Guidelines Nokia Calling Guidelines Mitsubishi Trium Calling GuidelinesMaking Phone Calls from the Browser 36 Genie Application Style GuideFebruary Using Multiple Selection ListsOpenwave 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 Openwave Backward Navigation Mitsubishi Trium 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 cardDisplaying Text 50 Genie Application Style GuideFebruary Shared Feature Set Data Entries Guidelines Data Entry QueriesOpenwave Data Entries Guidelines Nokia and Mitsubishi Trium Data Entries Guidelines Data Entry Queries 54 Genie Application Style GuideFebruary 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 FormsOpenwave Wizard Forms Nokia Wizard FormsName first & last Mitsubishi Trium Wizard Forms Shared Feature Set Elective Data Forms Openwave Elective Data Forms62 Genie Application Style Guide Nokia and Mitsubishi Trium Elective Data Forms Last name11 Forms 64 Genie Application Style GuideFebruary Shared Feature Set Imag e Suppor t Icons and ImagesOpenwave Imag e Suppor t Nokia Im ag e Suppor t Mitsubishi Trium Imag e Suppor tShared Feature Set Caching CacheOpenwave Caching Nokia Caching Mitsubishi Trium Caching68 Genie Application Style Guide Shared Feature Set Cookies Shared Feature Set Subscriber IDCookies and Subscriber ID 14 Cookies and Subscriber ID 70 Genie Application Style GuideFebruary 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 Identifying the Browser A Java ElseIfInStruastring, Mitsu Response.Redirect/mitsu/index.wml ElseGenie Application Style Guide A Identifying the Browser 76 Genie Application Style GuideFebruary 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 continuedB Differences between Browser Types in Same Class 80 Genie Application Style GuideFebruary