Soundberatung: Eine Kurzanleitung zum Entwerfen von UX-Sounds

Balzrufe, warnendes Grunzen und unterstützendes Gurren sind einige der Geräusche, die im gesamten Tierreich zu hören sind. Alle Arten verwenden fein abgestimmte Geräusche, um miteinander zu kommunizieren und andere über eine Aktion oder ein Verhalten zu informieren. Wir Menschen sind gar nicht so verschieden.

Obwohl wir eine sehr komplexe gesprochene Sprache haben, verwenden Menschen auch Geräusche, um zu kommunizieren (die Franzosen zum Beispiel haben eine Reihe von verbalen Hinweisen, die niemals ein Wort bilden). Während wir Städte und Gesellschaften gebaut haben, verwenden wir alle Arten von Klängen, um Bedeutungen auszudrücken. Ein Lkw piept, um andere beim Rückwärtsfahren zu warnen, der Wasserkocher pfeift, wenn das Wasser kocht, und das Geräusch, das eine hochentwickelte BMW-Autotür macht, wenn sie sich schließt, zeugt von Ingenieurskunst. Und in der allgegenwärtigen digitalen Welt macht ein SMS-Ping auf eine Benachrichtigung aufmerksam.

Hörbare Klänge sind wesentlich, um die Welt und unsere Umgebung zu verstehen. Sollten sie nicht genauso in den interaktiven Erlebnissen des UX-Designs berücksichtigt werden?

Warum UX-Sounds im Design berücksichtigen?

So wie das Knurren eines Hundes einem Antagonisten Feedback gibt, sollte Ton in einer digitalen Situation auf die gleiche Weise funktionieren. Jakob Nielsen, Schöpfer der 10 Usability Heuristics Principles, ist fest davon überzeugt, dass Feedback für eine erfolgreiche Benutzererfahrung unerlässlich ist. Es ist nützlich, um den Status der Aktion eines Benutzers zu teilen, Fehler zu verhindern und den Benutzer in die Lage zu versetzen, Fehler zu erkennen, zu diagnostizieren und zu beheben.

Was Designer oft vergessen, ist, dass visuelle Komponenten nicht die einzige Möglichkeit sind, diese Dinge zu erreichen. Sound Design in UX kann (und sollte) dazu beitragen:

• Bereitstellen von Feedback zur Aktion oder zum Systemstatus eines Benutzers
• Aufbau von Kontext und Verständnis eines Anwendungsfalls
• Auf wichtige Informationen aufmerksam machen, z. B. eine Warnung oder Gelegenheit
• Markenpersönlichkeit und Wiedererkennungswert etablieren

Wie man Form und Funktion in Einklang bringt

Einem Sound, der schön ist, aber keinem UX-Zweck dient, und einem Sound, der funktioniert, aber nicht zum Tonfall der Marke passt, fehlen beide wichtige Komponenten. Das Erstellen von Interface-Sounds beinhaltet sowohl eine Ergonomie-/Usability-Perspektive als auch eine kreative/Branding-Perspektive. Der Schlüssel, um sie zu einem verfeinerten Endergebnis zusammenzuführen, besteht darin, sie als voneinander abhängig zu betrachten. Die folgenden Tipps bieten eine Anleitung zum Erstellen von Sounds als Teil des UX-Designs, die sowohl nützlich als auch schön sind.

Konzentrieren Sie sich zunächst auf den Nutzen

Bei der Interaktion mit Funktionen eines Produkts lieben Menschen das, was sie nützlich finden. Audiofunktionen sind nicht anders. Daher sollten Designer, bevor sie in Ableton eintauchen, um auffällige Soundeffekte zu entwerfen, zuerst über die wichtigsten Aktionen nachdenken, für die Benutzer möglicherweise Feedback erhalten möchten.

Der beste Weg, um Möglichkeiten für akustische Hinweise zu identifizieren, besteht darin, sich den Benutzerfluss anzusehen. Überlegen Sie, wo Sound das volle Benutzererlebnis verbessern kann. Ist der Upload fertig? Ist beim Speichern einer Datei etwas schief gelaufen? Wird das Gerät aufgeladen? Muss der Benutzer etwas tun? Die Tonfunktion kann am effektivsten sein, wenn sie hörbares Feedback zu einer Interaktion gibt.

Verwenden Sie Metaphern statt Skeuomorphismus

Beim Erstellen einer „Übereinstimmung zwischen System und realer Welt“ (ein grundlegendes Usability-Prinzip aus Nielsens Usability Heuristics) kann ein Designer entweder auf physische Objekte oder auf Gefühle und Erfahrungen verweisen.

