Generous InterfacesGenerous InterfacesMitchell WhitelawMitchell WhitelawFaculty of Arts and Design | University of CanberraFaculty of Arts and Design | University of Canberra

National Digital Forum 2011National Digital Forum 2011

The Visible ArchiveThe Visible Archivehttp://visiblearchive.blogspot.comhttp://visiblearchive.blogspot.com

The Visible ArchiveThe Visible Archivehttp://visiblearchive.blogspot.comhttp://visiblearchive.blogspot.com

My work to date has focused on visualisation of large cultural collections - here’s a screen grab from one of the Visible Archive visualisations, showing some 60,000 archival series in the National Archives collection.

commonsExplorer (with Sam Hinton)commonsExplorer (with Sam Hinton)http://creative.canberra.edu.au/cexhttp://creative.canberra.edu.au/cex

commonsExplorer (with Sam Hinton)commonsExplorer (with Sam Hinton)http://creative.canberra.edu.au/cexhttp://creative.canberra.edu.au/cex

... and here’s a still from commonsExplorer - a visual explorer for Flickr Commons collections. Download it and play around - http://creative.canberra.edu.au/cex

Visualising cultural collections:Visualising cultural collections:Visualising cultural collections:Visualising cultural collections:

““show everything!”show everything!”(Stamen)(Stamen)

““show everything!”show everything!”(Stamen)(Stamen)

One of the key provocations in this work has been Stamen’s call to “show everything”. This work has demonstrated that it’s challenging, but possible, to show everything in a collection using interactive visualisation techniques.

a different angle...a different angle...a different angle...a different angle...

But here I’m going to talk about a different approach to the same challenge - how to make rich representations of big, complex cultural collections.

web web pagespagesweb web

pagespagesinteractiveinteractivevisualisationvisualisationinteractiveinteractivevisualisationvisualisation

interesting!interesting!

richrichinteractiveinteractiveengagingengaging

data-densedata-densein the browserin the browser

richrichinteractiveinteractiveengagingengaging

data-densedata-densein the browserin the browser

There’s an interesting space emerging between the standard web experience and the more complex, dense, dynamic world of interactive data vis. The focus of this talk is on creating rich, engaging views of collections in the browser.

GenerosityGenerosityGenerosityGenerosity

But first: the “big idea”. Generosity

Generous:Generous:1. liberal in giving or sharing; 1. liberal in giving or sharing;

unselfish: 2. large; abundant; ampleunselfish: 2. large; abundant; ample

Just your basic definition...

Generous:Generous:1. liberal in giving or sharing; 1. liberal in giving or sharing;

unselfish: unselfish: 2. large; abundant; ample2. large; abundant; ample

This seems to fit with the approach of most cultural and collecting institutions. Their mission is to share, to be “liberal in giving” and unselfish. Right?

Generous:Generous:1. liberal in giving or sharing; 1. liberal in giving or sharing;

unselfish: unselfish: 2. large; abundant; ample2. large; abundant; ample

Collections are also nothing if not large, abundant and ample. Treasure houses of cultural riches! So it seems that generosity, as an attitude, is a good fit for cultural institutions and their collections.

Digital Collections:Digital Collections:Sharing lots of StuffSharing lots of StuffDigital Collections:Digital Collections:Sharing lots of StuffSharing lots of Stuff

Who could argue with this, as a basic mission statement for digital collections?

Generous Interfaces?Generous Interfaces?Generous Interfaces?Generous Interfaces?

But what does it mean for an interface to be “generous”?

in digital collections the interface is:in digital collections the interface is:in digital collections the interface is:in digital collections the interface is:

discoverydiscovery

accessaccess

presentationpresentation

discoverydiscovery

accessaccess

presentationpresentation

It’s hard to overstate the importance of the interface for digital collections. It presents the collection material, provides access to it, and hopefully enables us to discover material within it.

our our onlyonly experience of digital collections experience of digital collections is via the interfaceis via the interface

our our onlyonly experience of digital collections experience of digital collections is via the interfaceis via the interface

a generous collectiona generous collectiondemandsdemands

a generous interfacea generous interface

a generous collectiona generous collectiondemandsdemands

a generous interfacea generous interface

If collecting institutions aspire to generosity in their mission, then their interfaces should also live up to those values.

GenerousGenerousGenerousGenerousunGenerousunGenerousunGenerousunGenerous

a continuum:a continuum:a continuum:a continuum:

If some interfaces are generous in spirit, then some might also be less so. I am going to argue that many of the conventions of collection interfaces are less than generous...

GenerousGenerousGenerousGenerousStingyStingyStingyStingy

a continuum:a continuum:a continuum:a continuum:

Let’s call them “stingy”.

