Improving Web-based Civic Information Access: A Case Study of the 50 US States Irina Ceaparu and Ben Shneiderman Department of Computer Science & Human-Computer.

Slides:



Advertisements
Similar presentations
The Principal Financial Group High-level Site Audit.
Advertisements

The Biosafety Clearing-House of the Cartagena Protocol on Biosafety Tutorial – BCH common features.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Mine Action Information Center
PRESENTED BY: CHRISTOPHER R. STULTZ MAY Usability Analysis of Penn State Libraries’ Website: Focusing on Student Usability
DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.
2/23/ Enterprise Web Accessibility Standards Version 2.0 WebMASSters Presentation 2/23/2005.
Evaluation of Web Sites: What Works and What Doesn't Sue Ellen Hansen, Survey Research Operations, University of Michigan Matthew Richardson, ICPSR, University.
 Why should it be mobile?  What content should I make mobile?  What need do I serve by making my content available to mobile users?  What value does.
Evaluation of E-Government and Social Services Public Affairs 598 Kristen, Marie, Timothy, and Miryam February 2, 2006.
Designing Basic Web Sites Week 12 Technical Communication Fall 2003, DAHMEN.
Presented by Ryan Walters. The Site  The main page of the site (seen left) is the users first introduction to the whole site.  The look is clean and.
The Information School of the University of Washington INFO 310 Web Site Evaluation How to evaluate a Web site for general purposes.
Cathy Bailey Comp 6626 Project # 2 10/23/2009. WireFrame Alternative #1 Scenario: Click on a state and a PDF document of the state’s two page profile.
Navigation on Journal of Dairy Science ® An Overview June 2011.
POST Website Walkthrough Region 7 Training Managers Computer Services Bureau 5/24/2011.
Chapter 9 Website Evaluation and Usability Testing.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
Paper Prototyping Source:
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
211 Multimedia Web Design Lesson 7 Planning / Designing a Site.
A web design firm! Champyon Shots. The Proposal The purpose of this website is to promote Greenville College Soccer for future recruits. The terms of.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
1 Designing Need-based Internet Web Sites in Counseling and Career Services James P. Sampson, Jr. Florida State University Copyright 2002 by James P. Sampson,
WEB DESIGN SOLUTIONS. 2 Presentation by JAVANET SYSTEMS 1st Floor, ROFRA House, Suite 4, Kansanga, Gaba Road P.O Box 31586, Kampala, Uganda Tel: +256(0) ,
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Dan J. Grauman National Cancer Institute National Institutes of Health Department of Health and Human Services Bethesda, Maryland, USA Interactive Cancer.
EERE Content Standards Presenter: Allison Casey March 26, 2008.
Graphical User Interface (GUI) Web site Team Matix Proposal GC 215: Web Publishing.

