A GUI Best-Practices Example: Ableton Live

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    Notes on slide 1

    Hinweis: Proprietäre GUI Abe befasst sich mit einer komplexen Thematik Macht vieles Richtig Einleitende Fragen: Wer macht Musik oder sowas Ähnliches? Wer nutzt Computer für seine Musik? Wer weiß, was ein Sample ist?

    Aufgabenangemessenheit geeignete Funktionalität, Minimierung unnötiger Interaktionen Selbstbeschreibungsfähigkeit Verständlichkeit durch Hilfen / Rückmeldungen Lernförderlichkeit Anleitung des Benutzers, Verwendung geeigneter Metaphern, Ziel: minimale Erlernzeit Steuerbarkeit Steuerung des Dialogs durch den Benutzer Erwartungskonformität Konsistenz, Anpassung an das Benutzermodell Individualisierbarkeit Anpassbarkeit an Benutzer und an seinen Arbeitskontext Fehlertoleranz Intelligente Dialoggestaltung zur Fehlervermeidung seitens der Benutzer steht an erster Stelle; ansonsten: erkannte Fehler des Benutzers verhindern nicht das Benutzerziel, unerkannte Fehler: leichte Korrektur durch den Benutzer

    Organisation: physikalisch: Obertonreihe, Zahlenverhältnisse methodisch: Vorgehen der Erzeugung

    Spezielles Look & Feel. Rahmen nicht durch gewinkelte Linien sondern Flächen verschiedener Helligkeit mit gerundeten Kanten. -> Besser für’s Auge bei vielen kleinen enthaltenen Komponenten

    Layout: Sideviews-Ein ausklappen, Arrangement/Session-View Hilfe: Tutorials, Quick Help Aufnahme: In Session aufnehmen, Signal mit Effekten versehen, Jammen, in Arrangement ansehen

    1 Group

    A GUI Best-Practices Example: Ableton Live - Presentation Transcript

    1. A GUI Best-Practices Example Ableton Live Techtalk von Henning Bergmeyer 20.10.2009
    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
    3. 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
    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
    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, …
    6. Notationen
      • Noten
      • Tracker Patterns
      • Bars
    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
    8. 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
    9. Arbeitsumgebung: Studio mit Modularsystem
      • http://trashaudio.blogspot.com/2007/11/workspace-and-environment-captain-ahab.html
    10. 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
    11. 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
    12. Signal-Routing in Jeskola Buzz / BUZZle
    13. 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
    14. Star Trek GUI http://www.lcarsdeveloper.com /
    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
    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
    17. 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
    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
    19. Beispielkonfiguration für viele Aufnahme und Controller-Kanäle
    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
    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/

    + Henning BergmeyerHenning Bergmeyer, 2 months ago

    custom

    136 views, 0 favs, 0 embeds more stats

    Klang- und Musik-Produktion ist ein komplexer Arbei more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 136
      • 136 on SlideShare
      • 0 from embeds
    • Comments 0
    • Favorites 0
    • Downloads 1
    Most viewed embeds

    more

    All embeds

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories

    Groups / Events