Stingy InterfacesStingy InterfacesStingy InterfacesStingy Interfaces

What is an ungenerous interface?

The catalogue interface to the National Library of Australia.

The front page of Picture Australia

The National Gallery of Australia’s collection search page.

The National Archives of Australia’s RecordSearch interface.

Why Search is StingyWhy Search is StingyWhy Search is StingyWhy Search is Stingy

All of these interfaces are dominated by search. But what’s wrong with that?

Why Search is StingyWhy Search is StingyWhy Search is StingyWhy Search is Stingy(used alone)(used alone)(used alone)(used alone)

^̂

Used alone, I think search as an interface is ungenerous. Here’s why.

Why Search is StingyWhy Search is Stingy(used alone)(used alone)

^̂

attitude: “yes, what?”attitude: “yes, what?”

provides no contextprovides no context

assumes a queryassumes a query

Search conveys an attitude: “yes, what would you like”? rather than, “here’s our collection!”. It provides no context to the query - how can we search, if we don’t know what’s in the collection? And it assumes that the user has a focused query that can be expressed as a string. A big assumption!

““since we know ... that people have since we know ... that people have substantial difficulties in specifying what it is substantial difficulties in specifying what it is ... that would help them to realise their ... that would help them to realise their goals, goals, only considering specified search only considering specified search as the basis for IR models and as the basis for IR models and techniques, is clearly inadequate, and techniques, is clearly inadequate, and inappropriateinappropriate””

