usability, design, interaction design, information, web usability, user interface design, usability engineering,user testing, usability inspection, heuristic evaluation, webdesign, UI, GUI, HCI, user-centered design,human-computer interaction, mensch computer interaktion,universität konstanz, usability test, benutzerfreundlichkeit, mensch-maschine-interaktion, mensch-computer-interaktion, human-computer-interaction, usable, website usability, ergonomie, ergonomisch, psychologie, gestalt principles, scenario, information visualization,informationsvisualisierung, User Interface Evaluation, Usability testing, Human Factors, Erogonomic, Ergonomics, User Interfaces, User Interface, Interfaces, informations visualisierung, visual information seeking system, visual search interface, Mensch & Computer 2012Harald Reiterer

Research

MedioVis 2.0

Infobox



Most recent demo video: Download (MOV)

MedioVis 2.0 (Flyer)

Status

Members

Heilig, Demarmels, Huber, Rexhausen, Jetter, Runge, Gerken, König, Grün, Reiterer

Address

http://hci.uni-konstanz.de/MedioVis2

Flyer

http://hci.uni-konstanz.de/http://hci.uni-konstanz.de/downloads/MedioVis 2.pdf (Download as PDF)

Description

VIDEOS
INTRODUCTION
PROJECT DESCRIPTION
Preceding Project MEDIOVIS 1.0
RELATED PROJECTS


VIDEOS


Search Token
MultiTouch Scatterplot
FacetBrowsing


INTRODUCTION


The MedioVis 2.0 project aims at providing natural user interfaces for information seeking and exploration in multimedia libraries.


Such knowledge work is increasingly demanding because of the growing size, heterogeneity, and dimensionality of today’s information spaces. Furthermore knowledge work is ill-defined and involves individual and creative workflows that involve multifaceted characteristics like diverse activities, locations, environments and social contexts.


Although it is important to find solutions to specific aspects of knowledge work, e.g., information seeking, information management, media warehouses, our design approach tries to support the entire workflow with a holistic Knowledge Media Workbench that is showcased in the context of digital libraries.




PROJECT DESCRIPTION



With this scenario we want to introduce our vision of the Blended Library. With new interactive devices and visualizations, as well as the blending of real-world objects into the digital information space, knowledge workers will gain novel prospects in research and knowledge transfer.

The characters of our story will be shown in different real life situations during their work with the library of the future. We will be able to see how they are using tools designed for the various physical and social environments.


During the media science seminar "Comic Book Adoptions" the professor gives the assignment to write an essay on the analysis of a specific movie character.

A zoomable information landscape enables the students to explore interesting movies. By zooming onto a digital movie object more information and functionalities become accessible.


To discuss first ideas the students meet their tutor in front of the public wall display installed in the university's media library.


At home further investigations are carried out on the personal computer.

The use of different visualizations helps gaining a deeper insight into the topic.


To watch actual movies the home cinema system still suits best.

Annotations made during the movie are blended into the digital workspace for later use.


Devices and tools in the library provide an optimal environment to facilitate collaborative work.

As an example, the keywords of a search are embodied by tangible user interface elements. This encourages students to analyze the data space together in a natural manner.


Many situations in the daily routine reveal the demand for mobile devices to access the Blended Library.


The physical library with its spatial literacy and its tangible information objects will always maintain its value. With our vision of the Blended Library this natural fundament will be improved by combining the real and the virtual.


Interact


The fundamental visualization and interaction paradigm of MedioVis 2.0 is the idea of a Zoomable Object-Oriented Information Landscape ZOIL. more >>

Within this paradigm, an information landscape of virtually infinite size serves as basic starting point for exploration of the information space. MedioVis 2.0 arranges each media object, corresponding to its primary genre on the landscape. Users are able to navigate in this landscape with zooming and panning operations. This navigation technique takes advantage of the human abilities of visual-spatial orientation and remembering visual “landmarks”. By employing this concept, users are able to utilize natural and intuitive operations as search strategy in media collections.
The more the user zooms into the content, the more details and functionalities are revealed. more >>

This is done by a “semantic zooming” approach. Thus, the available functionalities such as playing a video or accessing a website are always coupled with the information object itself, as it is proposed by object-oriented user interfaces.


Search & Explore


Analytical search methods are supported by MedioVis 2.0 to formulate specific information needs. more >>

