generous interfaces - rich websites for digital collections
DESCRIPTION
TRANSCRIPT
![Page 1: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/1.jpg)
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
![Page 2: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/2.jpg)
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.
![Page 3: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/3.jpg)
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
![Page 4: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/4.jpg)
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.
![Page 5: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/5.jpg)
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.
![Page 6: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/6.jpg)
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.
![Page 7: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/7.jpg)
GenerosityGenerosityGenerosityGenerosity
But first: the “big idea”. Generosity
![Page 8: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/8.jpg)
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...
![Page 9: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/9.jpg)
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?
![Page 10: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/10.jpg)
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.
![Page 11: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/11.jpg)
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?
![Page 12: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/12.jpg)
Generous Interfaces?Generous Interfaces?Generous Interfaces?Generous Interfaces?
But what does it mean for an interface to be “generous”?
![Page 13: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/13.jpg)
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.
![Page 14: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/14.jpg)
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
![Page 15: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/15.jpg)
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.
![Page 16: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/16.jpg)
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...
![Page 17: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/17.jpg)
GenerousGenerousGenerousGenerousStingyStingyStingyStingy
a continuum:a continuum:a continuum:a continuum:
Let’s call them “stingy”.
![Page 18: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/18.jpg)
Stingy InterfacesStingy InterfacesStingy InterfacesStingy Interfaces
What is an ungenerous interface?
![Page 19: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/19.jpg)
The catalogue interface to the National Library of Australia.
![Page 20: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/20.jpg)
The front page of Picture Australia
![Page 21: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/21.jpg)
The National Gallery of Australia’s collection search page.
![Page 22: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/22.jpg)
The National Archives of Australia’s RecordSearch interface.
![Page 23: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/23.jpg)
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?
![Page 24: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/24.jpg)
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.
![Page 25: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/25.jpg)
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!
![Page 26: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/26.jpg)
““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.
![Page 27: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/27.jpg)
More Generous SearchMore Generous Search
But there are indications that search is getting more generous. Some examples:
![Page 28: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/28.jpg)
The collections search page of the National Museum of Australia.
![Page 29: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/29.jpg)
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.
![Page 30: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/30.jpg)
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.
![Page 31: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/31.jpg)
evocativeevocativediversediverse
immediateimmediate
generousgenerous
Samples from a collection can communicate diversity, give an immediate, evocative impression of the contents.
![Page 32: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/32.jpg)
Fun with FacetsFun with FacetsFun with FacetsFun with Facets
Faceted search is fairly ubiquitous - but facets can also help make search more generous.
![Page 33: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/33.jpg)
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.
![Page 34: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/34.jpg)
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.
![Page 35: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/35.jpg)
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).
![Page 36: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/36.jpg)
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
![Page 37: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/37.jpg)
![Page 38: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/38.jpg)
![Page 39: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/39.jpg)
![Page 40: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/40.jpg)
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
![Page 41: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/41.jpg)
![Page 42: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/42.jpg)
![Page 43: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/43.jpg)
![Page 44: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/44.jpg)
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.
![Page 45: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/45.jpg)
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
![Page 46: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/46.jpg)
![Page 47: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/47.jpg)
![Page 48: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/48.jpg)
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.
![Page 49: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/49.jpg)
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
![Page 50: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/50.jpg)
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.
![Page 51: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/51.jpg)
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.
![Page 52: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/52.jpg)
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.
![Page 53: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/53.jpg)
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
![Page 54: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/54.jpg)
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.
![Page 55: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/55.jpg)
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).
![Page 56: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/56.jpg)
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.
![Page 57: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/57.jpg)
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.
![Page 58: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/58.jpg)
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.
![Page 59: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/59.jpg)
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.
![Page 60: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/60.jpg)
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.
![Page 61: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/61.jpg)
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.
![Page 62: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/62.jpg)
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.
![Page 63: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/63.jpg)
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.
![Page 64: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/64.jpg)
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.
![Page 65: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/65.jpg)
Challenges for Challenges for Generous InterfacesGenerous InterfacesChallenges for Challenges for Generous InterfacesGenerous Interfaces
![Page 66: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/66.jpg)
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.
![Page 67: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/67.jpg)
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....
![Page 68: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/68.jpg)
web web pagespages
web web pagespages
interactiveinteractivevisualisationvisualisationinteractiveinteractivevisualisationvisualisation
As mentioned earlier, this space seems particularly promising right now.
![Page 69: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/69.jpg)
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.
![Page 70: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/70.jpg)
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?
![Page 71: Generous Interfaces - rich websites for digital collections](https://reader035.vdocuments.site/reader035/viewer/2022081413/5466d03caf7959f1238b61d8/html5/thumbnails/71.jpg)
Thanks!Thanks!
Mitchell WhitelawMitchell Whitelaw
Faculty of Arts and Design Faculty of Arts and Design
University of CanberraUniversity of Canberra
[email protected]@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
[email protected]@canberra.edu.au
@mtchl@mtchl
Thanks to the NDF for inviting me to present this work - feedback welcome, of course.