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/ »
Sean Aery

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

Loading comments...

Please log in to add your comment.

Report abuse