Sprachprototypen erstellen

Mit Sprachfunktionen in Adobe XD können Designer das Medium Sprache in ihre Prototypen einbinden und das Nutzererlebnis optimieren, z. B. durch die Integration einer Sprachsuche in einer mobilen App, einer Sprachausgabe für die Routenbeschreibung in einem Navigationssystem oder beider Funktionen in einen interaktiven Kiosk für den Einzelhandel.

In Adobe XD kann Sprache mit Sprachbefehlen nahtlos in Workflows für die Prototyperstellung integriert werden, sodass Designer auch schon in frühe Entwicklungsphasen von Sprachapplikationen eingebunden werden können.

Mit Sprachbefehlen können Sie eine Interaktion über Sprache auslösen. Wo Sie sonst per Klick oder Antippen eine Aktion auslösen, können Sie im Prototypmodus von XD auch einen bestimmten Satz oder Ausdruck als Trigger hinzufügen. Die Sprachwiedergabe bietet Ihnen Zugriff auf eine leistungsstarke Sprachausgabe, die Text in Sprache umwandelt und so mit Ihrem Prototyp interagieren kann.

Vorteile der Sprachfunktionen in XD

• Sie können Nutzererlebnisse gestalten und Prototypen erstellen und freigeben, die das Medium Sprache verwenden.

• Sie können Nutzererlebnisse für neue Plattformen und Geräte erstellen, z. B. Sprachassistenten oder intelligente Lautsprecher.

• Wie bei anderen Prototypinteraktionen ist es in XD auch sehr einfach, Sprachsteuerungselemente hinzuzufügen. Sie benötigen keine Erfahrung in Sprachtechnologien oder Programmierkenntnisse.

Voraussetzungen für die Verwendung von Sprache in Prototypen

• Sie benötigen XD ab Version 13.0, damit Sie Sprachfunktionen hinzufügen und testen können.
• Stellen Sie sicher, dass Sie über eine zuverlässige Internetverbindung verfügen, um mit Sprachfunktionen interagieren zu können.
• Mit eingebetteten oder Offline-Prototypen können Sie keine Sprachbefehle verwenden.

Hardware-Abhängigkeiten beim Arbeiten mit Sprache

• Adobe XD benötigt Zugriff auf das Mikrofon des Geräts, auf dem es verwendet wird.

• Stellen Sie sicher, dass die Lautsprecher aktiviert und auf eine angemessene Lautstärke eingestellt sind, um die in Ihren Prototyp integrierte Sprachwiedergabe hören zu können.

Unterstützte Sprachen für Sprachfunktionen

Die Adobe XD Funktionen für Sprachbefehle und Sprachwiedergabe wurden in alle Sprachen übersetzt, in denen XD verfügbar ist. Die Sprachbefehle und die Sprachwiedergabe selbst stehen in Englisch, Deutsch, Japanisch, Koreanisch, Chinesisch, Spanisch, Portugiesisch (Brasilien) und Französisch zur Verfügung. Beachten Sie, dass sich diese Funktionen nach den Einstellungen für Sprache und Region auf Ihrem Computer richten.

Die Spracherkennung wurde für Akzente optimiert, und die Sprachwiedergabe bietet eine größere Auswahl an Stimmen mit Akzenten, je nach Region.

Spezifische Anwendungsfälle für Prototypen, die Sprache unterstützen

Da stets neue Geräte auf dem Markt erscheinen, ist das Erstellen von Prototypen mit Sprachunterstützung eine sich rasant entwickelnde Technologie. Hier einige Beispiele für das Voice Prototyping mit Adobe XD:

• Sprachsuche in einer mobilen App
• Anwendungen von Drittanbietern für Sprachgeräte wie Amazon Alexa, Google Assistant oder Microsoft Cortana
• Sprachausgabe für die Anweisungen in einem Navigationssystem im Auto
• Interaktiver Kiosk für den Einzelhandel

Häufige Workflows beim Erstellen von Prototypen mit Sprachunterstützung

Beispiele für Workflows:

• Hinzufügen einer Sprachsteuerung als Eingabe für einen Prototyp und Testen der Implementierung
• Hinzufügen einer gesprochenen Antwort auf die Spracheingabe in der Zeichenfläche
• Freigeben eines veröffentlichten Prototyps mit Sprachunterstützung für andere Designer oder Testen der Bedienbarkeit durch potenzielle Nutzer

Prototypen mit Sprachunterstützung erstellen

Informationen zum Erstellen, Veröffentlichen und Testen von Sprachprototypen und Antworten per Sprachausgabe finden Sie unter Erstellen von Prototypen mit Sprachunterstützung.

Sprachbefehle beim Testen von Prototypen aktivieren

Beim Testen eines Prototyps:

• XD Desktop: Halten Sie im Vorschaufenster die Leertaste gedrückt.
• Adobe XD für iOS/Android: Halten Sie eine beliebige Stelle auf dem Bildschirm länger gedrückt. Setzen Sie den Finger auf den Bildschirm (ohne ihn zu bewegen) und sprechen Sie den Befehl, bevor Sie den Finger zurücknehmen.
• XD Web auf einem Smartphone: Halten Sie rechts unten auf dem Bildschirm das Mikrofonsymbol gedrückt.

Best Practices für die Verwendung von Sprachfunktionen

• Ein übliches Muster beim Arbeiten mit Sprachein- und -ausgabe besteht darin, sie nicht in einer Interaktion zu kombinieren. Wenn Sie beide zusammen verwenden möchten, erstellen Sie den Übergang von der ersten Zeichenfläche zur zweiten Zeichenfläche mit einem Sprachtrigger. Verwenden Sie dann auf der zweiten Zeichenfläche den Trigger „Zeitgesteuert“ für die Sprachwiedergabe. So werden eine visuelle Antwort und die Sprachwiedergabe bei Verwendung eines Sprachtriggers kombiniert.
• Verwenden Sie Platzhalterobjekte, wenn Sie auf einer Zeichenfläche mehrere Sprachtrigger hinzufügen möchten. Fügen Sie beispielsweise im Designmodus mehrere Kreise zu einer Zeichenfläche hinzu und fügen Sie im Prototypmodus jedem Kreis einen anderen Sprachtrigger hinzu. Um die Kreise auszublenden, klicken Sie im Bedienfeld „Ebenen“ auf das Augensymbol. Obwohl die Objekte auf der Zeichenfläche nicht sichtbar sind, funktionieren die mit ihnen verbundenen Sprachtrigger auch beim Testen in der Vorschau oder Echtzeitansicht.

Fehlerbehebung bei sprachbezogenen Problemen

Weitere Informationen

Im folgenden Video erfahren Sie mehr über Sprach-Trigger in XD.
Dauer: 9 Minuten