Example: Users are able to enter text queries into a search field on the upper right corner of the screen. With each key press, the visual representation of matching objects expands.
We applied the concept of Dynamic Queries and Sensitivity for direct highlighting of objects, which still match the current query instead of removing all non matching objects. With this technique, the attention of the user is automatically directed towards media objects of current interest.


Visualize


To provide different views on the information space we use the concept of portals that offer various visualizations. more >>

Portals provide a supplementary way of exploration.
Example: By selecting an arbitrary region of the information landscape via a bounding box, the user creates a portal, providing a special view on the underlying media objects.
Within portals, MedioVis 2.0 offers multiple visualization techniques – for understanding, filtering and querying – ranging from a rapid serial visual presentation over a scatter plot visualization called HyperScatter to a table-based visualization called HyperGrid.
Portals provide visualization-independent filter mechanisms. more >>

These filters are preserved even if the user switches the visualization. By moving and scaling portals in the landscape, MedioVis 2.0 allows to visually formulate complex queries in a direct-manipulative manner as proposes with the concept of magic lenses.


Personalize


Personalization allows the user to access his individual region of the information landscape from everywhere. more >>

To retain the state of a portal – with its filters and visualizations – for later use, MedioVis 2.0 provides the possibility to “lock” and assign a name to portals. Furthermore, users can reach their personal region of the information landscape by logging in. Drag & drop operations allow adding previously “locked” portals or single media objects into this region. A search task is therefore no longer a transient action that is often difficult to repeat but rather a persistent artifact of a creative work process. Furthermore, the personal region can be organized individually by annotating, labeling and arranging objects the way that fits best to the user's needs.


Experience


An additional design goal of MedioVis 2.0 is to unite all techniques and features described above in one consistent and positive user experience. more >>

Besides a satisfying usability we also considered several soft factors like joy of use or attractive visual design.
The design of MedioVis 2.0 should encourage the explorative and playful discovery of information objects or novel functionalities during the overall navigation process in the information landscape.


Use It


Creative information work is a complex activity, usually executed in varying situations and environments. more >>

Therefore, one goal of MedioVis 2.0 is to develop an interface concept suitable for many different devices, which unifies all kinds of content and functionality with one consistent interaction model, while leaving the user the possibilities to establish own workflows, data structures or views on the information space.
Due to the nature of zoomable user interfaces, information presentation scales implicitly to a certain extent to different display sizes and is therefore applicable on very different hardware platforms, varying from mobile devices over desktop PCs up to large, high resolution displays. The Media Room offers good opportunities to simulate public walls, tabletop terminals, the work with mobile devices and much more.




MEDIOVIS 1


MedioVis 1 is concerned with the user-centered development of a next generation visual information-seeking system for novice and non-expert users. A central design goal of the MedioVis 1 interface is to offer interaction focussed support for realistic human search behavior.
Since 2004 MedioVis 1 has been accessible on more than 150 workstations in the library of the University of Konstanz. It allows users an alternative approach, alongside the standard online catalog system, to search through more than 70,000 multimedia objects such as movies or documentaries.
More information is available on the MedioVis 1 project website.




RELATED PROJECTS

Mobile Information Visualization Permaedia inteHRDis - Interaction Techniques for High Resolution Displays


permaedia explores innovative solutions for multimedia document storage and retrieval in cooperation with the AG DBIS (Prof. Scholl, University of Konstanz) and the BaseX project.





Publications
& Theses

Display

sorted by

in

order



2010

Idee der Blended Library - Neue Formen der Wissensvermittlung durch Vermischung der realen und digitalen Welt.  [main author webpage]  [Bibtex]

Reiterer, Harald;Heilig, Mathias;Rexhausen, Sebastian;Demarmels, Mischa

Ein neuer Blick auf Bibliotheken, in: Bibliothek & Information Deutschland e.V. (BID), Dinges & Frick, Wiesbaden, Erfurt, Deutschland, p. 108-116, 98. Deutscher Bibliothekartag, Mar 2010

