User Experience Design
The core of digital hermeneutics is formed by two components: object-event relationships and event-event relationships. By making explicit relationships between the objects and events, and between the events themselves we can facilitate users in their access and interpretation processes of objects in online cultural heritage collections. In DIVE we aim at implementing those relations in an intuitive event-centric browsing interface for browsing cultural heritage collections by means of underlying linked data graph.
Major effort was put in creating an interface with a clear identity and an engaging user experience that invite users to continue exploring at different levels of detail. Users become explorers diving deeper into the data, as a diver deeper and deeper into an ocean trench discovering new species. This metaphor makes the interface a "digital submarine", which provides navigation controls and supportive and manipulative tools. The design of the interface also forms an innovative "inifinite exploration path", which unlocks the potential of touchbased explorative user interfaces.
An extensive design phase in which multiple concepts have been tested resulted in the DIVE "infinity browsing" interface, a combination of two core interaction concepts that involve a horizontal level supporting the breadth and a vertical level supporting the depth of information exploration and interpretation.
The horizontal level displays the result set related to the seed keyword search in a dynamic presentation. At this level, user's exploration is supported by event-centric filters making explicit the relation of each object to either the depicted and associate events and their properties, e.g. people, locations and times involved in the events. Consistent color coding is used for each property type to allow for a quick discovery of desired type of objects. Large result sets are represented as a colored barcode to give an overview of the amount and composition of event properties in the search results. Objects are represented by type-color, type-icon, title and an image and associated with a set of buttons providing detailed information for each object, e.g. description, source and external links. To allow for active user engagement through sharing of personal perspectives and interpretations, users can add comments to each object and save them in private or shared collections. Additionally, we provide a set of related objects from the Europeana collections. Typical interactions at this level are:
- pinch or scroll the elements of the color barcode zooms in on the objects to reveal more information, e.g. image, title, icon of the event-related property (for example, an icon for location indicates that this object depicts a location of the related event).
- drag right or left the row of related objects reveals previous or next object on the horizontal level.
- arrows are used for navigating to previous or next objects in the row.
- search Option & event filters allow to show sub-sets of related objects.
The vertical level is formed by the user exploration history, as a path of selections on the horizontal level - leading to the last selected object. Each selection of an object results in a new row with related entities loaded under the selected object. Users can scroll back to a previous step, zoom out, choose another object and build a new path from there. This allows for fluid dynamics in collection exploration, discovery of alternative paths, and ultimately supports deep interpretation of cultural heritage collections. Our intention is to allow saving each exploration history as a collection so that users can revisit or share their browsing experiences.
A smart image cache has been implemented to provide a visual representation for other entities. Based on keywords from entity titles, images are retrieved from the five most relevant Wikipedia searches using the Wikipedia API. If no images are found, another query is made to the OpenCultuurData API which covers an extensive set of Dutch open heritage- and cultural data. The quality and availabity of images through this system is acceptable and provides a powerful way of filling in the (visual) data gaps. These images increase the user experience by supporting the visual navigation throught the interface and rememberability and recognizability of individual entities.
This version of the interface if optimized for tablets and modern web browsers.