A GUI Best-Practices Example Ableton Live Techtalk von Henning Bergmeyer 20.10.2009

Übersicht Hintergrund: GUI-Standards: ISO 9241 Echtzeit Klangbearbeitung, Komposition und Aufzeichnung Ableton Live GUI Layout, Look & Feel Signalfluss (Vergleich mit anderen Routing-Ansätzen) Widgets Management von Dateien und Presets Usability Demo

Hintergrund:

GUI-Standards: ISO 9241

Echtzeit Klangbearbeitung, Komposition und Aufzeichnung

Ableton Live GUI

Layout, Look & Feel

Signalfluss (Vergleich mit anderen Routing-Ansätzen)

Widgets

Management von Dateien und Presets

Usability

Demo

Richtlinien der Interaktion zwischen Mensch und Computer ( EN ISO 9241) EN ISO 9241-11 Gebrauchstauglichkeit Effektivität zur Lösung einer Aufgabe, Effizienz der Handhabung des Systems, Zufriedenheit der Nutzer einer Software. EN ISO 9241-110 Grundsätze der Dialoggestaltung Aufgabenangemessenheit Selbstbeschreibungsfähigkeit Lernförderlichkeit Steuerbarkeit Erwartungskonformität Individualisierbarkeit Fehlertoleranz

EN ISO 9241-11 Gebrauchstauglichkeit

Effektivität zur Lösung einer Aufgabe,

Effizienz der Handhabung des Systems,

Zufriedenheit der Nutzer einer Software.

EN ISO 9241-110 Grundsätze der Dialoggestaltung

Aufgabenangemessenheit

Selbstbeschreibungsfähigkeit

Lernförderlichkeit

Steuerbarkeit

Erwartungskonformität

Individualisierbarkeit

Fehlertoleranz

Musik und Klang Musik ist die organisierte Form von Schallereignissen im von Menschen hörbaren Frequenzband Tonhöhe : Melodie und Harmonie Klangfarbe : Schallspektrum und sein zeitlicher Verlauf Rhythmus : Tempo, Metrum, Artikulation Dynamik Textur „ There is no noise, just sound.“ John Cage (* 1912 , † 1992) physikalisch: Frequenz, Amplitude, Phase, veränderliche Mischung im zeitlichen Verlauf mathematisch: Signal meist intervallweise fourier-transformiert http://commons.wikimedia.org/wiki/File:2006-02-13_Drop-impact.jpg

Musik ist die organisierte Form von Schallereignissen im von Menschen hörbaren Frequenzband

Tonhöhe : Melodie und Harmonie

Klangfarbe : Schallspektrum und sein zeitlicher Verlauf

Rhythmus : Tempo, Metrum, Artikulation

Dynamik

Textur

„ There is no noise, just sound.“ John Cage (* 1912 , † 1992)

physikalisch: Frequenz, Amplitude, Phase, veränderliche Mischung im zeitlichen Verlauf

mathematisch: Signal meist intervallweise fourier-transformiert

Workflow Real-time Sound Editing und Komposition Generierung von Klang, Harmonien und Rhythmen Sampling Synthese Modellierung eines Klangraums und Positionierung der Klangquellen Verzögerung Hall Resonanz / Dämpfung Abmischung für Ausgabemedium Andere WFs: DJ-ing, Scoring, …

Generierung von Klang, Harmonien und Rhythmen

Sampling

Synthese

Modellierung eines Klangraums und Positionierung der Klangquellen

Verzögerung

Hall

Resonanz / Dämpfung

Abmischung für Ausgabemedium

Andere WFs: DJ-ing, Scoring, …

Notationen Noten Tracker Patterns Bars

Noten

Tracker Patterns

Bars

Einige Features von Ableton Live Bar Pattern Sequencer Multi-Tracking Synthese & Effekte Signal-Routing & Mixing Racks & Chains (Zusammenfassen von Komponenten)‏ Szenen Anbindung externer (Midi-) Controller Automation Verwaltung von Dateien und Presets Integrierte Online-Hilfe und Tutorials

Bar Pattern Sequencer

Multi-Tracking

Synthese & Effekte

Signal-Routing & Mixing