@inproceedings{Reiterer20108609161,
author = {Harald Reiterer and Mathias Heilig and Sebastian Rexhausen and Mischa Demarmels},
title = {Idee der Blended Library - Neue Formen der Wissensvermittlung durch Vermischung der realen und digitalen Welt.},
booktitle = {Ein neuer Blick auf Bibliotheken},
year = {2010},
type = {inproceedings},
pages = {108-116},
month = {Mar},
publisher = {Dinges & Frick, Wiesbaden},
isbn = {978-3-487-14334-7}

}
Download PDF Download PowerPoint

2009

Optimized Screen-estate Usage of Heterogenous Data in Semantic Zoomable User Interfaces  [main author webpage]  [Bibtex]

Rexhausen, Sebastian

Master Thesis, University of Konstanz, Nov 2009

@mastersthesis{Rexhausen20098609156,
author = {Sebastian Rexhausen},
title = {Platzoptimierte Visualisierung heterogener Daten in semantisch zoomenden Benutzungsschnittstellen},
booktitle = {Master Thesis},
year = {2009},
type = {mastersthesis},
month = {Nov},
school = {University of Konstanz},
publisher = {University of Konstanz}

}

A Visual User Interface Paradigm for Post-WIMP Work Environments  [main author webpage]  [Bibtex]

Jetter, Hans-Christian

PhD Dissertation Proposal, University of Konstanz, Germany, Jun 2009

@unpublished{Jetter20098609134,
author = {Hans-Christian Jetter},
title = {A Visual User Interface Paradigm for Post-WIMP Work Environments},
booktitle = {PhD Dissertation Proposal},
year = {2009},
month = {Jun},
publisher = {University of Konstanz}

}
Download PDF

Search, Explore and Navigate - Designing a Next Generation Knowledge Media Workbench  [main author webpage]  [Bibtex]

Heilig, Mathias; Demarmels, Mischa; Rexhausen, Sebastian; Huber, Stephan; Runge, Oliver

Flirting with the future, p. 40-43, Fifth Student Interaction Design Research Conference (SIDeR 09), 2009

@inproceedings{Heilig20098609110,
author = {Mathias Heilig and Mischa Demarmels and Sebastian Rexhausen and Stephan Huber and Oliver Runge},
title = {Search, Explore and Navigate - Designing a Next Generation Knowledge Media Workbench},
booktitle = {Flirting with the future},
year = {2009},
type = {inproceedings},
pages = {40-43}

}
Download PDF Video

2008

Bridging the Gap of Missing Human Mediators in Interactive Systems for Information Workers  [Bibtex]

Heilig, Mathias

in: Doctoral Colloquium, NordiCHI, Oct 2008

@unpublished{Heilig20088609376,
author = {Mathias Heilig},
title = {Bridging the Gap of Missing Human Mediators in Interactive Systems for Information Workers},
year = {2008},
month = {Oct}

}
Download PDF

HyperScatter – Modellierungs- und Zoomtechniken für Punktdiagramme  [main author webpage]  [Bibtex]

Gerken, Jens; Demarmels, Mischa; Dierdorf, Stefan; Reiterer, Harald

Mensch & Computer 2008: Viel mehr Interaktion, 8. Konferenz für interaktive und kooperative Medien, Oldenbourg Verlag, in: Herczeg, Kindsmueller, Oldenbourg Verlag, München, Sep 2008

@inproceedings{Gerken20088609379,
author = {Jens Gerken and Mischa Demarmels and Stefan Dierdorf and Harald Reiterer},
title = {HyperScatter – Modellierungs- und Zoomtechniken für Punktdiagramme},
booktitle = {Mensch & Computer 2008: Viel mehr Interaktion, 8. Konferenz für interaktive und kooperative Medien, Oldenbourg Verlag},
year = {2008},
month = {Sep},
institution = {University of Konstanz},
publisher = {Oldenbourg Verlag, München}

}
Download PDF

MedioVis – Visual Information Seeking in Digital Libraries  [main author webpage]  [Bibtex]

Heilig, Mathias; Demarmels, Mischa; König, Werner A.; Gerken, Jens; Jetter, Hans-Christian; Rexhausen, Sebastian; Reiterer, Harald

AVI '08: Proceedings of the International Working Conference on Advanced Visual Interfaces, ACM Press, p. 490-491, May 2008

