Duke Digital Collections Website: Analysis & Wireframes 2/3/10
Duke University Libraries Digital Collections web redesign project, featuring analysis & wireframe mockups.
More info:
http://library.duke.edu/blogs/digital-collections/category/website-redesign/
»
Item Page
Current Page
Web Analytics
Our most-accessed items get viewed mostly via external links.
More than 3/4 of item page views are for the medium image view as opposed to the details view.
Usability Testing
Staff Feedback
Wireframes
A
B
C
D
Users easily toggled b/w image & details.
Comment box on item pages
Better page-turner for multi-page items
Export options (e.g., PDF)
Clear rights/acceptable uses
Auto-generated citations
Wishlist
Interviews w/RBMSCL research center staff & other collection sponsors
User Feedback
Have multiple sizes available for images.
It's unclear how to switch between viewing an image and its metadata.
Key Questions
Overall 'Browse' options in header? Under?
Collection indicator: in the header? On the side?
Inspiration
Search/Results
About 75% of searches are within-collection searches; 25% are cross-collection.
The majority of searches are for various topics, though many users search for items from a particular decade (”1920s”), format (”advertisements”), or collection (”Gamble”).
A
B
C
D
Users found it easy to narrow results using the facets on left
Users easily toggled b/w the grid and list views.
Some users didn't understand searching within a single collection versus searching across all collections.
Most users didn’t understand that they could remove their “narrow by” selections in the breadcrumb trail.
Advanced Search option
Return collections in search results in addition to items.
Return our digital exhibits in search results.
Better distinguish intra- and cross-collection searching.
Support the exploration of a particular format (images, video) or time period (1960s) regardless of the source collection.
Let users mark items for later use (shopping cart).
Connect people to Duke’s relevant resources outside of this system that match the keyword searches.
Wishlist
It’s unclear what the difference is between the “search this collection” box versus the “search all collections” box.
Searching should enable people to discover more Duke content & collections beyond the items that are in this particular system
Key Questions
Facets on left or right?
Collection indicator: is it needed for intra-collection search? Where's the best place?
Return matching collections & digital exhibits below results?
E
Portal Page
From the portal, people are nearly three times more likely to visit individual collection homepages than to conduct a cross-collection search.
Many queries are for formats, decades, and collection names.
A
B
C
D
Overall appearance was described as “clean”, “simple”, “nice” and “easy to understand”.
Give collections browse more prominence
The current label of “featured collection” is confusing and should be clarified or eliminated.
Remove anchor links, reduce scrolling.
Add a way to get items by format, as that is a common use case.
Browsing the collections by theme (the current default) can be confusing.
Wishlist
Flatten the navigation and reduce the necessary clicks to get to collections and items.
Key Questions
Show lots of items at once, or have one big feature at a time?
Should we have a tabbed browse section?
Whether/where to show most popular items, searches, collections.
E
Collection
Homepages
Our most popular collections’ homepages are visited even more often than our portal page.
A
B
C
D
Users liked being able to see example items from the collections.
Make the search & browse options clear & the obvious focal point
Move the paragraphs of text to a separate ‘about’ page.
Give a visual taste of what kinds of things are in the collection & show most popular items.
Let people more easily browse all of the available metadata for each collection (e.g., browse all companies in an ad collection).
Make the pages more visually appealing.
Give each collection more character by using graphics that enforce branding.
Wishlist
Avoid the “wall of text”; make the “home page copy read more like web copy.”
Feature timelines more prominently
Having two search boxes (one for inter-collection & one for intra-collection searches) is confusing.
Key Questions
Where to put the brief collection description
Distinguish categories / separate from the tabbed browsing?
Show one med-sized item at a time or a bunch of small? Both?
E
F
Digital Collections Redesign
Wireframe Prototype Discussion
Sean Aery
Open Presentation to Duke Univ. Library Staff
Feb 3, 2010
Wireframes
No colors, fonts, or images
No code
Are these the right page elements and options to include?
Is there anything important missing?
Are links, info, options located in the best possible places?
Let's Get Started
The Project
Today's Session
Review four key parts of current interface
Review what we learned in analysis of current interface
Review example sites that do certain things well
Show/discuss possible designs for our new site
Redesign public web interface to Digital Collections in concert w/development of Trident (repository, index, & metadata editor tool)
Speed up the collection-publishing process.
Address known problems & limitations with current site.
library.duke.edu/blogs/digital-collections/
category/website-redesign