KEYFACTS

WORK & PROJECTS

THESIS-TITLE:

Information Visualization:

Entwicklung neuer Darstellungsmethoden für
die Visualisierung von Tagging-Strukturen.

MENTIONS:

Tinbergen-Preis for best B.A. Thesis at RFH Köln in Media Design 2010

Nominated for the 'Kölner Design Preis' in November 2010

TAGS:

study

concept

interactive

interface

YEAR:

2010

TASKS:

Everything from skretch to execution.

INFO:

english

The multifaceted functions of the internet like email, RSS-feeds, social networks, entertainment platforms and knowledge data bases result in a diversity of information that has become too big to categorize, or organize. The application concept Taggnets is an approach to a self-management solution.

deutsch

Die vielseitigen Funktionen des Internets, wie E-Mail, RSS-Feeds, Social-Networks, Unterhaltungsplattformen und Wissensdatenbanken führen zu einer Informationsvielfalt, die mittlerweile zu groß geworden ist, um sie zu kategorisieren und zu organisieren. Das Konzept zur Applikation Taggnets schlägt einen möglichen Lösungsansatz im Bereich der Selbstverwaltung vor.

TAGGNETS:

A concept for a browser-based plugin.

Your findings. Your interests. Your likings.
Your personal chaos. All in one place.

CONCEPT:Logo: tags + magnets = Taggnets.
CONCEPT:Save a Bookmark with Taggnets. / Erstelle ein Lesezeichen mit Taggnets.
CONCEPT:Add tags and criteria. / Füge Schlagwörter und Kriterien hinzu.
CONCEPT:Bookmarktransfer into Taggnets. / Übertragung der Lesezeichen in Taggnets.
CONCEPT:Taggnets grow and fade. They change form and adapt. It depends on how you use them. / Taggnets wachsen und verblassen. Sie verändern ihre Form und passen sich an.
CONCEPT:Taggnets grow and fade. They change form and adapt. It depends on how you use them. / Taggnets wachsen und verblassen. Sie verändern ihre Form und passen sich an.
CONCEPT:Taggnets grow and fade. They change form and adapt. It depends on how you use them. / Taggnets wachsen und verblassen. Sie verändern ihre Form und passen sich an.
CONCEPT:Taggnets grow and fade. They change form and adapt. It depends on how you use them. / Taggnets wachsen und verblassen. Sie verändern ihre Form und passen sich an.
CONCEPT:Primary navigation of Tags with no selection. / Primärnavigation von Tags ohne Auswahl.
CONCEPT:Primary navigation of Tags: selection 'sort by'. / Primärnavigation von Tags: Auswahl Sortierungsfilter.
CONCEPT:Primary navigation of Tags: selection 'explore'. / Primärnavigation von Tags: Auswahl Explorationssfilter.
CONCEPT:Primary navigation of Tags: selection 'compare'. / Primärnavigation von Tags: Auswahl Vergleichsfilter.
CONCEPT:Primary navigation of Tags: selection 'grouping'. / Primärnavigation von Tags: Auswahl Gruppierungsfilter.
CONCEPT:Examples of secondary navigation controls. / Beispiele der Sekundärnavigationsfunktionen.
CONCEPT:Navigation of zooming. / Navigation der Zoomfunktion.
CONCEPT:Examples of different status bar displays. / Beispiele verschiedener Statusanzeigen.

SORT BY:

Sort your collection.

Take a magnet and charge it with a query. Sort by use, alphabetical order, age and rating.

SCREENS SORT BY: Showcase.
SORT BY (80% size): Bookmarks. No selection.
SORT BY (80% size): Bookmarks. Unsorted overview of the current bookmarks.
SORT BY (80% size): Bookmarks. Sorted by 100 most visited bookmarks (websites).
SORT BY (80% size): Bookmarks. Unsorted overview of alpha-selection.
SORT BY (100% size): Bookmarks. Sorted by alphabetical order with selection 'v'.
SORT BY (80% size): Bookmarks. Sorted by age with a specific selection.
SORT BY (100% size): Bookmarks. Sorted by age with a specific selection.
SORT BY (80% size): Bookmarks. Unsorted overview of the selection rating.
SORT BY (100% size): Bookmarks. Sorted by rating with the selection five stars.

COMPARE:

Compare to find the unknown.

Find the right data without knowing any names.
Charge two magnets to display all bookmarks of two tags.

SCREENS (80% size): Showcase.
COMPARE (80% size): Comparison of two tags. No selection.
COMPARE (80% size): First magnet selected. Everything tagged with 'design'.
COMPARE (80% size): Second magnet selected. Everything tagged with 'interface'.
COMPARE (80% size): Matches are shown in the overlap. There are 7 sites saved with both tags.
COMPARE (80% size): Hover to see the names of the matches.
COMPARE (80% size): Select rating to see how many matches you have with the same tags.
COMPARE (100% size): Select rating to see how many matches you have with the same tags.

EXPLORE:

Explore to find everything.

Charge up to four magnets to find inspiration of forgotten and hardly used data. Or edit and manage your collection.

SCREENS (80% size): Showcase.
EXPLORE (80% size): No selection.
EXPLORE (80% size): First magnet with rating 4 stars.
EXPLORE (80% size): Second magnet with all tags named with the first letter 'H'.
EXPLORE (80% size): Third magnet with all tags labeled cyan.
EXPLORE (80% size): Connection lines show relationships between all queries.
EXPLORE (80% size): Connection lines show relationships between all queries.