Wie man sofort weiß, was einen bei Facettierter Videosuche erwartet

  • View
    1.156

  • Download
    0

  • Category

    Design

Preview:

DESCRIPTION

Folien zur Demo von mediaglobe auf dem Workshop "Interaktion und Visualisierung im Daten-Web" (IVDW 2011), auf der INFORMATIK 2011, 6. Oktober 2011, TU Berlin.

Citation preview

Sneak Preview?

Wie man sofort weiß, was einenbei facettierter Videosuche erwartetInstantly Know What To Expect In Faceted Video Searching

Johannes Osterhoff, Jörg Waitelonis,Joscha Jäger und Harald Sack

Interaktion und Visualisierung im Daten-Web (IVDW), Workshop im Rahmen der INFORMATIK 2011,6. Oktober 2011 in Berlin

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

— Das HPI wurde im Oktober 1998 im Rahmeneiner Public-Private-Partnerschaft gegründet

— Forschung und Lehre am HPI ist dem „IT Systems Engineering“ gewidmet

— 10 Professoren und ca. 100 Mitarbeiterin Forschung und Lehre

— aktuell 450 Studenten in universitären Studiengängen „IT Systems Engineering“

— CHE-Ranking 2010 sieht HPI auf Top-Rang

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

— Forschungsgruppe von Dr. Harald Sack— Themen:

— Semantic Web Technologies— Information Retrieval— Multimedia Analysis & Retrieval— Social Networking— Data/Information Visualization

— Forschungsprojekte:

3

Forschungsgruppe „Semantic Web“

„Der einzige Designer (FH) am HPI“

1 — mediaglobe

2 — Facettierte Suche

3 — Interface Design

4 — Demo

5 — Zusammenfassung

— Das Projekt mediaglobe begleitet Medienarchive in die digitale Zukunft.

— Ziele:— den wachsenden Bestand der audiovisuellen

Dokumente zur Zeitgeschichte digital auffindbar und nutzbar zu machen.

— web-basierter Zugang zu umfassenden digitalen AV-Inhalten in Medienarchiven.

— Automatisierte Verfahren zur Analyse von audiovisuellen Daten.

— Der Einsatz semantischer Technologien verbessertdie Ergebnisse der Multimedia-Suche.

— Laufzeit des Projekts: zweieinhalb Jahre

Projektpartner:

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

mediaglobe

5

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

mediaglobeEin erster Blick …

6

Fischerei Rostock

Japan Chile Alaska

Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise

Angela Merkel

1 — mediaglobe

2 — Facettierte Suche

3 — Interface Design

4 — Demo

5 — Zusammenfassung

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 20118

Def. Facettierte Suche

Facettierte Suche ermöglicht das inhaltsbasierte Filtern extrem großer Ergebnismengen.Meist erfolgt eine Aktualisierung der Ergebnismengenach Klick auf einen Link (mit Zahl)

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Facettierte SucheBeispiele

Ein populärerOnline-Buchhändler

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Facettierte SucheBeispiele

Ein populärerOnline-Buchhändler

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Facettierte SucheBeispiele

Ein populärerOnline-Buchhändler

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011 http://orange.sims.berkeley.edu/cgi-bin/flamenco.cgi/famuseum/Flamenco

Facettierte SucheBeispiele

FlamencoSearch Interface

Marti Hearstet al.

2002

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011 http://orange.sims.berkeley.edu/cgi-bin/flamenco.cgi/famuseum/Flamenco

Facettierte SucheBeispiele

FlamencoSearch Interface

Marti Hearstet al.

2002

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Facettierte SucheBeispiele

http://vimeo.com/2057249 http://btc.isweb.uni-koblenz.de/

Semaplorer Schenk, Saathoff, Staab, Scherp 2009

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011 http://vimeo.com/2057249 http://btc.isweb.uni-koblenz.de/

Facettierte SucheBeispiele Semaplorer Schenk, Saathoff, Staab, Scherp 2009

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Facettierte SucheBeispiele

Exhibit FrameworkU.S. PresidentsExample

DavidKarger et al.

2007

http://www.simile-widgets.org/exhibit/examples/presidents/presidents.html

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Facettierte SucheBeispiele

Exhibit FrameworkU.S. PresidentsExample

DavidKarger et al.

2007

http://www.simile-widgets.org/exhibit/examples/presidents/presidents.html

Facet Link (2342)

Another Facet Link (523)

And Another Facet Link (42)

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Eigentlich möchte man …

24

… den Ergebnisraumder bisherigen Suche nicht verlassen, ohne mehrere Möglichkeiten zu kennen.

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Eigentlich fragt man sich:

25

„Wie verändert sichmeine Ergebnismengenach dem Klick?“

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Eigentlich möchte man …

26

… einen ersten Einblick in die dargestellten Medien.

… einen Überblick über den gesamten Datenbestand.

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Und natürlich möchte man …

27

… nicht warten.…

Prominenter Such-Anbieter

Prominenter Such-Anbieter

1 — mediaglobe

