A new look for CONTENTdm: A User-centered design approach
-
Upload
giselle-barrera -
Category
Documents
-
view
19 -
download
0
description
Transcript of A new look for CONTENTdm: A User-centered design approach
Phyllis KaidenProduct Manager OCLC Digital Collection Services
A new look for CONTENTdm:A User-centered design approach
A new look for CONTENTdm:A User-centered design approach
Western CONTENTdm
Users Meeting3 June 2010
End-User Experience Redesign GoalsEnd-User Experience Redesign Goals
Ensure the new interface supports the end-user
1. Provides access to unique digital materials
2. Is intuitive, accessible, and supports end-users in their research goals
3. Is modern and familiar, and meets end-user expectations
4. Is fun, dynamic, and provides opportunity for discovery
Provide simpler ways to configure and customize
1. Easier to apply a branded look & feel
2. Easier to maintain customizations
Who are the end-users of CONTENTdm?Who are the end-users of CONTENTdm?
As indicated by our user community, the top end-users groups of CONTENTdm include:
• Students (78%)
• General researchers (75.3%)
• Library Staff (72%)
• Historians (70.9%)
• Faculty (59.3%)
• Community members (58%)September 2009: Demographic survey with 225 respondents to SurveyMonkey survey sent to CONTENTdm Listserv
Putting the user back in User InterfacePutting the user back in User Interface
• An ideal user experience must meet the needs of the user, without fuss or bother
• User experience is about feelings; to create satisfaction. You want people to feel satisfied before, during, and after they have used your product
• Make it easy for users to do what they want or need to do
SusanUNIVERSITY FACULTY
BobCASUAL BROWSER
What is User Centered Design?What is User Centered Design?
How the OCLC team is using the User Centered Design approach
Collecting feedback
Best practice analysis
Current collection analysis
Personas
Interaction mapping
Sitemaps
User stories
Wireframes
Surveys
Focus Groups
Task Walkthroughs
Usability Studies
Colors
Fonts
Design elements
Image treatments
Buttons
Discovery Interaction Design
Usability Visual Design
DES
IGN
DEV
DES
IGN
DEV
Research & DiscoveryResearch & Discovery
Extensive research and information gathering effort helped to define:
1) what we’re designing, and
2) who we’re designing it for
• Interviews with current users to collect feedback
• Demographic surveys
• Assessment of search and discovery interfaces
• Researched popular media-delivery websites
• Evaluation of current CONTENTdm collections
Collecting feedbackCollecting feedback
Interviews with 12 digital librarians and developers helped validate redesign goals, confirm current challenges, and inform personas
All interviewees were in unanimous agreement
•Current customization methods are too technical, time-consuming and not easily upgradable
•A simpler and more flexible end-user experience is desired
•End-users find image viewer “clunky,” antiquated, and not intuitive
Assessment of other solutions and providersAssessment of other solutions and providers
Key findings
• Because of the popularity of Web 2.0 solutions, interfaces are forward-thinking, dynamic, and communicative. Users expect this behavior.
• Need to make all media and document types available to end-users in a thoughtful, seamless manner
• End-users expect discovery and exploration – need easy access to the breadth of an institution’s collections
PersonasPersonas
From research and feedback gathered, compile an exhaustive list of end-users
Academic
Librarian
Public Libraria
n
Historical
SocietyMuseum Exhibit
Journalist
Photo Editor
Grad Student
MLIS
General Public
3rd Party Vendor
Service Bureau
Work Study
StudentHobbyis
t
Historian
Archivist
PersonasPersonas
Distill this list down into key personas
“University Faculty”
Teacher’s Assistant
Professor
Grad Student
PersonasPersonas
Putting a face and a name to the unique goals
SusanUNIVERSITY FACULTY
“I’m working on my book this year and it’s also the first time I’ll be teaching. I want to make sure I’m meeting expectations. I need access to resources that will help with my research, as well as to plan my curriculum and lectures.”
BobCASUAL BROWSER
“I’m a huge history buff. Lately I’ve been collecting research on the infrastructure of cities like Salt Lake City, Los Angeles, and Las Vegas. I can look online for photos, maps, and old newspapers rather than digging through books and microfilm at the library.”
Evaluating current functionalityEvaluating current functionality
Users should be presented with interfaces that help them accomplish their goals regardless of their search method.
?
“That’s cool – I can refine to just image files.”
“I’m just browsing around in here … I wish there was a way I could only see images.”
Current CONTENTdm Web templates
PersonasPersonas
Keep these users in mind throughout the entire process
Interaction mapsInteraction maps
Personas’ unique roles and goals help to define how they will uniquely interact with the system and move through the site
• Establish a direction and start critical thinking about key interactions and functionality
• Begin to define the “pages, pieces and parts” that will need to be available for users accomplishing their goals
Defining the interactionsDefining the interactions
Using personas, begin to see different approaches to the same digital collection
Susan
Bob
“I want to find something very specific for my research paper.”
“I’m interested in architecture, I want to discover what’s available to me here.”
Writing user storiesWriting user stories
Coming up with solutions to help all users, regardless of their initial approach, to find, refine, and discover.
“I want to see related digital items.”“I want to add
a collection to my search, and have the results load instantly.”
“I want the image to load quickly and smoothly, like Google maps.”
“I want to zoom in and out by using the scroll wheel of my mouse.”
Wireframes—form follows functionWireframes—form follows function
Using a black and white line art style, begin to imagine how specific functionality might work
Wireframes
How do we know we’re on the right track?How do we know we’re on the right track?
Giving real-life audiences exposure to preliminary interfaces in order to address usability issues early on, before code is developed
• Check in with users early and often!
• Surveys & Interviews: “Who? What? Why?”
• Focus Groups: “What do you think of this?”
• Ad-hoc walkthroughs: “Okay then, what about this?”
• Usability Studies: “Please do this task.”
July 2009: “Pluralistic Review” (User-
Centered Walkthrough, Storyboarding) & Focus Group
July 2009: “Pluralistic Review” (User-
Centered Walkthrough, Storyboarding) & Focus Group
Held at ALA Conference in Chicago
• 16 College & University students, 5 College & University librarians; groups of 5-7, working on paper independently
• In general, participants were satisfied with the redesigned interface
• Those who had experience with CONTENTdm also indicated it felt familiar, yet improved
• Learned that some of our initial assumptions were incorrect
Wireframe shown in focus groupWireframe shown in focus group
“There is lots of space taken up with information I don’t need.”
“I just want to zoom and pan.”
“I can get more information if I want it. This doesn’t need to be here.”
“My Favorites” Wireframe shown in focus group“My Favorites” Wireframe shown in focus group
“WAY too much organization put on the part of the user. Notes, folder descriptions, manage folders. I’m not going to care that much about this stuff.”
“I wouldn’t use this. I’d just want to download or print from my results.”
July 2009: Pluralistic Review & Focus GroupJuly 2009: Pluralistic Review & Focus Group
Initial Assumptions Challenged
• Feedback from CONTENTdm users suggested that metadata was very important and needed to be prominently displayed
• Finding – End-users desire instant gratification: the “big beautiful image,” right off the bat, is critical
• Feedback from CONTENTdm users indicated that current My Favorites functionality was too limited
• Finding – Favorites not widely used by end-users; most said they would never use this type of functionality
Iterate through: revise the wireframes…Iterate through: revise the wireframes…
Using the feedback received in the focus groups, wireframes were revised and iterated
• Immediate access to the “big, beautiful image”
• Compound Object interface reworked
• My Favorites…what to do?
September 2009 - Demographic SurveySeptember 2009 - Demographic Survey
SurveyMonkey survey sent to CONTENTdm Listserv also helped to validate our direction
• 225 CONTENTdm users responded
• Majority of respondents belong to academic libraries (60%)
• Top 5 end-users: Students, general researchers, library staff, historians, faculty
• 71% have 15 collections or fewer
• 15% have 16-30
• 11% have 31-100
• 3% have over 100
September 2009 – revisiting assumptions about My FavoritesSeptember 2009 – revisiting assumptions about My Favorites
Because of conflicting findings about My Favorites, SurveyMonkey questions were put to the survey group
• What is real need and use of My Favorites within CONTENTdm user community?
• New assumptions based on Focus Group:
• “My Favorites” not widely used by end-users
• Enhanced My Favorites not desired by end-users
September 2009 – My Favorites FindingsSeptember 2009 – My Favorites Findings
Findings
• 75% of CONTENTdm users are unsure if end-users utilize Favorites
• 28% of CONTENTdm users are satisfied with current My Favorites
• 54% are neutral in their satisfaction level
• 18% are currently dissatisfied with Favorites.
• Those that were indicated that this would be useful if redesigned to support faculty and teaching efforts
• Result make printing, downloading easy for end-users.
Consider a more robust My Favorites as an optional add on for organizations supporting faculty and teaching efforts
Validate Again –November 2009: Online Usability Study
Validate Again –November 2009: Online Usability Study
Usabilla Task walkthrough with accompanying survey based on revised wireframes
• Online nature allowed participants to complete at their convenience, within one week’s time
• 20 respondents were end-users (Professors, Graduate/Doctorate students, Researchers)
• 23 respondents were CONTENTdm librarian users (Digital librarians, Web developers, IT/Systems staff, Collection configuration)
• Ad-hoc general users (history buffs, etc.)
Wireframe revisions, based on feedbackWireframe revisions, based on feedback
“Clear, big, zoomable image, great!”
“I’d love to use this interface to search through a real collection!”
Interface changes validated as improvedInterface changes validated as improved
• Users are able to accomplish tasks, based on revisions to wireframes
• Zooming & panning
• Downloading & printing
• Accessing item details
Goal-oriented functionality validatedGoal-oriented functionality validated
“I always like to know where I am.”
“I would be inclined to scan the images first, so this feature [quick view] strikes me as vital -- it enhances the image and gives me the relative metadata.”
Complex, yet intuitiveComplex, yet intuitive
• Compound Object revisions successfully improve users’ ability to understand and navigate around the complex item type
“Table of contents is nice, and relevant to the item, with an option to view the thumbnails instead of the titles.”
Interface Changes Validated!Interface Changes Validated!
• 99% of all participants were able to successfully perform the tasks assigned to them
• 99.7% of tasks were completed successfully
• 94.4% of researchers indicated that it was either “extremely easy” or “easy” for them to perform assigned tasks
• 94.4% of the researchers said the interface exceeded or met expectations
Revised interface meets expectationsRevised interface meets expectations
“This new interface looks fantastic. When will it be available? It really incorporates just about everything I could want in CONTENTdm!” - Librarian
“The layout is more modern and I think the organization will be more rational.” - Librarian
“It seems familiar and easy to navigate. It looks like most other search websites. It’s what I’d expect to find while working on a report.” - Researcher
Revised again: helpful feedback immediately incorporated into wireframes
Revised again: helpful feedback immediately incorporated into wireframes
•Terminology clarifications
•Clearer iconography
•Easier access to search results
•More prominence placed on download and print
Screens from November study
Iterate for better usabilityIterate for better usability
• Ongoing Designer/Developer collaboration to ensure what’s being built aligns with users’ goals
• Applying a visual layer (pixels, fonts, button style, etc)
• Additional check-ins with end-users throughout the project
The user-centered design tradeoffsThe user-centered design tradeoffs
What your departments or partners are asking for may conflict with your users’ needs
• Be the advocate for your patrons & users
• Need to strike a balance between presenting a best user experience for end-users vs. needs of institution to present material in a completely customized style
• We want to make this highly customizable & configurable, but ensure that the carefully designed User Experience is preserved
Why is user-centered design important?Why is user-centered design important?
• With this approach you never forget the user and what they need
• End-user needs are more likely to be met
• End-users will be able to more easily discover and use your unique digital assets
• End-users will be more likely to return and share
• Your collections will be more accessible and useful
• You meet your end-users needs
Next stage in the Redesign—your turn Next stage in the Redesign—your turn
• The end-user experience redesign “Sandbox” was announced in April 2010
• Sandbox allows you
• To see an early prototype of the new end-user interface and follow development progress
• To see mockups of work that is in development
• An opportunity to try the interface and give us feedback while it is in development
Accessing the SandboxAccessing the Sandbox
Login to the USC. The blog has articles about the Sandbox. Click on the link to the Sandbox. Provide feedback in USC Sandbox forum.
What’s in the Sandbox now?
• Early prototype (ALA MW) of image viewer using small collection of single images. (Apr 30)
• Mockups of image views, with and without text. (May 21)
What’s next in the Sandbox?
• Update with more functionality as ready, still using our collection. Announce in USC What’s New blog.
• Continue to add functionality and announce.
Sandbox collections: “Your Images Here”Sandbox collections: “Your Images Here”
When functionality is robust enough to handle real collections, we will ask users to volunteer their (at first) image collections.
• Public?
• Unrestricted?
• Good match for the functionality being demonstrated?
Depending on the number of volunteers, sizes of collections, and space available in the sandbox, we will have collections for viewing using the new end-user interfaces.
How you can be involvedHow you can be involved
Watch for Sandbox announcements
Test, observe, provide feedback in USC forum
Join us at ALA Annual in DC for an update!
Attend post-ALA webinar
Past, Present, Future – Content, for the UserPast, Present, Future – Content, for the User
As your digital library programs have grown, so have your needs for tools.
As your users’ expectations have grown, so have their needs for an effective experience.
As user experiences evolve, so will CONTENTdm.
Upcoming CONTENTdm ReleasesUpcoming CONTENTdm Releases
Summer 2010 – CONTENTdm 5.4
Summer 2010 – Flex Loader
By end of 2010 – End-User Experience Redesign
CONTENTdm 5.4 – Summer 2010CONTENTdm 5.4 – Summer 2010
• Upload Manager enhancements• Improvements to reduce “hanging” – no need to
click Resume• Options to cancel upload, remove an item from
queue• More granular progress per item and persistent
history
• Compound Object editing enhancements• View and edit all pages in a spreadsheet
• Find 5.0• Better efficiency with partitioning of large indexes• Improved normalization for languages
• Bug Fixes
5.4 Upload Manager enhancements5.4 Upload Manager enhancements
5.4 Upload Manager 5.4 Upload Manager
5.4 Upload Manager5.4 Upload Manager
5.4 Compound Object Editing5.4 Compound Object Editing
Flex Loader – Summer 2010Flex Loader – Summer 2010
1. Free desktop tool available upon request to any CONTENTdm license holder
2. Supports import of the following XML file formats: iArchives METS/ALTO, CCS METS/ALTO and CCS METS/ALTOe
3. Ideal for users needing to import large quantities of METS/ALTO newspapers to a collection; supports annual NDNP grantees
4. Supports newspaper article segmentation; Support for article level searching will be added by end of 2010.
5. Pilot in progress: U of Utah, Ohio Historical Society, Memorial U, State Historical Society of Missouri, Arizona State Library
John Herbert, U of Utah, presents Flex Loader at 2:15 today!
Upcoming CONTENTdm ReleasesUpcoming CONTENTdm Releases
Summer 2010 – CONTENTdm 5.4
Summer 2010 – Flex Loader
By end of 2010 – End-User Experience Redesign