Papierprototyp für ein Interface eines HiFi-Systems; entstanden im Seminar Interface Design an der Hochschule der Medien

1. Papierprototyp
Semantic Hi-Fi System
Hardware-Buttons
zurück lauter
Hauptmenü / einschalten leiser
Feedback
da akustisches Feedback beim Musikgenuss stört,
wird bei Tastendruck durch kurze Vibration
haptisches Feedback erzeugt
IxD Ninjas
Judith Armbruster, Jan-Christoph Borchardt, Franziska Fried, Hannes Fritz, Franziska Hörmann

3. zuletzt gespielter / aktuell spielender
Track wird unten angezeigt
diese Leiste (»Bedien-Bar«) beinhaltet
die wichtigsten Kontrollelemente
• Play/Pause als On/Off-Toggle
• Lied & Künstler als Link zum Wiedergabescreen
• nächster Track
und wird daher immer angezeigt

5. der Benutzer möchte eine
neue Playlist erstellen

7. bestehende Playlisten werden mit
Zusatzinfos und direkter
Abspielmöglichkeit angezeigt
aufgrund der vielen Einträge
werden Scrollpfeile als
halbtransparentes Overlay
eingeblendet

9. die Playlist lässt sich über Suche oder
stöbern in der Musiksammlung
mit Tracks füllen

11. Suchmodi sind Volltextsuche,
Mood, Genre und Humming

13. hier ist Volltextsuche ebenfalls möglich
Genres können angewählt oder
abgespielt werden

15. alle Tracks des Genres werden angezeigt
mit + kann man das komplette Genre
oder einzelne Tracks in die Playlist
aufnehmen
alternativ kann ein Lied auch
abgespielt werden

17. der ausgewählte Track wird auch
in der Bedien-Bar angezeigt
im Player ist das Genre Jazz geladen
als nächster Track würde
»A String Of Pearls« spielen

19. + agiert als On/Off-Toggle
bereits hinzugefügte Tracks
sind ausgegraut und lassen sich
per x aus der Playlist entfernen

21. nach Hinzufügen der Tracks
gelangt man über den Zurück-Button
jeweils eine Ebene zurück

27. der aktuell spielende Track pausiert
für Query by Humming automatisch

29. Übereinstimmungen werden
live angezeigt und aktualisiert

35. das Lied in der Bedien-Bar
wird wieder gestartet

37. der Playlist-Name steht in
einem Eingabefeld, um
die Änderungsmöglichkeit
deutlich zu machen
die Änderung erfolgt
via Software-Tastatur
(nicht gezeigt, siehe Klickdummy)

41. die Playlist wird automatisch
gespeichert und die Lautstärke
der Tracks angeglichen
durch die Scrollbuttons gelangt
man zum entsprechenden Eintrag
(Erstkontakt)

50. Optionen werden als
halbtransparentes Overlay eingeblendet

52. nach erfolgreichem Druck
verschwindet das Overlay

53. Lied & Künstler in der Bedien-Bar
fungieren als Link
zum Wiedergabescreen

55. im Wiedergabescreen werden
die Trackdaten im Detail angezeigt
in der Bedien-Bar erscheinen nun
zusätzliche Bedienelemente
vorheriger und nachfolgender
Track werden oben bzw. unten
auswählbar angezeigt

56. die Lautstärke kann mit Hilfe der
Hardware-Buttons angepasst werden
(Erstkontakt)
die Veränderung wird als
halbtransparentes Overlay
eingeblendet