2 — Facettierte Suche

3 — Interface Design

4 — Demo

5 — Zusammenfassung

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Bei der Auswahl eine Facette möchte man den Ergebnisraum in die richtige Richtung einschränken.

Dadurch: größere Auswahl, größere Sicherheit, keine Fehlversuche.

31

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Der Benutzer soll einen visuellen Überblick über die Suchergebnisse erhalten, der über die ten blue linkshinausgeht.

32

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das …

33

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma …

34

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …

35

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander …

36

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …

37

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …Seiten …

38

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …Seiten … soll …

39

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für …

40

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein …

41

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges …

42

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges … Filtern …

43

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges … Filtern … der …

44

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges … Filtern … der … Suchergebnisse …

45

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges … Filtern … der … Suchergebnisse … aufgegeben …

46

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges … Filtern … der … Suchergebnisse … aufgegeben … werden …

47

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …Seiten … soll … für … ein … leichtgängiges … Filtern … der … Suchergebnisse … aufgegeben … werden … :)

48

Interface DesignLösung

Richard A. Becker and William S. Cleveland.Brushing scatterplots. Technometrics, 29:127–142, May 1987.

„Linking & Brushing“

Interface DesignLösung

Interface DesignLösung

„Linking & Brushing“ ermöglicht den mehrstufiger Prozess einer wirklichen explorativen Suche – und macht sie leichtgängig.

Interface DesignLösung

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignFolgen

53

Sofortiges visuelles Feedback, wie eine ausgewählte Facettedie Ergebnismenge beeinflussen wird.

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignFolgen

54

Der Suchvorgang wird schneller und präziserim Vergleich zu anderen Systemen, die nach jeder Facettierung eine neue Suche auslösen.

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignFolgen

55

Das System reagiert sofort auf den Input des Benutzers – eskommt zu keinem Bruch des Suchkontexts.

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignDie einzelnen Elemente

56

Fischerei Rostock

Japan Chile Alaska

Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise

Angela Merkel

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignElemente

57

Fischerei Rostock

Japan Chile Alaska

Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise

Angela MerkelSucheingabe mit Disambiguierung

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignElemente

58

Facettenfilter

Vorschläge mit Entitäten

Fischerei Rostock

Japan Chile Alaska

Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise

Angela MerkelSucheingabe mit Disambiguierung

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignElemente

59

Facettenfilter

Visuelle Paginierung

Suchergebnisse

Vorschläge mit Entitäten

BestätigteFacetten

Fischerei Rostock

Japan Chile Alaska

Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise

Angela MerkelSucheingabe mit Disambiguierung

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignVerschränkung mit Link & Brush

60

Facettenfilter

Visuelle Paginierung

Suchergebnisse

Fischerei Rostock

Japan Chile Alaska

Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise

Angela Merkel

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Interface DesignVerschränkung mit Link & Brush

61

Visuelle Paginierung

Suchergebnisse

Vorschläge mit Entitäten

Fischerei Rostock

Japan Chile Alaska

Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise

Angela Merkel

1 — mediaglobe

2 — Facettierte Suche

3 — Interface Design

4 — Demo

5 — Zusammenfassung

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 201163

Demo.http://www.mediaglobe.yovisto.com:8080/mggui-dev

Der Demonstrator ist aus rechtlichen Gründenleider nicht öffentlich zugänglich.

Adresse des Screencasts: http://bit.ly/mediaglobe

1 — mediaglobe

2 — Facettierte Suche

3 — Interface Design

4 — Demo

5 — Zusammenfassung

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Zusammenfassung

65

„Linking & Brushing“ verbessert und vereinfacht die facettierte Suche

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Zusammenfassung

66

„Linking & Brushing“ verbessert und vereinfacht die facettierte Suche bzgl.— Ergebnisraum,

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Zusammenfassung

67

„Linking & Brushing“ verbessert und vereinfacht die facettierte Suche bzgl.— Ergebnisraum,— Geschwindindigkeit

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Zusammenfassung

68

„Linking & Brushing“ verbessert und vereinfacht die facettierte Suche bzgl.— Ergebnisraum, — Geschwindindigkeit— Explorative Suche

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

ZusammenfassungFuture Work

69

Welche weiteren Interface-Elemente können sinnvoll mit „Linking & Brushing“ verbunden werden und wie?

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Neben der schnellen Vorschau wäre auch auch ein mit „Linking & Brushing“verschalteter Blick in die Videoswünschenswert.

70

ZusammenfassungFuture Work

IVDW @ Informatik 2011 | Johannes Osterhoff | 6. Oktober 2011

Vielen Dank für Ihre Aufmerksamkeit! Johannes P Osterhoff, M.A.

johannes.osterhoff at hpi.uni-potsdam dot deHasso-Plattner-Institut für Softwaresystemtechnik GmbH

Prof.-Dr.-Helmert-Str. 2-3 14482 Potsdam

johannes-p-osterhoff.com

71

Recommended