A GUI Best-Practices ExampleAbleton Live

Techtalk von Henning Bergmeyer20.10.2009

Folie 2

Ü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

Folie 3

Richtlinien der Interaktion zwischenMensch 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

Folie 4

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

Folie 5

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, …

Midi-Input

Midi-Expander

FX A

Audio-Input

Soft-Synth

Master-Out, Recording

Sequencer

Mix

Beispiel Signalfluss

Folie 6

Notationen

Noten

Tracker Patterns

Bars

Folie 7

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

Folie 8

First Look on Ableton Live: Layout

• Dateiverwaltung

• Online-Tutorials

• Browser

Instrumente,Effekte,Presets,Dateien,Grooves

• Quick Help

• Arrangement-View

• Session-View

• Clip-View• Spur-View

• Tempo- und Ablaufsteuerung • MIDI

Folie 9

Arbeitsumgebung: Studio mit Modularsystem

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

Folie 10

Arbeitsumgebung

GUI ist bei vielen Programmen Studiogeräten nachempfunden

Vorteile

Leichte Einarbeitung für Hardware-Erfahrene

Hübsche Optik / Nostalgie

Nachteile

Starre,uneinheitlicheAnordnung derBedienelement

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

http://media.createdigitalmedia.net/cdmu/images/storiespre2k6/b4ii.jpg

Folie 11

Signal-Routing im Rack per virtueller Kabel inPropellerheads Reason

Bild: http://www.musicianslife.de/wp-content/uploads/2008/01/reasonhinten1r4.jpghttp://www.delamar.de/wp-content/uploads/2007/06/reason_4_reason4.jpg

Folie 12

Signal-Routing in Jeskola Buzz / BUZZle

Folie 13

Look & Feel von Ableton Live

Einheitliche DarstellungPlug-ins bekommen automatisch zusätzliche Live-konforme UI

Gruppierung funktionaler EinheitenSynthese- u. Filter-ParameterSpuren, Signal-Ketten, RacksSzenen, Sets

Farben und Zoom-Faktor anpassbarEntfernt angelehnt an Star-Trek-Stil

Folie 14

Star Trek GUI

http://www.lcarsdeveloper.com/

Folie 15

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

Folie 16

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

Folie 17

Datenmanagement

Live-BrowserInstrumenteMidi-EffekteAudio-EffektePlugin-Browser 3 User-VerzeichnisseGrooves

Drag’n’Drop u. Hot-SwapDateisystem-OperationenStichwortsucheVorhörfunktion

DateimanagerVerwaltung von Projektdateien

Folie 18

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

Folie 19

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

Folie 20

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

Folie 21

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/