@inproceedings{Heilig20088609378,
author = {Mathias Heilig and Mischa Demarmels and Werner A. König and Jens Gerken and Hans-Christian Jetter and Sebastian Rexhausen and Harald Reiterer},
title = {MedioVis – Visual Information Seeking in Digital Libraries},
booktitle = {AVI '08: Proceedings of the International Working Conference on Advanced Visual Interfaces},
year = {2008},
type = {inproceedings},
pages = {490-491},
month = {May},
publisher = {ACM Press},
note = {system paper}

}
Download PDF

2007

Blockbuster - A Visual Explorer for Motion Picture Data  [main author webpage]  [Bibtex]

Rexhausen, Sebastian; Demarmels, Mischa; Jetter, Hans-Christian; Heilig, Matthias; Gerken, Jens; Reiterer, Harald

INFOVIS 07: IEEE Visualization 2007 Conference Compendium, IEEE Computer Society,
(Summary of contest entry for InfoVis Contest 2007. Awarded with 3rd place), Nov 2007

@inproceedings{Rexhausen20078609412,
author = {Sebastian Rexhausen and Mischa Demarmels and Hans-Christian Jetter and Matthias Heilig and Jens Gerken and Harald Reiterer},
title = {Blockbuster - A Visual Explorer for Motion Picture Data},
booktitle = {INFOVIS 07: IEEE Visualization 2007 Conference Compendium},
year = {2007},
type = {inproceedings},
month = {Nov},
publisher = {IEEE Computer Society},
note = {Summary of contest entry for InfoVis Contest 2007. Awarded with 3rd place.}

}
Download PDF Download PowerPoint Video

2005

MedioVis - a User-Centred Library Metadata Browser  [main author webpage]  [Bibtex]

Grün, Christian; Gerken, Jens; Jetter, Hans-Christian; König, Werner A.; Reiterer, Harald

ECDL 2005: Proceedings of the 9th European Conference on Research and Advanced Technology for Digital Libraries 2005, Springer Verlag, Wien, p. 174-185, Sep 2005

@inproceedings{Grün20058609387,
author = {Christian Grün and Jens Gerken and Hans-Christian Jetter and Werner A. König and Harald Reiterer},
title = {MedioVis - a User-Centred Library Metadata Browser},
booktitle = {ECDL 2005: Proceedings of the 9th European Conference on Research and Advanced Technology for Digital Libraries 2005},
year = {2005},
type = {inproceedings},
pages = {174-185},
month = {Sep},
publisher = {Springer Verlag}

}
Download PDF

HyperGrid - Accessing Complex Information Spaces  [main author webpage]  [Bibtex]

Jetter, Hans-Christian; Gerken, Jens; König, Werner A.; Grün, Christian; Reiterer, Harald

HCI UK 2005: People and Computers XIX - The Bigger Picture, Proceedings of the 19th British HCI Group Annual Conference 2005, Springer Verlag, Napier University, Edinburgh, UK, p. 349-364, Sep 2005

@inproceedings{Jetter20058609440,
author = {Hans-Christian Jetter and Jens Gerken and Werner A. König and Christian Grün and Harald Reiterer},
title = {HyperGrid - Accessing Complex Information Spaces},
booktitle = {HCI UK 2005: People and Computers XIX - The Bigger Picture, Proceedings of the 19th British HCI Group Annual Conference 2005},
year = {2005},
type = {inproceedings},
pages = {349-364},
month = {Sep},
publisher = {Springer Verlag}

}
Download PDF

Zoomtechniken zur Exploration komplexer Informationsräume am Beispiel HyperGrid  [main author webpage]  [Bibtex]

Reiterer, Harald; Jetter, Hans-Christian; König, Werner A.; Gerken, Jens; Grün, Christian

Mensch & Computer 2005: Kunst und Wissenschaft - Grenzüberschreitungen der interaktiven ART, Oldenbourg Verlag, Linz, p. 143-153, Sep 2005

@inproceedings{Reiterer20058609441,
author = {Harald Reiterer and Hans-Christian Jetter and Werner A. König and Jens Gerken and Christian Grün},
title = {Zoomtechniken zur Exploration komplexer Informationsräume am Beispiel HyperGrid},
booktitle = {Mensch & Computer 2005: Kunst und Wissenschaft - Grenzüberschreitungen der interaktiven ART},
year = {2005},
type = {inproceedings},
pages = {143-153},
month = {Sep},
publisher = {Oldenbourg Verlag}

}
Download PDF