An interaction technique for mobile music browsing and ......Alternativ, electronic, indie, pop,...

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

LFE Medieninformatik • Bernhard Hering

An interaction technique for mobile music browsing and recommendation.

Abschlussvortrag Bachelorarbeit - 14.09.2010Betreuer: Dominikus BaurVerantwortlicher Hochschullehrer: Prof. Dr. Andreas Butz

1

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Gliederung

• Motivation

• Interface Design

• Implementierung

• Demo

• Studie

• Fazit - Ausblick

2

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Motivation

MoodtunesRushiPod PocketSOM

3

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Motivation

•Welchen Grad an Automatisierung verwenden?

•Welche Situationen verlangen manuelle, welche automatische Playlistgenerierung?

•Rush interaktion vs. Drag & Drop

•Rush mit mehr Vorschlägen/Filter

4

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Interface Design

5

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Interface Design

• Visualisierung eines SongsYa-Xi Chen, Andreas Butz, (2009): MusicSim:

6

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Interface Design

• Auswahl der Parameter

GenreTempo

Alben

Stimmung

Alternativ, electronic, indie, pop, rock, others

7

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Interface Design

• Auswahl der Parameter

GenreTempo

Alben

Stimmung

LastFMechonest

Meta

8

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Interface Design

• Kontrollelemente in einer Tableiste • Playlist über Tabbar angeordnet

9

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Interface Design

• Ansicht der 4 Räder

10

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Interface Design

• Gezoomte Darstellung• Setzen der Filter

11

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Interface Design

•Hinzufügen eines Songs zur Wiedergabeliste im Rush-Modus

12

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Interface Design

• Interaktion mit dem Interface• Nur Ein-Finger Gesten

Single TapPreview Funktion

Double TapZoom In

Zoom out

Drag & DropSeedsong

setzenZur Playlist hinzufügen

Tap & HoldModuswechsel

13

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Implementierung

songsArraycontainersplaylist

Model

Rush2AppDelegate

EAGLView

1

UIKit - Contoll View

1

1

1NSNotificationCenter, Observer

<<post Notify: "updateGUI">>

<<notify>>

Container

*

Core Data

AudioPlayeriTunes Mediathek

anbindung

14

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Demo

•Demo

15

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Studie - Aufbau

• Diary Study 2 Wochen•App zeichnete Interaktionen auf, die via Email versendet werden.

•Anzahl der Lieder in Mediathek.•Benutzung der Räder.•Hinzufügen der Räder zur Wiedergabeliste.•Setzen der Filter.

• Täglicher Kurzfragebogen.

16

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Studie - Aufbau

• Abschließender Fragebogen• Fragen zum Musikhörverhalten• IBM usability satisfaction questionnaire

17

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Studie - Auswertung

•Leider nur 4 Teilnehmer, 3 bis zum Ende•App wurde 30 mal gestartet und es wurden 327 Lieder gehört.

•15 eindeutig unterscheidbare Sitzungen

•3 verschiedene Szenarien•Aktiv Musik hören (4 Sitzungen)•Passiv Musik hören (5 Sitzungen)•Musik während dem Sport (1 Sitzung)•Nicht zuordbar (5 Sitzungen)

18

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Studie - Auswertung

19

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Studie - Auswertung

20

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Studie - Auswertung

•Je aufwendiger die Beschäftigung neben dem Musikhören ist, desto weniger Räder und Filter werden eingestellt

•Drag & Drop Methode beliebter als Rush Methode

•Zufrieden mit der Auswahl der Songs•Jedoch teilweise überrascht.

•Bei Passiv hören nur 17% der Songs übersprungen

21

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Fazit - Ausbilck

•Grad an Automatisierung abhängig von der Nutzungsintention

•Automatische Playlist Generierung als Fallback wichtig

•18 Song-Vorschläge gefällt Probanden•Interface ohne Anleitung schwer zu verstehen•App Store

22

An interaction technique for mobile music browsing and recommendation

Bernhard Hering - 14.09.2010 /23

Vielen Dank für die Aufmerksamkeit!!!

Fragen?

•Bildquellen:• www.apple.com

23