Nicholas Belkin, “Some (what) Grand Challenges for Information Nicholas Belkin, “Some (what) Grand Challenges for Information Retrieval” (2008) Retrieval” (2008) ((http://www.asiaa.sinica.edu.tw/~ccchiang/GILIS/LIS/p47-http://www.asiaa.sinica.edu.tw/~ccchiang/GILIS/LIS/p47-belkin.pdfbelkin.pdf))

Even “information retrieval” people recognise that search can’t do it alone.

More Generous SearchMore Generous Search

But there are indications that search is getting more generous. Some examples:

The collections search page of the National Museum of Australia.

search + samplessearch + samples= instant context= instant context

This is work by Tim Sherratt - adding a box of random samples from the collection images, provides a rich, evocative impression of the diversity of the collection. A small (but useful) sense of what’s in there provides useful context for a search.

This LOC example provides samples of content from “100 years ago today” - again effectively a random core sample of the collection, but far more generous than a blank search box, and immediately evocative.

evocativeevocativediversediverse

immediateimmediate

generousgenerous

Samples from a collection can communicate diversity, give an immediate, evocative impression of the contents.

Fun with FacetsFun with FacetsFun with FacetsFun with Facets

Faceted search is fairly ubiquitous - but facets can also help make search more generous.

This search on the Australian War Memorial collection provides informative facets - but only after the search! Until I search, I have no idea that the collection includes, Art, Film, Heraldry etc.; but these facets reveal collection structure as well as distribution.

These are “browse” facets from the Art Gallery of New South Wales site. They combine sample images with collection structure and item counts - rich but compact cues for exploring the collection.

A new Generosity?A new Generosity?

Here, I want to look at some more radical examples of generous interfaces - and there seem to be more and more appearing. NB this is not a comprehensive list (feel free to suggest good examples).

Mildenhall’s CanberraMildenhall’s Canberrahttp://mildenhall.moadoph.gov.auhttp://mildenhall.moadoph.gov.au

National Archives of Australia / National Archives of Australia / Museum of Australian DemocracyMuseum of Australian Democracy

Developer: IcelabDeveloper: Icelab

Mildenhall’s CanberraMildenhall’s Canberrahttp://mildenhall.moadoph.gov.auhttp://mildenhall.moadoph.gov.au

National Archives of Australia / National Archives of Australia / Museum of Australian DemocracyMuseum of Australian Democracy

Developer: IcelabDeveloper: Icelab

Trove Australian Womens’ WeeklyTrove Australian Womens’ Weeklyhttp://trove.nla.gov.au/awwhttp://trove.nla.gov.au/aww

National Library of AustraliaNational Library of Australia

Developer: Paul HagonDeveloper: Paul Hagon

Trove Australian Womens’ WeeklyTrove Australian Womens’ Weeklyhttp://trove.nla.gov.au/awwhttp://trove.nla.gov.au/aww

National Library of AustraliaNational Library of Australia

Developer: Paul HagonDeveloper: Paul Hagon

Mildenhall and AWWMildenhall and AWW

immersive: “wall of thumbnails”immersive: “wall of thumbnails”

immediate: link to rich contentimmediate: link to rich content

exploratoryexploratory

These two projects share an approach that focuses on immersing the audience in evocative but structured collection material. In both cases the interface links to rich content, and it doesn’t assume a query, but encourages exploration.

Irish in Australia History WallIrish in Australia History Wallhttp://historywall.nma.gov.au/irish/http://historywall.nma.gov.au/irish/

Developer: Tim SherrattDeveloper: Tim Sherratt

Irish in Australia History WallIrish in Australia History Wallhttp://historywall.nma.gov.au/irish/http://historywall.nma.gov.au/irish/

Developer: Tim SherrattDeveloper: Tim Sherratt

linked content (mashup)linked content (mashup)

samples: partial information invites explorationsamples: partial information invites exploration

implicit relationshipsimplicit relationships

linked content (mashup)linked content (mashup)

samples: partial information invites explorationsamples: partial information invites exploration

implicit relationshipsimplicit relationships

History WallHistory WallHistory WallHistory Wall

Tim Sherratt’s History Wall takes a slightly different approach: “wall of thumbnails” again, but here combined from multiple sources, to create implicit relationships between items. Note that providing samples or excerpts really invites exploration - we want to complete the story, join the pieces.

Australian Prints and PrintmakingAustralian Prints and PrintmakingDecade Browser (sketch)Decade Browser (sketch)

Developers: Mitchell Whitelaw and Ben Ennis ButlerDevelopers: Mitchell Whitelaw and Ben Ennis ButlerResearch supported by the NGA / Gordon Darling Print FundResearch supported by the NGA / Gordon Darling Print Fund

Australian Prints and PrintmakingAustralian Prints and PrintmakingDecade Browser (sketch)Decade Browser (sketch)

Developers: Mitchell Whitelaw and Ben Ennis ButlerDevelopers: Mitchell Whitelaw and Ben Ennis ButlerResearch supported by the NGA / Gordon Darling Print FundResearch supported by the NGA / Gordon Darling Print Fund

The decade browser gives an overview of the whole Prints and Printmaking collection (over 20,000 works) ordered by decade. The decade display is just a histogram - taller towers mean more works. Inside each column, images of the works from that decade are overlaid to give a sense of the “tetxure” of that period. This is built in plain HTML and jQuery, accessing the data through an API developed for us by Tim Sherratt.

Selecting a column will load a horizontal-scrolling list of all the works in that decade. We can select a work image to link to its full page on the NGA site. Artist names link to the artist explorer interface that we will introduce in a couple of slides.

quantity + visual sampling quantity + visual sampling

the “texture” of the times? the “texture” of the times?

micro in macro contextmicro in macro context

quantity + visual sampling quantity + visual sampling

the “texture” of the times? the “texture” of the times?

micro in macro contextmicro in macro context

Decade BrowserDecade BrowserDecade BrowserDecade Browser

This tool combines a visual representation of quantity (a histogram) with the unstructured, evocative visual samples of the works themselves. We can move from macro overview to micro - item level display - and situate the items in their broader context.

Australian Prints and PrintmakingAustralian Prints and PrintmakingArtist Explorer (sketch)Artist Explorer (sketch)

Developers: Mitchell Whitelaw and Ben Ennis ButlerDevelopers: Mitchell Whitelaw and Ben Ennis ButlerResearch supported by the NGA / Gordon Darling Print FundResearch supported by the NGA / Gordon Darling Print Fund

Australian Prints and PrintmakingAustralian Prints and PrintmakingArtist Explorer (sketch)Artist Explorer (sketch)

Developers: Mitchell Whitelaw and Ben Ennis ButlerDevelopers: Mitchell Whitelaw and Ben Ennis ButlerResearch supported by the NGA / Gordon Darling Print FundResearch supported by the NGA / Gordon Darling Print Fund

This “artist explorer” started life as a way for us to get to grips with relationships in the collection. It’s turned into a useful interface, focusing on artists’ works and their collaborations with other artists. In the left hand pane we see an artist’s details and a list of their collaborators. The central pane shows all the artist’s works.

The right hand column shows a larger view of a single work. Again we are showing micro (full item details) in its macro context (all the artist’s works, and collaborative relationships).

Hovering over the related artists highlights their linked works - here we can see Aleks Danko’s posters made in collaboration with Colin Little. Note that hovering over works also highlights the artist names - so these facets are two-way linked to the collection items. By clicking a related artist we can explore their work - and so on, spidering across the collection, discovering connections.

linked facetslinked facets

micro & macro in contextmicro & macro in context

exploring relationships from the insideexploring relationships from the inside

linked facetslinked facets

micro & macro in contextmicro & macro in context

exploring relationships from the insideexploring relationships from the inside

Artist ExplorerArtist ExplorerArtist ExplorerArtist Explorer

Rather than a “bird’s eye” view of a collection, this tool provides an exploratory view from the inside. We can develop a sense of the collection, and relationships within it, by wandering around within it. Linking between overview and immersive modes seems like a promising way to combine different interfaces.

Principles for Principles for More Generous InterfacesMore Generous InterfacesPrinciples for Principles for More Generous InterfacesMore Generous Interfaces

Here, an attempt to distil some general principles from these examples.

Show first, don’t askShow first, don’t ask(provide rich information up front)(provide rich information up front)

Show first, don’t askShow first, don’t ask(provide rich information up front)(provide rich information up front)

Search is a way of asking first - requiring the user to make the first move, information-wise. Offering more up front is the generous way to do it; it provides context that enriches our understanding of the collection.

Free samplesFree samplesFree samplesFree samples

The best way to represent or characterise a collection is through the items themselves - samples show diversity and distribution; they are evocative and enticing; and they enrich our sense of context.

Show relationshipsShow relationshipsitem itemitem item

item collectionitem collection

Show relationshipsShow relationshipsitem itemitem item

item collectionitem collection

Rich display of relationships is crucial. Displaying relationships between items and their larger collection context, as well as relationships between individual items, builds context and encourages exploration.

Provide cluesProvide clues(partial information is intriguing!)(partial information is intriguing!)

Provide cluesProvide clues(partial information is intriguing!)(partial information is intriguing!)

Partial information is intriguing - allow the user to put the pieces together. Providing clues, rather than whole answers, sparks curiosity and invites exploration. It’s also far more compact than providing full information.

Include Unstructured DataInclude Unstructured DataInclude Unstructured DataInclude Unstructured Data

Unstructured data - text and image - provides rich cues and toe-holds for building context. Combining structured data (such as date or author relationships) with unstructured data is especially rich.

Share the Good StuffShare the Good Stuff(high quality primary content)(high quality primary content)

Share the Good StuffShare the Good Stuff(high quality primary content)(high quality primary content)

The bottom line of generous digital collections is sharing rich, high quality digital content - and preferably doing it in-situ, without jumping through hoops or switching contexts.

Challenges for Challenges for Generous InterfacesGenerous InterfacesChallenges for Challenges for Generous InterfacesGenerous Interfaces

Technical Technical ChallengesChallengesTechnical Technical ChallengesChallenges

More data, more images, more bandwidthMore data, more images, more bandwidth

Need efficient data access (API)Need efficient data access (API)

Requires a modern browserRequires a modern browser

More data, more images, more bandwidthMore data, more images, more bandwidth

Need efficient data access (API)Need efficient data access (API)

Requires a modern browserRequires a modern browser

There are some technical challenges to confront if we are going to make really rich, generous interfaces. APIs are essential, but current APIs are designed around search, and drip-feeding individual records, rather than delivering rich samples or overviews of large collections. Delivering it in HTML and JS requires the user to have a modern browser.

Design ChallengesDesign ChallengesDesign ChallengesDesign Challenges

Hybrid conventions (web / visualisation)Hybrid conventions (web / visualisation)

Unfamiliar interfacesUnfamiliar interfaces

How much is too much?How much is too much?

Hybrid conventions (web / visualisation)Hybrid conventions (web / visualisation)

Unfamiliar interfacesUnfamiliar interfaces

How much is too much?How much is too much?

This space is rich with challenges for designers / developers. The last question bears some more exploration....

web web pagespages

web web pagespages

interactiveinteractivevisualisationvisualisationinteractiveinteractivevisualisationvisualisation

As mentioned earlier, this space seems particularly promising right now.

low low densitydensity

low low densitydensity

highhighdensitydensityhighhighdensitydensity

We could also frame it as a continuum of data-density - with the conventional web being relatively sparse, and visualisation being more dense.

stingystingystingystingy overwhelmingoverwhelmingoverwhelmingoverwhelming

generousgenerous

??

Or we could think of the continuum as between stingy - too little information - and overwhelming: too much. Now “generous” is actually the sweet spot between these poles. If it’s possible to be too generous, how do we know where the optimum is?

Thanks!Thanks!

Mitchell WhitelawMitchell Whitelaw

Faculty of Arts and Design Faculty of Arts and Design

University of CanberraUniversity of Canberra

mitchell.whitelaw@canberra.edu.aumitchell.whitelaw@canberra.edu.au

@mtchl@mtchl

Thanks!Thanks!

Mitchell WhitelawMitchell Whitelaw

Faculty of Arts and Design Faculty of Arts and Design

University of CanberraUniversity of Canberra

mitchell.whitelaw@canberra.edu.aumitchell.whitelaw@canberra.edu.au

@mtchl@mtchl

Thanks to the NDF for inviting me to present this work - feedback welcome, of course.