Chapter 6 Website Evaluation & Usability Testing.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
Designing Web Interfaces AGED 3141(L). Designing Web Interfaces Interface: how a web page looks and how it is designed for people to use People want easy-to-use,
Public Relations - New Finding MKT November 12, 2003 Presented by: Peter Atmali Michael Miyagishima.
Problemsolving Problem Solving – 4 Stages Analysis Design Development Evaluate (ADDE) Note: In this unit Evaluate is not covered in depth.
UAA Self Guided PDA Tour Edward Wickham CS470 Project Final Presentation Spring 2004.
There are many sites on the web that can provide copyright free graphics. This presentation provides just a few links and some instructions on downloading.
Navigating Exchange’s Online Tools & Resources – Website Tutorial.
TwoLipps Graphics and Web Design CRECH Website Redesign Emphasis on worldwide and multi-cultural public health representations Interaction encouraged by.
POST Website Overview Region 8 Training Managers Computer Services Bureau 6/15/2011.
Kara Pharris Web Designer Site Improvements & the Usability Project Concepts for usable navigation, functionality and presentation.
Lesson 8: Navigation. Overview  The manner in which you display your web site’s navigation is crucial to its overall usability.  Users need a clear.
Paper Prototyping Source: Paper Prototyping a method of brainstorming, designing, creating, testing, refining and communicating.
Web Page Design 1 Information Technology ClassAct SRS enabled. Web Page Design This presentation will explore: creating web pages structure, formatting.
Sistemi Territoriali S.p.A Sistemi Territoriali pilot actions Stefania Sorze Sistemi Territoriali S.p.A Thursday, December 3rd, 2015.
Web Site Architecture Crunch Bakery Group #1 Nzingah Gross William Hellela Jose Merino.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.
{ User Centered Design Final Presentation Donia Canaveral }
UNIT 14 1 Websites. Starter 2 1 Starter 1 Divide the students into groups. Ask them to make lists. Ask Students to read their lists. Discuss the most.
Home page button Nokia link button Samsung link button Apple link button Blackberry link button Phone Accessories button Feedback button Contact us button.
Public Services Information Management
The BMA website How we can help you.
Web Site Design Plan Checklist
Web Design and Development
WEBSITE REP TRAINING.
Page plans A01 Design.
3.02C Website Organization
IFPUG new site pilot March, 2014 CMC Committee.
Designing for the World Wide Web
Web Site Architecture Crunch Bakery
Public Services Information Management
CMP Creating Your Personal and Small Business Web Sites
Presentation transcript:

Improving Web-based Civic Information Access: A Case Study of the 50 US States Irina Ceaparu and Ben Shneiderman Department of Computer Science & Human-Computer Interaction Laboratory University of Maryland

Main features Analyze home pages of 50 U. S. states ( Size (source code, gifs, total bytes) Navigation (incoming & outgoing links, style of navigation) Graphics (governor’s picture, state seal, statehouse picture, scenery picture, map, use of tables and frames ) Services (privacy policy, universal usability statement, contact information, online help, search box )

Design goals: Improve E-government Requirements: better delivery of government services to citizens improved interactions with business and industry citizen empowerment through access to information more efficient government management Solution - set of guidelines & metrics: solve architectural and design problems lay out requirements for content improve the users’ experience with the web site minimize time & effort to access information on similarly web sites

Size metrics: Reduce Download Time Methodology: byte count source of the home pages images on the home pages largest image on the home pages Results: smallest total byte count - Vermont (42k) largest total byte count - Washington (274k) largest image - Nevada (84k)

Navigation metrics: incoming & outgoing links Methodology: number of outgoing links for the home page incoming links for the whole web site of each state Results: outgoing links Delaware & Nevada (10)  Vermont (115) incoming links Washington (627)  Tennessee (72138)

Navigation style: Consistency & Rapid Access Methodology: navigate web site Results: 9 states use a navigation bar throughout the entire web site 26 states do not use a navigation bar at all some states have a navigation bar just on the first two-three levels of navigation

Graphic features Methodology: record image categories Results: more than half display governor’s picture more than half display state seal or statehouse half show their map over 70% display a scenery image all states’ websites use tables 4 states’ websites use frames

NC MI IN MT MO

Service features Methodology: record service features Results: 80% provide privacy policy 38% provide universal usability statement 48% offer contact by , 36 offer full contact info and 16% do not offer any contact info 29 states offer online help 40 states offer search features

Recommendations Keep number and size of images small (image bytes < 50K) Use a broad and shallow menu tree (30-80 links on the home page) Use a navigation bar consistently Avoid frames to support universal usability Feature most popular categories: Government (40) Tourism(40) Business(33) Education(27) Employment(26) Legislature(17) Online Services(11) Health(11) Citizens(11) Living (9) Tax (5)

Recommendations (cont’d) Achieve consistency in naming links MD: TX: OH: AR: Present on home page privacy policy universal usability statement contact information for public officials search box/button online help & phone help

Conclusions: For NASCIO Promote best practices Broad trees, privacy policies, universal usability Encourage consistent design Similar structure, common terms Support search Voluntary agreement on tags Work towards shared web site construction tool Simplify, speed construction Facilitate maintenance