San jose public library: Center stage

Slides:



Advertisements
Similar presentations
HAVE YOUR PHOTOS DIGITIZED PCNA: GET YOUR OLD PHOTOS CONVERTED TO A DIGITAL FORMAT FOR YOU.
Advertisements

Access 2007 ® Use Databases How can Microsoft Access 2007 help you to get and stay organized?
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Searching the Horizon Online Catalog at JCC Rosebud Library System.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
Creating a Website in Weebly Created by: Joey Weaver Modified by: Mrs. Wilson.
CS 235: User Interface Design February 17 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
MyiLibrary® ‘Search & View’ Website Training June 8, 2010.
Microsoft Windows LEARNING HOW USE AN OPERATING SYSTEM 1.
Usability Testing Your Circulation FAQ Access Services Conference November 10, 2011 Melissa Feiden, Annex Services and User Experience Librarian Cassandra.
1 Direct Manipulation Proposal 17 Direct Manipulation is when physical actions are used instead of commands. E.g. In a word document when the user inputs.
SiTEL LMS Focus Group Executive Summary Prepared: January 25, 2012.
Level 2 IT Users Qualification – Unit 1 Improving Productivity Chris.
Research on the Interaction Between Human and Machines University of Houston-Clear Lake Tasha Y. David.
Web Design with HTML & CSS Lesson 1. Planning Your Website   Good design comes from decisions that designers make in order to have a certain effect.
Productivity Programs Common Features and Commands.
Library Services welcomes Postgraduate Researchers Gerald Watkins Library Services Subject Advisor (Government and Society; Social Policy)
Usability Testing  User wants  Surveys – Summer and Fall 2007  Focus groups – Fall 2007  These only tell you want users think they want/need  User.
Unit 1 – Improving Productivity
Unit 1 – Improving Productivity Instructions ~ 100 words per box.
CS 174: Web Programming November 25 Class Meeting Department of Computer Science San Jose State University Fall 2015 Instructor: Ron Mak
SWBAT explain operating systems and how they influence their daily life. What type of computer do you use? Why?
GoodProspects User Testing Feedback. Agenda User Test Results Recommendations.
This demonstration will familiarize you with the current version of Blackboard used on the Waldorf College campus.
Group Presentation.  Students don’t meet at regular times in a regular classroom.  They won’t meet with many or any of their class mates face to face.
Acumen Usability Study Conducted January 2012 Amanda Presnell.
I was lost but now I am Found by Info!
Welcome to the Microsoft Outlook 2011 for the Mac Tech Talk.
Web Design_ Planning stages
Introduction to Blackboard Learn
GroceryList++ Brian, Peter, Staci, Darrin, Anna.
Parent Guide.
Using Wikis to Facilitate Collaborative Research Projects
Usability Testing / Methods
Welcome to the Microsoft Outlook 2010 for Windows Tech Talk
In Concert: An Integrated Reading and Writing Approach by Kathleen T
Annual Performance Management Cycle Management Training Tutorial
Unit 13 – Two websites worksheet.
Use of wikis in the classroom
CSC420 Page Layout.
I was lost but now I am Found by Info!
Katherine Prentice, MSIS Richard Usatine, MD
It’s On the Way: Conducting Library Website Usability Test
How to Use Members Area of The Ninety-Nines Website
OverDrive Digital Library Basics
Lippincott Procedures Training Tour for HealthStream Users
Ordering Healthy Food Online
OverDrive Digital Library Basics
Rutgers University Psychology Department R-Point Subject Pool
MicroSoft Word 2007 The purpose of this PowerPoint presentation is to show you some of the major differences in Word 2007 from the version we had here.
Introducing the Ideas One of Six Traits:
Lippincott Procedures Training Tour for General Users
Name of Project Student Name Graduation Project Slide Show Example
So you were told to make a website
Show me the Moodle An orientation to the RETA Moodle
AIRWays Benchmark Previewing System
The Audience Response System – Moderator Edition
Using OneSearch Librarians Need to Stop Worrying, Our Students Like It
The Computer Skills Divide
5. Setting up Alerts.
Lippincott’s Nursing Procedures and Skills
Lecture 5: Writing Page
MePS Manual Login Screen
What is it for? Where to find it How to use the forum
Research Project ENG 9.
Introduction to Web Authoring Ellen Cushman cushmane
Training Tour for General Users
Understanding NHS Jobs
Presentation transcript:

