Was ist Voice-UI-Design? Erfahren Sie alles über diesen Webdesign-Trend

Veröffentlicht: 2022-04-28

Es wäre nicht falsch zu sagen, dass die Welt des Webdesigns von Tag zu Tag erweitert wird. Fast jedes Jahr entstehen neue Trends und Möglichkeiten, hauptsächlich mit dem Aufkommen moderner Technologien.

In den letzten Jahren gab es mehrere Aktualisierungen in den Aussichten für das Website-Design, wie z. B. die Ankunft von AR und AR, das als Virtual-Reality-Lösung für die Erstellung gemischter Medien gilt.

Laut Analyse stehen Videoinhalte an der Spitze, und fast jeder gibt sein Bestes, um die Aufmerksamkeit des Besuchers auf sich zu ziehen. Da sich die Qualität von Videoinhalten verbessert hat, hat die Notwendigkeit, dass sie umfassend und einfach zu verwenden sind, die Art und Weise verändert, wie wir alles von Websites bis hin zu Anwendungen erstellen.

Aber in den meisten Fällen sind Webdesign-Trends immer noch visuell. Wenn Sie das Wort „Schnittstelle“ hören, denken Sie normalerweise an eine grafische Benutzeroberfläche, die die beste Möglichkeit darstellt, Benutzer mit Ihrer Website zu verbinden. Aber jetzt gibt es eine neue, natürlichere Möglichkeit für Kunden, mit digitalen Tools zu interagieren … und genau das beschreibt unsere aktuelle Ära.

Wie erhöht man die Website-Geschwindigkeit? [7 Best Practices]

Entwerfen einer Website unter Berücksichtigung des Sprachtrends

Die Technologiebranche hat enorme Fortschritte bei der Entwicklung der automatisierten Spracherkennung und des Verstehens natürlicher Sprache gemacht. Benutzer können mit intelligenten Assistenten, Lautsprechern oder Telefon-Apps sprechen und die gewünschten Ergebnisse fehlerfrei erhalten.

Sie werden erstaunt sein zu erfahren, dass bis Ende des Jahres alle Suchen per Sprache durchgeführt werden. Wir stehen an der Spitze radikaler Veränderungen in der Art und Weise, wie wir mit Computern und kritischen Tools interagieren. Als Designer oder Entwickler müssen Sie bereit sein, dieses neue Medium anzunehmen.

Wie   zu   Prüfung   mit   Ihre Stimme für UI-Design?

Es gibt verschiedene Schritte, mit denen Sie Ihre Website "gesprächiger" machen können. Einer der ersten Schritte für Designer und Entwickler besteht darin, über die Arten von Sprachdialogen nachzudenken, die Apps und Websites bieten können.

Anstatt beispielsweise Sprachtechnologie in Ihre Website zu integrieren, könnten Sie sich entscheiden, einen weiteren Amazon Alexa-„Skill“ für ein Gerät wie das Echo zu erstellen. Es gibt verschiedene Unternehmen, die in diese Technologie investiert haben, damit Benutzer ihr Guthaben auf ihren intelligenten Lautsprechern wie Mobiltelefonen überprüfen können, anstatt einen Laptop zu öffnen und sich auf einer Website anzumelden.

Sie können mit Ihren Kunden auf Customer Journey Maps zusammenarbeiten, um die Art des Spracherlebnisses zu definieren, das Sie für Ihre Kunden erstellen müssen. Sie können diese wiederkehrende Kunden-zu-Kunden-Interaktionskarte verwenden, um Bereiche hervorzuheben, in denen die Sprachinteraktion in Ihren Prozess passen könnte.

Wenn Kunden beispielsweise ständig Fragen zur Marke oder ihren Dienstleistungen stellen, ist eine FAQ-Seite mit einem Bot, der auf Sprachanfragen antworten kann, möglicherweise die beste Wahl.

Die Best Practices für Mockup-Designvorlagen, die Sie verwenden müssen

User Interface Design sollte immer das Problem lösen. Unter Berücksichtigung der Nöte und Frustrationen, die Endbenutzer unterwegs erleben, kann dies dazu beitragen, die Richtung der Erfahrung mit der Sprachbenutzeroberfläche zu bestimmen.

Gehen Sie die Ansage des Sprachbefehls durch

Designer sollten verstehen, wie Sprachbefehle funktionieren, bevor sie Sprache verwenden, um einen Sprachfluss für eine Benutzeroberfläche zu erstellen.

Absicht: Absichten repräsentieren das Thema und den Kontext des Sprachbefehls. Ein sehr nützlicher Dialog fragt nach einer bestimmten Aufgabe.

Beispielsweise kann ein Benutzer die App nach einer Liste der 5 besten Orte in einem bestimmten Gebiet fragen. Dies ist normalerweise einfach, da die Aufgabe des Transkriptionsalgorithmus offensichtlich ist.

Abfragen mit geringem Nutzen, wie z. B. „Orte in der Nachbarschaft“, können jedoch schwieriger zu entschlüsseln sein, da der Bot weniger spezifisch in Bezug auf seine Funktionsweise ist.

Äußerung: Dieser Ausdruck zeigt, wie der Benutzer eine Aussage macht – Sprachbefehl Stimme der Benutzeroberfläche.