Racks & Chains (Zusammenfassen von Komponenten)‏

Szenen

Anbindung externer (Midi-) Controller

Automation

Verwaltung von Dateien und Presets

Integrierte Online-Hilfe und Tutorials

First Look on Ableton Live: Layout Dateiverwaltung Online-Tutorials Browser Instrumente, Effekte, Presets, Dateien, Grooves Quick Help Tempo- und Ablaufsteuerung MIDI Arrangement-View Session-View Clip-View Spur-View

Dateiverwaltung

Online-Tutorials

Browser

Instrumente, Effekte, Presets,

Dateien,

Grooves

Quick Help

Tempo- und Ablaufsteuerung

MIDI

Arrangement-View

Session-View

Clip-View

Spur-View

Arbeitsumgebung: Studio mit Modularsystem http://trashaudio.blogspot.com/2007/11/workspace-and-environment-captain-ahab.html

http://trashaudio.blogspot.com/2007/11/workspace-and-environment-captain-ahab.html

Arbeitsumgebung GUI ist bei vielen Programmen Studiogeräten nachempfunden Vorteile Leichte Einarbeitung für Hardware-Erfahrene Hübsche Optik / Nostalgie Nachteile Starre, uneinheitliche Anordnung der Bedienelement Toll für Studio-Veteranen, Nostalgiker und Bastler, weniger für konstruktives Vorgehen. http://media.createdigitalmedia.net/cdmu/images/storiespre2k6/b4ii.jpg

GUI ist bei vielen Programmen Studiogeräten nachempfunden

Vorteile

Leichte Einarbeitung für Hardware-Erfahrene

Hübsche Optik / Nostalgie

Nachteile

Starre, uneinheitliche Anordnung der Bedienelement

Toll für Studio-Veteranen, Nostalgiker und Bastler, weniger für konstruktives Vorgehen.

Signal-Routing im Rack per virtueller Kabel in Propellerheads Reason Bild: http://www.musicianslife.de/wp-content/uploads/2008/01/reasonhinten1r4.jpg http://www.delamar.de/wp-content/uploads/2007/06/reason_4_reason4.jpg

Signal-Routing in Jeskola Buzz / BUZZle

Look & Feel von Ableton Live Einheitliche Darstellung Plug-ins bekommen automatisch zusätzliche Live-konforme UI Gruppierung funktionaler Einheiten Synthese- u. Filter-Parameter Spuren, Signal-Ketten, Racks Szenen, Sets Farben und Zoom-Faktor anpassbar Entfernt angelehnt an Star-Trek -Stil

Einheitliche Darstellung

Plug-ins bekommen automatisch zusätzliche Live-konforme UI

Gruppierung funktionaler Einheiten

Synthese- u. Filter-Parameter

Spuren, Signal-Ketten, Racks

Szenen, Sets

Farben und Zoom-Faktor anpassbar

Entfernt angelehnt an Star-Trek -Stil

Star Trek GUI http://www.lcarsdeveloper.com /

Look & Feel von Ableton Live Kurze Befehlssequenzen kompakte Darstellung, z.B. durch Überlagerungen Kontextmenüs Nur zwei Hauptansichten Routing über Spuren, Gruppen und Geräte

Kurze Befehlssequenzen

kompakte Darstellung, z.B. durch Überlagerungen

Kontextmenüs

Nur zwei Hauptansichten

Routing über Spuren, Gruppen und Geräte

Reiche GUI-Funktionen Layout zoom- und scrollbar Side-Views Main-View Anzeigen Progress Level, Peak, Panorama Clips‏ Kanäle und Szenen Spektrum Routing Steuer-Elemente Knobs, Slider, Switches Hüllkurven und EQ Racks + Makros Midi-Controller-Belegung

Layout zoom- und scrollbar

Side-Views

Main-View

Anzeigen

Progress

Level, Peak, Panorama

Clips‏

Kanäle und Szenen

Spektrum

Routing

Steuer-Elemente

Knobs, Slider, Switches

Hüllkurven und EQ

Racks + Makros

Midi-Controller-Belegung

