Navigating media-rich information spaces using concept graphs -- the abramovic dossier

Anton Eliëns, Chris van Riel, Yiwen Wang

media-rich information spaces

Navigating media-rich information spaces usually involves switching back and forth between categories and lists indexing the material and the actual media presentations. To address this problem, we developed a concept graph navigation system in 3D that allows the presentation of media material and navigation in a more immersive manner, [Remediation], using a presentation gadget that is closely connected with the navigation facilities offered by the concept graph.

requirement(s)

It must serve as an information source for conservators and curators of contemporary art,
It must present rich media recordings of all artworks, and,
In addition, it must provide background information for the general public (non-expert users).

...


Fig. 2: main node	Fig. 2: presentation gadget

concept graph

As a user interface for navigating the digital dossier, we created a concept graph that represents relational information structures. The concept graph allows the user to detect relations and search for information. Unlike a 3D cone tree, [Cones], where the complete hierarchical structure is presented, only a subset of the relational structure is shown - three levels deep.

icon(s)

Information objects shown in the concept graph are represented by 3D icons. These 3D icons visualize a certain type of information, both conceptual information, that represent categories, and content information types, that represent actual (media) content, including text, pictures and video.

zoom

Below the three windows a list of all content related to the selected information object is displayed. By using drag-and-drop the user can view content on a window of choice. If necessary, the user can focus on a particular window with a zoom option, to avoid distraction from the other windows.

style issues

what icons should be used to identify the elements of the concept graph?
what categories and relationships are most appropriate?
how should the information be displayed, simultaneously or more focussed?
how do we allow the user to choose between multiple information items?
how do we avoid visually disturbing elements?

next generation dossier(s)

adaptation of representation to Dublin Core
XML-based content management, with php forms
develop multiple ways to present the information
provide stylesheets to accomodate user preferences wrt style

conclusion(s)

We have argued that a dynamically presented concept graph, as used in the digital dossier, may provide intuitive navigation when dealing with highly inter-related information structures in 3D space. Instead of presenting a complete view of the hierarchy, the concept graph shows only a subset of the information. Presentation of content is separated from navigation but the digital dossier indicates a strong relation between them.

acknowledgement(s)

Vrije Universiteit Amsterdam : Tim Verweij, Olav van Zon, Eric de Boer, Pascal Snijders Blok, Olaf van Zon
Universiteit van Amsterdam : Abeer Mahdi, Jina Menke, Michela Negrini
Technische Universiteit Delft: Jurgen Koster
The Netherlands Institute for Cultural Heritage : Tatja Scholte, Ijsbrand Hummelen
Montevideo : Bart Rutten, Gaby Wijers

Æliens

2009

Navigating media-rich information spaces using concept graphs -- the abramovic dossier

...

Æliens

2009

Navigating media-rich information spaces using concept graphs -- the abramovic dossier

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('temp.html#slide-'); } document.write('p-nav-tit'); if (!slidemode) document.write('.html');document.write('>');

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('temp.html#slide-'); } document.write('p-navi-intro'); if (!slidemode) document.write('.html');document.write('>');

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('temp.html#slide-'); } document.write('p-navi-requirements'); if (!slidemode) document.write('.html');document.write('>');

...

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('temp.html#slide-'); } document.write('p-navi-ui'); if (!slidemode) document.write('.html');document.write('>');

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('temp.html#slide-'); } document.write('p-navi-icons'); if (!slidemode) document.write('.html');document.write('>');

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('temp.html#slide-'); } document.write('p-navi-zoom'); if (!slidemode) document.write('.html');document.write('>');

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('temp.html#slide-'); } document.write('p-navi-concl'); if (!slidemode) document.write('.html');document.write('>');

document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('temp.html#slide-'); } document.write('p-navi-acks'); if (!slidemode) document.write('.html');document.write('>');