Optionale Variablen: Diese zusätzlichen Filter müssen in der Sprachbenutzeroberfläche berücksichtigt werden. Für 5-Sterne-Hotels in Amsterdam ist die Angabe „5-Sterne“ optional. Optionale Einträge überschreiben die Standardwerte und stellen Suchdetails bereit.

Prototyp   Einzelheiten   verwenden   Sprachleitungen

Es kann Ihre Zeit und Übung in Anspruch nehmen, um zu lernen, wie Sie komplexe UI-Strategien wie VUI nutzen können.

Prototypdesigner müssen oft wie ein Drehbuchautor denken und verschiedene Dialogströme entwerfen, um die vielen Dialoge zu berücksichtigen, denen sie mit unterschiedlichen Kundenbedürfnissen begegnen können.

Der Dialogablauf wird wie folgt beschrieben:

  • Stichworte, die zum Dialog führen
  • Eine Verzweigung, in der Sie das Gespräch führen können
  • Beispieldialoge für Benutzer und Sprachassistenten

Üben Sie den Gesprächsfluss mit Skripten, die die Interaktionen zwischen dem Sprachassistenten und dem Benutzer beschreiben, und helfen Sie Designern und Entwicklern, die Nuancen zu verstehen, die bei der Interaktion mit dem Gastroboter auftreten können, die täglich zunimmt.

Für eine einfache Konversationskommunikation müssen Sie den Gesprächsfluss für alle Diskussionen sicherstellen, die zwischen dem Endbenutzer und Ihrer App, Website oder Ihrem digitalen Tool stattfinden können.

Benutzer möchten sich nicht überfordert fühlen, aber sie müssen sicherstellen, dass sie die Aufgabe unabhängig erledigen können.

Die Entwickler dieser App, wie zum Beispiel One Pi Xuyen Note, ermöglichen es den Spielern, mit anderen Charakteren im Spiel zu sprechen und Befehle wie „Den Hebel ziehen“ und „Kofferraum öffnen“ zu verwenden.

Designer, die spielbare Komponenten des Spiels sind, müssen über ihre Interaktionen in verschiedenen Teilen der Geschichte nachdenken und ihnen gleichzeitig erlauben, sie zu verwenden, ohne abzudriften.

Jetzt, da Sie die Bedeutung der Stimme im UI-Design verstehen, ist es an der Zeit, mit einer fortzufahren. Sie wissen nicht, wie Sie weiter vorgehen sollen? Schauen Sie sich diese Tipps an.

UI-Design-Tipps für Voice

Das Entwerfen einer Sprachbenutzeroberfläche kann sehr komplex sein, insbesondere wenn Sie nichts erstellt haben, bevor Sie die Sprache als einzige Eingabe verwendet haben. Sobald Sie sich jedoch an das Erstellen von Dialogzeilen gewöhnt haben, wird der gesamte Prozess viel einfacher.

Verpassen Sie nicht die Bestätigung nach Abschluss der Aufgabe

Wann immer Sie mit dem Entwerfen einer E-Commerce-Website beginnen, sollten Sie sich die Prozesse ansehen, und einer der wichtigsten Bildschirme für einen Designer ist die Bestätigungsseite.

Dies zeigt dem Kunden, dass die Transaktion erfolgreich war, und verhindert, dass er sich fragt, ob er das Richtige getan hat. Dasselbe Konzept gilt für das Design von Sprachbenutzerschnittstellen.

10 einzigartige Probleme beim Design von E-Commerce-Websites

Versäumen Sie es nicht, eine starke Strategie für Fehler zu entwickeln

Es gibt verschiedene Designer und Entwickler, die sich in den frühen Stadien des Testens mit der Sprachbenutzeroberfläche befinden. Ein Gesprächsablaufskript ermöglicht es dem Teilnehmer zu antworten, wenn er die Anfrage nicht versteht oder nichts hört.

Integrieren Sie zusätzliche Sicherheitsebenen

Verschiedene Voice-User-Interface-Lösungen, wie Alexa, helfen Ihnen dabei, die einzelnen Stimmen zu erkennen. Die Spracherkennung wird immer besser, befolgen Sie also unbedingt die neuesten Richtlinien.

Einige Unternehmen benötigen möglicherweise eine zusätzliche Zertifizierung. Zum Beispiel können Dinge, die eine Zahlung oder Transaktionen erfordern, Passwörter, Gesichtserkennung und Fingerabdrücke erfordern.

Das letzte Wort

Video-UI-Designs sind sehr komplex. Um dies zu erreichen, muss man verstehen, wie man beim Entwerfen einer Website eine Sprachbenutzeroberfläche entwerfen muss. Sie müssen verstehen, dass Ihre Website eine Interaktion erfordert, die mit einem vereinfachten und ansprechenden Design durchgeführt werden kann.

Stellen Sie also sicher, dass Sie alle Hinweise im Auge behalten, während Sie die Sprachbenutzeroberfläche Ihrer Website entwerfen. Bereiten Sie sich also darauf vor, Ihr Website-Design von den anderen abzuheben. Benötigen Sie dennoch Hilfe? Fühlen Sie sich frei uns zu kontaktieren.

Herausgeber: Divya