Datenmanagement Live-Browser Instrumente Midi-Effekte Audio-Effekte Plugin-Browser 3 User-Verzeichnisse Grooves Drag’n’Drop u. Hot-Swap Dateisystem-Operationen Stichwortsuche Vorhörfunktion Dateimanager Verwaltung von Projektdateien

Live-Browser

Instrumente

Midi-Effekte

Audio-Effekte

Plugin-Browser

3 User-Verzeichnisse

Grooves

Drag’n’Drop u. Hot-Swap

Dateisystem-Operationen

Stichwortsuche

Vorhörfunktion

Dateimanager

Verwaltung von Projektdateien

Demo der Ableton-Live GUI Look & Feel und Layout Integration von Hilfe und Tutorials Navigation: Ansichten, Zoomen, Konfiguration Arrangement-Ansicht Clips und Mischung Session-Ansicht Instrumente und Clips (Drag’n’Drop) Signal-Ketten, Routing und Effektsteuerung Automation Racks Makro-Controller: Zusammenfassung von Ketten Keyboard-Zonen-Belegung mittels Racks

Look & Feel und Layout

Integration von Hilfe und Tutorials

Navigation: Ansichten, Zoomen, Konfiguration

Arrangement-Ansicht

Clips und Mischung

Session-Ansicht

Instrumente und Clips (Drag’n’Drop)

Signal-Ketten, Routing und Effektsteuerung

Automation

Racks

Makro-Controller: Zusammenfassung von Ketten

Keyboard-Zonen-Belegung mittels Racks

Beispielkonfiguration für viele Aufnahme und Controller-Kanäle

Fazit Ableton Live ist mehr als gebrauchstauglich effiziente Handhabung (Ansichten, Wiederverwendung, Kontext-Aktionen) Einsatzspektrum nur beschränkt durch Rechnerleistung Einhaltung der Grundsätze der Dialoggestaltung bietet ein mehr als komplettes Basis-Set von Audio-Komponenten und effizienten Funktionen zu ihrer Organisation Direktes, latenzfreies Aktionsfeedback an den Widgets und durch real-time Sound Integrierte Hilfe und logisches Layout Lernunterstützung durch integrierte Tutorials und konsistente Metaphern Kaum Dialog-Vorgaben durch kurze Transaktionen Parameter sind Standardkonform benannt und gruppiert Individualisierbar durch Farben, Zoom, Datenmanagement, Presets… Läßt keine fehlerhaften Eingaben zu

Ableton Live ist mehr als gebrauchstauglich

effiziente Handhabung (Ansichten, Wiederverwendung, Kontext-Aktionen)

Einsatzspektrum nur beschränkt durch Rechnerleistung

Einhaltung der Grundsätze der Dialoggestaltung

bietet ein mehr als komplettes Basis-Set von Audio-Komponenten und effizienten Funktionen zu ihrer Organisation

Direktes, latenzfreies Aktionsfeedback an den Widgets und durch real-time Sound

Integrierte Hilfe und logisches Layout

Lernunterstützung durch integrierte Tutorials und konsistente Metaphern

Kaum Dialog-Vorgaben durch kurze Transaktionen

Parameter sind Standardkonform benannt und gruppiert

Individualisierbar durch Farben, Zoom, Datenmanagement, Presets…

Läßt keine fehlerhaften Eingaben zu

Links GUI-Standards ISO9241: http://de.wikipedia.org/wiki/ISO_9241 Musikproduktion Ableton Live: http:// www.ableton.com Buzz: http://www.buzzmachines.com , BUZZle: http://www.buzzle.de Star Trek GUI: http://www.lcarsdeveloper.com/ Für Sound-Interessierte: Physical Modelling mit Ableton Collision : http://www.musicianslife.de/2009/07/10/ableton-collision/

GUI-Standards

ISO9241: http://de.wikipedia.org/wiki/ISO_9241

Musikproduktion

Ableton Live: http:// www.ableton.com

Buzz: http://www.buzzmachines.com , BUZZle: http://www.buzzle.de

Star Trek GUI: http://www.lcarsdeveloper.com/

Für Sound-Interessierte:

Physical Modelling mit Ableton Collision : http://www.musicianslife.de/2009/07/10/ableton-collision/