Usability Testing of Community Data & Mapping Systems Denice Warren, Information Systems Designer Joy Bonaguro, Data and Web Production Specialist.

Slides:



Advertisements
Similar presentations
HTML III. Learning Objectives HTML Links Structuring Pages with Frames Introduction to Cascading Style Sheets (CSS)
Advertisements

A Common Sense Approach to Web Usability Steve Krug Highly Recommend Resource!
Alertbox 5.  Common mistakes with usability tests  Test users are unintelligent  Normal users can handle complex tasks  Do not fix usability issues.
Target 2nd tier Prime Supplier Guide
Links and Comments.
User Centered Web Site Engineering Part 2. Iterative Process of User-Centered Web Engineering Prototype Evaluate Discovery Maintenance Implementation.
Web Usability By Chao Liang Based on Jakob Nielsen’s Book “ Designing Web Usability”
Web Usability by Scott Grissom1 Web Usability Scott Grissom Computer Science & Information Systems.
Web Design, Usability, and Aesthetics 2 Billboard Design 101 “Designing pages for scanning not reading” Notes from book “Don’t Make Me Think: by Steve.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.
User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.
Your Website Chat & Live Customer Support Solution "Instant Customer GratificationSM" Brought to you by: Affordable Business Productivity and Communications.
Review an existing website Usability in Design. to begin with.. Meeting Organization’s objectives and your Usability goals Meeting User’s Needs Complying.
BUAD Chapter 9 Presentation: Ben Carlson Lindsey Edelman Greg Fleck Jackie Powell Allison Ward.
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
Paper Prototyping Source:
- -Heather Rodriguez, - Shilpa Reddy. Goal - One stop shop for Undergrad Competitions.
Software Life Cycle Conception precise specification of the project Incubation design of the project Birth implementation and coding according to design;
Evaluation of Products for Accessibility: The CUDA Lab at CSULB and Technical Evaluation at the Campus Level Fred Garcia and Shawn Bates.
Understanding the Web Site Development Process. Understanding the Web Site Development You need a good project plan Larger projects need a project manager.
Improving Your Web Site’s Appeal Kevin Campbell Duke University/Grouchyboy.com.
Online, Remote Usability Testing  Use web to carry out usability evaluations  Two main approaches agent-based evaluation (e.g., WebCritera)  model automatically.
Creating a Web Site to Gather Data and Conduct Research.
© 2008 Thomson, a part of the Thomson Corporation. Thomson, the Star logo, and Atomic Dog are trademarks used herein under license. All rights reserved.
Open Internet Explorer Go to: my.ccsd.net Type YOUR InterAct username and password. Then Submit Query.
Tutorial 8 Designing a Web Site with Frames. XP Objectives Explore the uses of frames in a Web site Create a frameset consisting of rows and columns of.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 6: Links.
Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,
Microsoft FrontPage 2003 Illustrated Complete Finalizing a Web Site.
IBIS-PH (Indicator-Based Information System for Public Health) Usability: Fall 2009 Sam Vanous Ph.D. HMO Health Program Manager Utah Department of Health.
Creating Links – Lesson 31 Creating Links Lesson 3.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
Use of Electronic and Internet advertising options Standard 3.4.
Stands for “Search Engine Optimization” Process of improving “visibility” of a web site to search engines in order to help search ranking Attracts more.
Usability Testing & Web Design by Alex Andujar. What is Usability? Usability measures the quality of a user's experience when interacting with a Web site,
Dan J. Grauman National Cancer Institute National Institutes of Health Department of Health and Human Services Bethesda, Maryland, USA Interactive Cancer.
Prioritizing Web Usability Nielsen and Loranger Chapter 3: Revisiting Early Web Usability Findings Paul Ammann SWE 432 Design.
Usability Tests and Reports Brian Gastle Western Carolina University.
Tutorial 8 Designing a Web Site with Frames. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore the uses of frames.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
4 1 SEARCHING THE WEB Using Search Engines and Directories Effectively New Perspectives on THE INTERNET.
PowerPoint Extras. Eyes to the front please! Action Buttons.
Creating Links. The Anchor Element: The anchor tag can be used in three different ways: 1.External link – to link to a web page outside your own website.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Google Analytics Workshop
Web usability May 2006 Jenny Clift. How usable are University websites? Study done by Deakin University on the prospective student experience late 2004.
Bikes for Tykes. Introduction  Team Introduction  Overview Purpose of site Intended audience Current Site:Bikes for TykesBikes for Tykes.
Paper Prototyping Source: Paper Prototyping a method of brainstorming, designing, creating, testing, refining and communicating.
Information Architecture
Web page design. Web Site Design Principles Design for the Medium What is meant by Hyper Media? Hypertext links.
A Review of CPD Maps | ArcGIS | HUD Open Data Online Mapping Tools.
Microsoft FrontPage 2003 Illustrated Complete Creating a Frames Page.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Conducting Marketing Research Chapter 29. Sec – The Marketing Research Process The steps in conducting marketing research The difference between.
SEARCH ENGINE OPTIMIZATION, SECURITY, MAINTENANCE.
Chapter 29 Conducting Market Research. Objectives  Explain the steps in designing and conducting market research  Compare primary and secondary data.
1 Web Search/Thinkin g What are clues that an ad you’re seeing is a helpful ad or a bad ad? 2 Web Search/Thinkin g When you conduct a search,
The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #20.
The Successful Website
Creating Links – Lesson 3
A Brief Introduction to the Internet
Discussion Nedas Matulionis 09/07/2018.
Krug Chapter 2 How We Really Use the Web and Web Site Design
Presentation transcript:

Usability Testing of Community Data & Mapping Systems Denice Warren, Information Systems Designer Joy Bonaguro, Data and Web Production Specialist

In this presentation… 1.Why usability is important 2.Developing usability tests 3.Conducting usability testing in the field 4.Analyzing the results to improve site design

Usability is the effective, efficient, and satisfying completion of tasks by users.

What makes for poor usability? Slow downloads Hard-to-navigate site structure Jargon (aggregate, GIS, etc) Overwhelming amt of content Unpredictable links and behaviors Unconventional design Nonstandard functionality

Why is usability especially important in online PPGIS? 1. The specialized functionality that supports online GIS increases the complexity of a conventional browser experience. 2. GIS and data have inherent complexity in the amount of content available and the skills required to interpret that content.

#1 reason to care about usability If your site is hard to use, it will decrease the credibility of your data.

Usability testing is a formal method of watching users interact with a system to complete a task. Data about the interaction is gathered and analyzed to inform design improvements.

Formulating a task for usability testing

We think indicator definitions are an important step in using the data in our web site.

Clue to usability problem: At best, less than 1 in 10 visitors views the technical definitions.

Make link more VISIBLE?

DEFINITIONS AND SOURCE LINKS!!!!

Research question: Is the ‘Definitions’ link sufficiently visible?

User task: You’re working with a Community Development Corporation in the 7th Ward neighborhood. For planning purposes, you want to know how many blighted houses there are in this neighborhood. Find that number. (Please think aloud as you work.)

How is “vacant” defined? Is “vacant” the same as “blighted”? Hmm… I wish there were some definitions for me to read…

The set-up for field usability testing

Notetaker User Interviewer

Field testing is messy, but you learn more about how people use your site in the real world.

User task: You’re working with a Community Development Corporation in the 7th Ward neighborhood. For planning purposes, you want to know how many blighted houses there are in this neighborhood. Find that number. (Please think aloud as you work.)

User task, Prompt: The Census reports only “vacant” houses, but doesn’t call them “blighted.” Use this web site to figure out if blighted houses are included in the count of “vacant” houses. Explain.

Analyzing findings

Time of day Time spent on previous page URL of page clicked on

target page!

4 clicks to target

Research question: Is the ‘Definitions’ link sufficiently visible? Answer: Yes. It is placed where people expect to see it, and the text of the link matches users’ mental search terms.

Why aren’t definitions viewed more? Questions about definitions may not spontaneously arise Little external motivation to use definitions Aversion to reading dense technical writing

“Oh Lord. I need some glasses for this.” “I wouldn’t use this… perhaps if I were a little more like a researcher…” “I gotta read all this?”

Design changes resulting from usability findings

Pop-up window displays one definition at a time

Repeat important content in the main pages for “just in time” learning

DEFINITIONS AND SOURCE LINKS!!!! No need to make link more visible!

There are no stupid users, only stupid designers.