Manuals / Genie / Household Appliance / Garage Door Opener

Genie 7110 manual Usability Design Philosophies, Testing the Design, Genie Application Style Guide

Models: 7110

1 84

Download 84 pages 46.18 Kb

Page 18

14 Genie Application Style Guide

2	Usability Design Philosophies
	Testing the Design

14 Genie Application Style Guide

February 2001

Image 18

Genie 7110 manual Usability Design Philosophies, Testing the Design, Genie Application Style Guide, February

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 GuideWhy S pecialise? Te sting on SD KsStyle 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 queriesNokia Browser Proper ties Mitsubishi Trium 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 doNavigation Guidelines Example20 Genie Application Style Guide Navigation Guidelines input name=street title=Address/ /p cardGenie 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 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 GuideEach menu should be a list of anchors Mitsubishi Trium Menu GuidelinesMenu Navigation 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 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 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 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 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 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 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 HTTPUSERAGENT string inputformat=… 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