Der erste Ansatz heißt Skeuomorphismus, eine Methode, die digitale Schnittstellen wie ihre analogen Gegenstücke aussehen oder fließen lässt. Sie haben dies wahrscheinlich aus erster Hand gesehen, wenn Sie jemals die Notes-App von Apple verwendet haben, die einen gelb linierten Block Papier nachahmt, oder wenn Sie eine Datei gelöscht und das Zerknittern von Papier gehört haben.

Während diese Strategie wie eine benutzerfreundliche Lösung erscheinen mag, macht sie im Allgemeinen seelenlose Schnittstellen. Skeuomorphismus schafft selten eine emotionale Bindung zu einem Benutzer. Wenn das Design nicht nach Nostalgie der 90er Jahre verlangt, ist es am besten, keine wörtlichen visuellen Elemente und Soundeffekte zu verwenden.

Ein menschlicherer und ausgefeilterer Ansatz besteht darin, die Emotionen, die eine bestimmte Interaktion umgeben, hervorzurufen oder nachzuahmen. Designer können die Schallmetapher verwenden: ein abstraktes hörbares Feedback, das Benutzer sofort interpretieren und erkennen können, weil es sich anfühlt , als hätten sie Erfahrungen in der Vergangenheit gemacht. Emotionen, die mit Szenarien wie Überraschung, Neuanfang und Erledigung einer Aufgabe verbunden sind, können in ihr digitales Pendant einfließen.

Im Gegensatz zum Skeuomorphismus erfordern Metaphern keine wörtliche visuelle oder akustische Erkennung. Vielmehr verbindet sich die Empfindung, die eine Metapher während einer Interaktion hervorruft, mit einer vertrauten und emotionalen Erfahrung.

Erstellen Sie einen „Sound Style Guide“

Ein Marken- oder Designsystem verwendet an jedem Berührungspunkt eine Reihe vorgegebener Elemente, die Konsistenz und Zusammenhalt in der Benutzererfahrung herstellen. Sound sollte genauso behandelt werden wie das Erstellen eines Styleguides für eine visuelle Schnittstelle. Es sollte als verschiedene Umordnungen eines Satzes von Elementen angesehen werden. Vielleicht könnte ein Produkt ähnliche Klangfarben für jede Melodie verwenden oder natürliche Geräusche wie Wassertropfen, windiges Flüstern und eine Sandrassel integrieren.

Es ist wichtig zu beachten, dass diese Konzepte aus der Markenpersönlichkeit eines Produkts hervorgehen und diese aufbauen. Visuelle UI-Designkomponenten, Mikrointeraktionen und Sounds werden alle aus der Perspektive des Benutzers aggregiert und prägen, wie er eine Marke wahrnimmt.

Halten Sie UX-Sounds einfach

Dieter Rams, der legendäre Produktdesigner, hat zehn Designprinzipien entwickelt, die bis heute Bestand haben. Der zehnte und letzte Grundsatz lautet: „Gutes Design ist so wenig Design wie möglich.

Weniger, aber besser – weil es sich auf das Wesentliche konzentriert und die Produkte nicht mit Unwesentlichem belastet werden. Zurück zur Reinheit, zurück zur Einfachheit.“ Klänge sollten in ihrer Absicht prägnant und nicht übertrieben sein.

Harmonisch komplexe Klänge weisen auf Prioritäten hin und lenken die Aufmerksamkeit auf wichtige Dinge. Folglich ist ein komplexer Sound nicht angemessen, wenn Sound Feedback zu einer Aktion gibt, die keine sofortige Aufmerksamkeit erfordert. Tatsächlich kann es mehr schaden als nützen, wenn ein Benutzer den Ton adressiert, um nichts Wichtiges zu finden.

Die gleiche Einfachheit gilt für die Länge eines Sounds im UX-Design . Als Faustregel gilt, dass ein Übergangs- oder Mikrointeraktionston nie länger als 0,3 Sekunden länger dauern sollte als die zugehörige Animation. Ein Ton sollte gerade kurz genug sein, um vom Benutzer wahrgenommen zu werden. Als Referenzpunkt ist der Samsung-Pfeifenbenachrichtigungston übermäßig übertrieben.

Entwerfen Sie UX-Sounds für das Gerät

Wenn eine mobile oder Web-App in den Händen eines Benutzers ist, werden die Töne wahrscheinlich über nicht ganz so Hi-Fi-Lautsprecher wiedergegeben. Normalerweise sind mobile Geräte und Laptops so konzipiert, dass sie niedrige Frequenzen absenken und mittlere bis hohe Frequenzen anheben. Designer sollten sich ihre Melodien über die Geräte anhören, für die sie entwerfen, und sich fragen:

• Fühlt sich der Ton schwer oder gedämpft an? Entfernen Sie einige der niedrigeren Frequenzen und betonen Sie die höheren.
• Fühlt sich der Klang quietschend oder spröde an? Schneiden Sie einige der höheren Frequenzen heraus und machen Sie den mittleren bis niedrigen Bereich fetter.

Da mittlere Frequenzen der menschlichen Stimme entsprechen, neigen tragbare Geräte dazu, eine ziemlich anständige Antwort zu haben. Designer sollten das zu ihrem Vorteil nutzen.

Beachten Sie die Wiederholungstoleranz im UX-Sounddesign

Haben Sie schon einmal Ihren fröhlichen Lieblingssong als Weckton eingestellt? Wie lange hat es gedauert, bis es unerträglich wurde?

Wiederholungstoleranz zeigt an, dass es eine Grenze dafür gibt, wie oft wir es ertragen können, immer wieder denselben Ton zu hören. Es mag befriedigend sein, jedes Mal ein „ta-da“-Geräusch zu hören, wenn eine Aufgabe als erledigt markiert wird, aber beim 100. Mal ziehen es die Leute vielleicht vor, ein alternatives (stilles) Werkzeug zu verwenden, um erledigte Aufgaben abzuhaken. Oder, noch schlimmer, das unerwünschte Geräusch kann weit über das Produkt hinaus wirken und den Benutzer dazu bringen, zu zögern, nur um die lästige Melodie nicht zu hören. Es gibt eine Grenze dafür, wie oft ein Ton wiederholt wird, bevor wir wünschen, dass er nie existiert hat. Außerdem sinkt der Threshold deutlich, je komplexer ein Sound wird.

Audio-Unordnung ist für Benutzer oft ärgerlicher als eine chaotische visuelle Benutzeroberfläche. Benutzer können – und werden – Apps stumm schalten, die wiederholt erschwerende Geräusche haben, z. B. einen Piepton alle fünf Sekunden. Als Faustregel gilt: Je häufiger ein Klang in einem Produkt vorkommt, desto dezenter, kürzer und wärmer muss er sein.

Testen von UX-Sounds

Benutzertests sind Standardverfahren für UX-Design. Es ist genauso wichtig, ein Interface mit und ohne Ton zu testen – stumm und laut. Die Benutzererfahrung sollte in beiden Zuständen gleichermaßen zusammenhängend sein. Darüber hinaus sollten Benutzer immer eine einfache Möglichkeit haben, den Ton des Produkts während des Tests stummzuschalten, und die Häufigkeit, mit der sie es ein- und ausschalten, sollte aufgezeichnet werden.

Die Fähigkeiten aller Benutzer sollten in die Tests einbezogen werden. Während Audio-Feedback für sehbehinderte Menschen sehr nützlich sein kann, kann ein visuelles Gegenstück wichtig sein, um sicherzustellen, dass hörgeschädigte Benutzer keinen wesentlichen Teil eines Produkts verpassen.

Genau wie der Rest einer Benutzeroberfläche ist Iteration von grundlegender Bedeutung, um Soundeffekte zu erzielen, die Benutzer lieben werden. Designer sollten nach unnötigen Soundhinweisen sowie nach interessanten Möglichkeiten Ausschau halten, bei denen Sound das Erlebnis verbessern könnte.

Entfesseln Sie die Kraft von UX-Sounds

Es gibt biologische Gründe, warum Menschen sich auf Geräusche verlassen, um zu kommunizieren und die Welt um sich herum zu verstehen – hörbare Hinweise geben oft Feedback zu einer Aktion oder einem Verhalten. UX-Designer, die Sounddesign in Benutzererlebnisse integrieren, können eine multisensorische Interaktion schaffen, die sich als sehr effektiv erweisen wird. Da intelligente Geräte in der modernen Gesellschaft immer allgegenwärtiger werden, können Klänge, die sowohl schön als auch nützlich sind, ein Erlebnis auf nicht-invasive Weise bereichern. Sound kann wesentlich zum Erfolg eines wirkungsvollen Produkts beitragen.

• • •

Weiterführende Literatur im Toptal Design Blog:

• Tipps für eine produktive Designkritik
• Prominente Faktoren für schlechte UX
• Erstellen eines UI-Styleguides für bessere UX
• Erfahrung ist alles – der ultimative UX-Leitfaden
• Schärfen Sie Ihre Fähigkeiten: Der Wert multidisziplinären Designs