71
Sneak Preview? Wie man sofort weiß, was einen bei facettierter Videosuche erwartet Instantly 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

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

Embed Size (px)

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

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

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

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

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

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

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“

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

1 — mediaglobe

2 — Facettierte Suche

3 — Interface Design

4 — Demo

5 — Zusammenfassung

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

— 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

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

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

mediaglobeEin erster Blick …

6

Fischerei Rostock

Japan Chile Alaska

Admiral Bildung Bundesrepublik Produktion Weltwirtschaftskrise

Angela Merkel

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

1 — mediaglobe

2 — Facettierte Suche

3 — Interface Design

4 — Demo

5 — Zusammenfassung

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

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)

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

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

Facettierte SucheBeispiele

Ein populärerOnline-Buchhändler

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

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

Facettierte SucheBeispiele

Ein populärerOnline-Buchhändler

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

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

Facettierte SucheBeispiele

Ein populärerOnline-Buchhändler

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

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

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

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

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

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

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

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

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

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

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

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

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

Facet Link (2342)

Page 19: Wie man sofort weiß, was einen bei Facettierter Videosuche erwartet
Page 20: Wie man sofort weiß, was einen bei Facettierter Videosuche erwartet

Another Facet Link (523)

Page 21: Wie man sofort weiß, was einen bei Facettierter Videosuche erwartet
Page 22: Wie man sofort weiß, was einen bei Facettierter Videosuche erwartet

And Another Facet Link (42)

Page 23: Wie man sofort weiß, was einen bei Facettierter Videosuche erwartet
Page 24: Wie man sofort weiß, was einen bei Facettierter Videosuche erwartet

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.

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

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

Eigentlich fragt man sich:

25

„Wie verändert sichmeine Ergebnismengenach dem Klick?“

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

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.

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

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

Und natürlich möchte man …

27

… nicht warten.…

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

Prominenter Such-Anbieter

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

Prominenter Such-Anbieter

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

1 — mediaglobe

2 — Facettierte Suche

3 — Interface Design

4 — Demo

5 — Zusammenfassung

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

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

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

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

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

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

Interface DesignAnforderungen

Das …

33

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

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

Interface DesignAnforderungen

Das … Paradigma …

34

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

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

Interface DesignAnforderungen

Das … Paradigma … der …

35

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

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

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander …

36

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

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

Interface DesignAnforderungen

Das … Paradigma … der …nacheinander … geladenen …

37

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

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

Interface DesignAnforderungen

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

38

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

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

Interface DesignAnforderungen

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

39

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

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

Interface DesignAnforderungen

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

40

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

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

Interface DesignAnforderungen

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

41

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

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

Interface DesignAnforderungen

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

42

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

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

Interface DesignAnforderungen

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

43

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

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

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

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

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

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

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

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

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

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

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

Interface DesignLösung

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

„Linking & Brushing“

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

Interface DesignLösung

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

Interface DesignLösung

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

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

Interface DesignLösung

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

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

Interface DesignFolgen

53

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

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

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.

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

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

1 — mediaglobe

2 — Facettierte Suche

3 — Interface Design

4 — Demo

5 — Zusammenfassung

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

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

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

1 — mediaglobe

2 — Facettierte Suche

3 — Interface Design

4 — Demo

5 — Zusammenfassung

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

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

Zusammenfassung

65

„Linking & Brushing“ verbessert und vereinfacht die facettierte Suche

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

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

Zusammenfassung

66

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

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

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

Zusammenfassung

67

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

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

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

Zusammenfassung

68

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

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

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?

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

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

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

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