2010 UPA Presentation Final Version
-
Upload
mgerver -
Category
Technology
-
view
506 -
download
1
Transcript of 2010 UPA Presentation Final Version
![Page 1: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/1.jpg)
1
Usability of e-government web forms around the world
Miriam GerverU.S. Census Bureau
Disclaimer: This report is released to inform interested parties of (ongoing) research and to encourage discussion (of work in progress). Any views expressed on (statistical, methodological, technical, or operational) issues are those of the author(s) and not necessarily those of the U.S. Census Bureau.
![Page 2: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/2.jpg)
2
Presentation Goal
Highlight best practices of web forms that have been implemented in government sites
![Page 3: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/3.jpg)
3
Multi-Disciplinary Research
• Website usability in general (including eye tracking)
• Online forms design• Paper forms design• Survey methodology research• Government studies
![Page 4: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/4.jpg)
4
Resources• Guidelines (United States, Australian and
Norwegian Government Agencies) • Books• Articles
![Page 5: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/5.jpg)
5
Topics
1. Initial impression2. Web content3. Page & Question design (layout, appearance)4. Help and instructions5. Data entry and manipulation6. Navigation7. Saving for records8. Feedback and additional information
![Page 6: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/6.jpg)
6
1. Initial Impression
_______________________________Image from: http://classroomclipart.com
![Page 7: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/7.jpg)
7
• Common browsers and operating systems• Connection speed• Credibility
– Headers, footers, logos• Images to facilitate learning• Background color• Limit prose on homepage (logon page)• Material needed before start• Time commitment
1. Initial Impression
![Page 8: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/8.jpg)
8
____________________________________________________From the U.S. Census Bureau’s Annual Wholesale Trade Survey
1. Initial Impression
Establish credibility
Useful image
Limited prose
Time commitment
![Page 9: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/9.jpg)
___________________________________________________________________________________________________________________From Potaka, L. (2008). Comparability and Usability: Key issues in the design of internet forms for New Zealand’s 2006 Census of Populations and Dwellings. Survey Research Methods, 2(1), p. 4, fig. 1
1. Initial Impression
Useful image
![Page 10: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/10.jpg)
10
2. Web Content
• Ask only what you need to know• Define words• Use easy to understand words
– for the respondent population• Use abbreviations sparingly, but not always
possible to do so• Limit number of words and sentences
![Page 11: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/11.jpg)
11
3. Page & Question Design
• General “look and feel”• Field label alignment• Non-prominent, but relevant, information:
footer
![Page 12: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/12.jpg)
12
3. Page Design: General “Look and Feel”
• Minimum amount of visual information• Space between questions• Descriptive column headings in tables• Mixed or sentence case• Avoid underlining words
![Page 13: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/13.jpg)
___________________From: http://forms.gov.il
3. Page Design: General “Look and Feel”
Unnecessary borders
![Page 14: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/14.jpg)
14
________________________________________________________From the U.S. Census Bureau’s Business R&D and Innovation Survey
3. Page Design: General “Look and Feel”
Dollars marked
Extra zeros
![Page 15: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/15.jpg)
15
_____________________________________________From the U.S. Census Bureau’s Services Annual Survey
3. Page Design: General “Look and Feel”
Percentage signs marked
![Page 16: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/16.jpg)
16
3. Page Design: Field Label Alignment
______________________________________________________________________________________________From the U.S. Census Bureau’s Annual Wholesale Trade Survey and Bureau’s Business R&D and Innovation Survey
![Page 17: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/17.jpg)
17
• Easy to find, visually associated with field• Novice vs. expert users• Symbols to indicate help• Easy to read
4. Help and Instructions
![Page 18: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/18.jpg)
4. Help and Instructions
___________________________________________________From: http://www.elmer.no/retningslinjer/pdf/elmer2-english.pdf
Help and instructions
Symbols to indicate help
![Page 19: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/19.jpg)
4. Help and Instructions
_________________________________________________________________________________________________________________From Potaka, L. (2008). Comparability and Usability: Key issues in the design of internet forms for New Zealand’s 2006 Census of Populations and Dwellings. Survey Research Methods, 2(1), p. 4, fig. 1
Hover over help (translation)
![Page 20: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/20.jpg)
20
5. Data Entry and Manipulation• Login• Flexibility of data input• Tabbing• Horizontal Scrolling
![Page 21: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/21.jpg)
___________________________________________________________________________________________________________________From Potaka, L. (2008). Comparability and Usability: Key issues in the design of internet forms for New Zealand’s 2006 Census of Populations and Dwellings. Survey Research Methods, 2(1), p. 4, fig. 1
5. Data Entry and Manipulation: Login
![Page 22: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/22.jpg)
5. Data Entry and Manipulation: Login
____________________________________________________________________________________________Cited by Caroline Jarrett: http://elearning.ina.pt/index.php?option=com_docman&task=cat_view&gid=65&Itemid=31
Multi-step login
![Page 23: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/23.jpg)
23
____________________________________________________________________________________From the U.S. Census Bureau’s Annual Capital Expenditure Survey and Annual Wholesale Trade Survey
5. Data Entry and Manipulation: Easier Data Input
Specific formatting, higher user burden
Lower user burden
![Page 24: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/24.jpg)
_______________________________________________________________________________From: https://www.moneyclaim.gov.uk/csmco/RenderEngine?eForms_timestamp=1265139882238
5. Data Entry and Manipulation: Flexible Data Input
![Page 25: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/25.jpg)
25
________________________________________________________From the U.S. Census Bureau’s Business R&D and Innovation Survey
5. Data Entry and Manipulation: Tabbing
OR
![Page 26: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/26.jpg)
26
5. Data Entry and Manipulation: No Horizontal Scrolling
_______________________________________________________From the U.S. Census Bureau’s Annual Capital Expenditures Survey
![Page 27: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/27.jpg)
5. Data Entry and Manipulation: No Horizontal Scrolling
___________________________________________________From: http://www.elmer.no/retningslinjer/pdf/elmer2-english.pdf
Section 1
Section 2
![Page 28: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/28.jpg)
28
6. Navigation
• Clear path to completion• Section to section• Links• Numbering and labeling of items• Back and next buttons• Skip patterns
– Scrolling vs. paging
![Page 29: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/29.jpg)
6. Navigation: Clear Path
______________________________________________________From the U.S. Department of Education’s application for student aid
![Page 30: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/30.jpg)
6. Navigation: Section to Section
Left-hand navigation panel
______________________________________________________From the U.S. Department of Education’s application for student aid
![Page 31: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/31.jpg)
31
6. Navigation: Section to Section
______________________________________________________From the U.S. Census Bureau’s Medical Expenditure Panel Survey
![Page 32: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/32.jpg)
32
6. Navigation: Section to Section
________________________________________________________From the U.S. Census Bureau’s Business R&D and Innovation Survey
![Page 33: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/33.jpg)
33
6. Navigation: Back and Next Buttons
• Next on the left side:– Path to completion– Primary & secondary buttons
• Next on the right side:– Expectations– Reading patterns
Back Next
BackNext
![Page 34: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/34.jpg)
6. Navigation: Back and Next Buttons
___________________________________________From: http://www.uie.com/articles/previous_next_luke
![Page 35: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/35.jpg)
35
6. Navigation: Skip Patterns
• Also called “conditional branching”• Two options for irrelevant questions:
– Gray out– Hide
![Page 36: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/36.jpg)
6. Navigation: Skip Patterns
__________________________________________________________________________________________________________________From Potaka, L. (2008). Comparability and Usability: Key issues in the design of internet forms for New Zealand’s 2006 Census of Populations and Dwellings. Survey Research Methods, 2(1), p. 4, fig. 1
![Page 37: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/37.jpg)
6. Navigation: Skip Patterns
___________________________________________________From: http://www.elmer.no/retningslinjer/pdf/elmer2-english.pdf
![Page 38: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/38.jpg)
38
7. Saving for Records• Conveyed to the user that information is
saved from screen to screen• Information should be able to be saved for
review, printing, and record keeping purposes
![Page 39: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/39.jpg)
39
7. Saving for Records
____________________________________________________From the U.S. Census Bureau’s Annual Wholesale Trade Survey
![Page 40: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/40.jpg)
40
8. Feedback and Additional Information
• Error or warning messages• Inline validation and calculation• Review screen• Submission confirmation & thank you
![Page 41: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/41.jpg)
41
8. Feedback and Additional Information: Error Messages
• What, where, how (to fix)• Double visual language• Symbols• Color
![Page 42: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/42.jpg)
42
8. Feedback and Additional Information
____________________________________________________From the U.S. Census Bureau’s Annual Wholesale Trade Survey
•Well-displayed
•Double visual language
•How to fix or ignore problem
![Page 43: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/43.jpg)
43
8. Feedback and Additional Information: Inline Validation & Calculation
• Imposing parameters (limits) on data entered
– But allow users to override• Automatic calculation
1. Calculate button2. Automatically calculate when go to next cell
Show calculation formula in either case
![Page 44: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/44.jpg)
8. Feedback and Additional Information: Inline Validation & Calculation
_______________________________________________________________________________From: https://www.moneyclaim.gov.uk/csmco/RenderEngine?eForms_timestamp=1265139882238
![Page 45: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/45.jpg)
45
8. Feedback and Additional Information: Review Screen
• Should always be included, even if permitted to submit with errors
• Navigate back to errors• Review screen update• Provide a way for quick review
– PDF view of data– Summary of all/key information
![Page 46: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/46.jpg)
46
8. Feedback and Additional Information: Review Screen
____________________________________________________From the U.S. Census Bureau’s Annual Wholesale Trade Survey
Navigate back to errors
Submit with errors
Updates when errors fixed
![Page 47: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/47.jpg)
47
8. Feedback and Additional Information: Submission Confirmation & thank you
• Able to print or save• Any payment transaction noted• Should include, at minimum:
– Agency name– Form title (and subtitle, if applicable)– User name– Date and time stamp– Confirmation number, if applicable
• Thank you
![Page 48: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/48.jpg)
48
8. Feedback and Additional Information: Submission Confirmation & thank you
____________________________________________________From the U.S. Census Bureau’s Annual Wholesale Trade Survey
Print confirmation screen
Agency nameForm title
User nameDate and time stamp
![Page 49: 2010 UPA Presentation Final Version](https://reader034.fdocuments.us/reader034/viewer/2022052622/558c4bfdd8b42a00148b46fc/html5/thumbnails/49.jpg)
49
Summary
• Make a good first impression • Data entry should be easy to enter correctly• Getting from question to question and
section to section should be intuitive• Method of saving information for records
should be clear• Feedback given to the user, such as error
messages, review info, and submission confirmation, should be clear