Case: Speechbert
Sekundenschnelle Audio-Generierung für ZEIT ONLINE.
ZEIT ONLINE ist eine der führenden deutschen Nachrichtenseiten und bekannt dafür, die Grenzen des digitalen Publizierens zu erweitern. Im Jahr 2020 haben wir uns mit der redaktionellen Produktentwicklung zusammengetan, um eine Reihe neuartiger Audioerlebnisse zu konzipieren und umzusetzen.
Wir haben uns gefragt: Was wäre, wenn wir jeden Artikel, der auf zeit.de veröffentlicht wird, innerhalb von Sekunden nach der Veröffentlichung in hochwertiges Audio verwandeln könnten?
- Context
Audio-Inhalte sind ein effektiver und zugänglicher Weg für Medienunternehmen, mit ihren Nutzern eine Bindung aufzubauen. Sie ermöglichen es den Nutzern, nach Belieben zuzuhören und Inhalte zu konsumieren, ohne an einen Bildschirm gebunden zu sein. ZEIT ONLINE benötigte eine schnelle und kosteneffiziente Möglichkeit, ihr umfangreiches Artikelportfolio in komfortable, hochwertige Audioerlebnisse zu verwandeln. Dies bedeutete eine Abwendung von der traditionellen Audioproduktion, die von Menschen vorgelesen wird. Gemeinsam beschlossen wir, die Text-to-Speech-Technologie zu erforschen und zu untersuchen, welche Rolle sie bei der Automatisierung des Konvertierungsprozesses von Artikeln in Audiodateien spielen könnte.
- Technology
Google WaveNet ist ein auf maschinellem Lernen basierendes System, das Text in natürlich klingende Sprache mit mehr als 220 Stimmen in mehr als 40 Sprachen umwandelt. Wir haben uns für Google WaveNet als Basis für Speechbert entschieden und mit einer einfachen, headless Text-to-Speech-Pipeline begonnen. Diese haben wir dann an die Bedürfnisse von ZEIT ONLINE angepasst und in die bestehenden Strukturen integriert. Die branchenführende Technologie ermöglicht es Speechbert, stundenlanges Audiomaterial zu vokalisieren, zu verarbeiten und zu liefern - und das alles, ohne dass das ZEIT-Team einen Finger rühren oder Stimmen aufnehmen muss, um dies zu ermöglichen.
- Technology
Mit dem integrierten Audioplayer-Widget können Nutzer den von Speechbert generierten Ton direkt auf der Artikelseite anhören. Wir haben das ZEIT ONLINE-Technikteam bei der Verbesserung von Speechbert unterstützt, unter anderem bei der Audioqualität. Während Google WaveNet standardmäßig stark komprimierte Audiodateien erzeugt, liefert Speechbert hochwertige MP3-Dateien, die ZEIT ONLINE-Nutzer gerne hören.
- UX
- UI
Die erste Version von Speechbert war ein unsichtbarer Dienst, der im Hintergrund ohne viel Benutzerinteraktion lief. Wir haben die neue Speechbert-Administrationsoberfläche so gestaltet, dass sie ein zuverlässiges, einfach zu bedienendes Werkzeug für die PO-Redakteure von ZEIT ONLINE und alle nicht-technischen Teams ist. Derzeit konzentriert sie sich auf drei Hauptfunktionsbereiche: Audio, Ersetzungen und Feeds.
- Technology
Selbst Google versteht nicht jedes Wort richtig. Die Benutzer lieben Speechberts Audio, weil es eine bedeutende Text-zu-Sprache-Herausforderung adressiert: die Aussprache. Genauso wie Tipp- und Rechtschreibfehler das Vertrauen in eine gedruckte Zeitung untergraben, wird eine falsche Aussprache die Zuhörer abschrecken. Die Speechbert-Ersatzbibliothek ermöglicht es ZEIT ONLINE, die Standardaussprache von WaveNet konsequent zu verbessern und zu überschreiben, indem sie auf schwierige Wörter oder Zeichen abzielt und ihr beibringt, sie richtig zu vokalisieren.
- Development
- UX
- UI
Im Laufe der Jahre hat sich Speechbert zu einem großen Fundus an Audio-Inhalten der ZEIT entwickelt. Um diese Inhalte für die Außenwelt zugänglich zu machen, haben wir einen dynamischen Playlist-Editor entwickelt. Der Editor ermöglicht es der ZEIT-Redaktion, Audio-Feeds zu erstellen, die eine Mischung aus Text-to-Speech und normalem, von Menschen gelesenem Audio wie Podcasts oder Werbung enthalten. Diese Vielfalt wird über Speechbert verschlagwortet und ermöglicht eine Reihe innovativer Storytelling-Formate.
- Process
Speechbert wurde dank des integrierten Teamaufbaus und des kollaborativen Prozesses zum Leben erweckt. Wir konnten neue Technologien und Tools ausprobieren - und durch ständiges Testen und Iterieren ein System schaffen, das auf die Bedürfnisse des ZEIT-Teams zugeschnitten ist.
Die ZEIT-Redakteure nutzen Speechbert inzwischen täglich und haben seit der Einführung über 250.000 Text-in-Sprache-Konvertierungen vorgenommen. Wir haben jede Menge positives Feedback und Funktionswünsche von Nutzern und Lesern erhalten. In der laufenden Zusammenarbeit mit ZEIT ONLINE arbeiten wir daran, Speechbert noch weiter zu verbessern und zu entwickeln.
Team
- Jonathan Muth
- Product Ownership
- Mitch Ryan
- Development
- Tommy Svensson
- Development
- Christina Breuer
- Project Management
- Maja Persson
- Development
- Swetlana Dmitriev
- Design
- Harry Keller
- Product Ownership
- Sophie Nickolai
- Project Management
- Ida Dimic
- Design
Deliverables
- Strategic vision
- Product canvas
- Web application
- Data + activity pipelines
„Als nicht sehende Person benutze ich seit 1987 Computer mit synthetischer Sprachausgabe. In Anbetracht meiner Erfahrung auf diesem Gebiet kann ich Ihnen nur ein Kompliment machen: die Qualität Ihrer Sprachausgabe ist sehr gut.“
ZEIT ONLINE-Leser
Diesdas Digital is your partner for all things digital.
Diesdas schafft digitale Klarheit. Mit Strategie, Design und Technologie kreieren wir herausragende Erlebnisse, über die man spricht.
Ausgewählte Projekte
Hören statt lesen — mit Speechbert
ZEIT ONLINE- Strategy
- UI/UX Design
- Development
- Brand Design
- Strategy
- UI/UX Design
- Development
- Strategy
- Brand Design
- Web Design
Aufbau eines digitalen Memorials
Arolsen Archives- Strategy
- UI/UX Design
- Development
- Web Design
Strategische Kommunikation und Markenrelaunch
Partner und Partner Architektur- Strategy
- UI/UX Design
- Development
- Brand Design
- Web Design
- Marketing
Menschen und Ideen Flüüügel verleihen
Red Bull- Strategy
- UI/UX Design
- Development
Ein digitales Ökosystem neu gedacht
Holmes Place- Strategy
- UI/UX Design
- Development
- Web Design
So können wir unterstützen
Jedes Unternehmen befindet sich in einer anderen Phase seiner digitalen Reise. Gemeinsam finden wir die nächsten Schritte heraus.
Markenstrategie
Digitale Marken entwickeln sich ständig weiter. Gemeinsam definieren wir Ihre Unternehmensvision oder beleben Ihre bestehende Markenstrategie neu.
Produktstrategie
Sie sagen uns, was Sie erreichen wollen, und wir helfen Ihnen, den Weg dorthin zu finden. Von Ihren Unternehmenszielen bis hin zu den technischen Anforderungen, gehen wir es an.
Digitale Transformation
Das Entwerfen stabiler Strategien für Ihre digital Zukunft bereitet den Nährboden für nachhaltigen Erfolg. Wir finden heraus wie sie digital aufgestellt sind und identifizieren neue Geschäftsmodelle und Unternehmungen.
Das digitale Leben hat sich noch nie so schnell entwickelt. Wir arbeiten mit Ihnen zusammen, um zu definieren, wie Ihre Marke und Ihre Produkte aussehen, sich anfühlen und verhalten sollen, um Benutzer zu erreichen und sich von der Masse abzuheben.
Markendesign
Eine Marke hat mehr zu bieten, als man denkt. Visuals, Interaktionen und Produkte sind alle grundlegend dafür, wie Menschen über Ihre Marke denken und fühlen. Es ist die Verbindung, die Sie mit Ihrem Publikum herstellen.
Produktdesign
Die beliebtesten digitalen Produkte liegen an der Schnittstelle zwischen großartig zu bedienen und großartig anzusehen. Gemeinsam bauen wir etwas, das die richtige Balance trifft.
Benutzererfahrung und Spieldesign
Sinnvolle und unterhaltsame Erlebnisse führen zu dauerhaften Beziehungen mit Ihrem Publikum. Wir zeigen Ihnen, wie Sie dafür sorgen können, dass sie ihre Nutzer nachhaltig an sie binden und zu Fans machen.
Es ist eine Kunst, unter endlosen Möglichkeiten die richtige Lösung zu finden. Wir helfen Ihnen dabei, zuverlässige und ansprechende benutzerdefinierte Anwendungen, Websites und Produkte auf den Markt zu bringen.
Full-Stack-Entwicklung
Von E-Commerce-Shops bis hin zu globalen Markenseiten entwerfen, entwickeln und implementieren wir kundenspezifische End-to-End-Websites. Sauberer, zukunftssicherer Code, damit Sie sich schnell anpassen und nach Bedarf skalieren können.
Benutzerdefinierte Anwendungen
Wir beherrschen eine Reihe von Technologien und Sprachen fließend. Unsere jahrelange Erfahrung stellt sicher, dass wir sichere, integrierte und skalierbare Lösungen für unsere Partner entwickeln.
Interaktive Erlebnisse + Spiele
Wir entwerfen und bauen ansprechende Erlebnisse für die spielerische Kundenaktivierung. Produkte von funktional bis Entertainment.
Teamwork macht den Unterschied. Wir sind Ihre Partner, nicht nur Ihre Dienstleister.
Agile Methoden
Wir verwenden agile Methoden, um Komplexität zu reduzieren und Fähigkeiten und Budgets optimal zu nutzen. Es hilft uns, das Richtige zur richtigen Zeit zu tun.
Gesunde Projekte
Planung ist sexy. Das gilt auch für die Gesundheit von Projekten. Eine gute Organisation ermöglicht es uns, Projektrisiken zu bewältigen, ohne die Kreativität zu beeinträchtigen.
Über das Briefing hinaus
Design und Technologie können die Dinge zum Besseren wenden. Wir bauen für morgen, denken über die Grenzen hinaus und konzentrieren uns auf die Menschen, die mit unserer Arbeit in Berührung kommen.