San jose public library: Center stage Visually guiding users Laura Mendiola Libr. 251 Prof. Kemp

Design strategy The Pattern: I chose to work on the Services page for the San Jose Public Library website. I used the Center Stage pattern described in the Tidwell text which states: “Put the most important part of the UI into the largest subsection of the page or window; cluster secondary tools and content around it in smaller windows (Tidwell 103).” The Reasoning: Users looking under the Services tab will be looking for their personal and account information, not library departments. The design should make that task the main focus of the page. Tidwell, J. (2006). Designing Interfaces. (p. 103-6) Sebastopol, CA: O'Reilly Media, Inc.

Testing strategy User Task: The tasks I set forth for my testers were: “Find out if you have any outstanding fines or fees,” and “Check on the general state of your account.” I wanted to recruit users based on computer familiarity and different ages to emphasize this. Task Reasoning: I asked my testers to accomplish these tasks in this order to ensure that my design would take users to the information they were looking for first and foremost, in the most efficient way possible. Users should not have to guess where to find information on fines and fees, and my design should anticipate their task.

first session Tester #1: Male, 50+ yrs., English/Spanish speaker Reasoning: He represents an older user than myself, who is familiar with computer processes. He is a bilingual speaker, and represents minority users who speak English fluently and are over the age of 50.

First Session Cont. Tester 1 chose the Late Fees and Lost Items link.

First session cont. Tester 1 was brought to this page, containing general information about fines and fees. He clicked on “Check your account online” under “Late Fees…”

first session cont. Tester 1 was brought to login page Then Tester 1 saw he had $0.00 in unpaid fines in account and other account information.

first session cont. End of test interview findings: Q: What did you like or not like about the design on the Services page? A: I was really frustrated with this. I mean, it was confusing and the text was way too small. All the links are overwhelming and they’re misleading! Q: How do you feel about the way you maneuvered the site? A: Ugh, I think I did alright. I mean, I got to the information eventually but, it took me way too long. Q: Do you think there is anything that could make the design better? A: I liked the expand button option on the side toolbar, I noticed them on the side there. I think they might help if you incorporate them in the main design. Total Time: 4.5 minutes

Changes #1 As per Tester 1’s suggestions I decided to take away the link aspect of the three subcategories under “Your Account” and replaced them with expand options. I also rephrased the titles, and changed “Log Into My Account” to “Log Into Your Account” to address the user.

Second session Tester #2: Male, 31 years old, English speaker Reasoning: This user represents an advanced computer user and English speaker. He is a user who should be able to maneuver the site easily.

Second session cont. Tester 2 chose to expand the “Late Fee & Lost Item Policies” section, regardless of the fact that the account login page was the only link under “Your Account” available.

Second session cont. Tester 2 expanded “Late Fees…” and mentioned the font was too small, and organized incorrectly. He clicked on “My Account” located in the center of the expanded area.

Changes #2 As per Tester 2’s suggestions, I rephrased and reorganized the information found in the expand under “Late Fees…” to make it easier to navigate, more logical and more efficient.

second session cont. Tester 2 clicked on the “My Account” link under “Late Fees…” right away.

second session cont. Tester 2 was brought to the login page. Then Tester 2 saw he had $0.00 in unpaid fines in account and other account information.

second session cont. End of test interview findings: Q: What did you like or not like about the design on the Services page? A: I liked that the expand buttons let me see other information without leaving the page. That was nice. I thought that the Information on the expand wasn’t that great though, it looked sloppy and unorganized. But after it was fixed, it looked ten times better. Q: How do you feel about the way you maneuvered the site? A: I felt like I was able to do everything quickly, like that even when I picked the “wrong” place to start I got to where I wanted to be quickly. Q: Do you think there is anything that could make the design better? A: No because you asked me to look for one, or two, specific things but that may not be the case for everyone. So, maybe that information I clicked on by accident is what someone else is looking for, and right now it offers something for everyone and it’s not messy. Total Time: 1.5 minutes (not including time taken for new mockup)

Conclusion Based on the two tests run with my paper prototype, I feel I have come to a compromise between what the user felt they needed, what they wanted, and my initial use of the Center Stage pattern. By my last test, the tester was able to locate their account information quickly and with virtually no frustration The point of using the Center Stage pattern was to ensure that the important information, account information, was the main focus and easily accessed. In order to not alienate the needs of other users with other tasks, this version of the Center Stage pattern focused on allowing users multiple “right” ways to access their account information and to complete this task.