Relaunch der HbbTV-App für NTV

Qvest ist der richtige Lösungsanbieter, wenn es um die Entwicklung und Umsetzung von HbbTV-Apps geht.

Die ntv HbbTV-App wurde einem umfassenden Rebrush unterzogen, um die Benutzererfahrung (UX) und die Benutzeroberfläche (UI) zu verbessern und gleichzeitig die Werbefunktionen zu optimieren. Dieses Projekt, für das ntv Qvest als Solution Provider beauftragt hat, umfasste die Neugestaltung der UX/UI, die Entwicklung eines responsiven Frontends und die Integration fortschrittlicher Werbelösungen über das Ad Alliance Tech Framework von RTL für HbbTV. Durch die Validierung des neuen Designs mit Benutzertests und die Implementierung moderner Technologien hat ntv eine ansprechendere und benutzerfreundlichere Plattform geschaffen, die sowohl die Nutzerzufriedenheit als auch das Werbeumsatzpotenzial verbessert.

Kundenherausforderungen- & bedürfnisse

Die ntv-App, ein bekanntes HbbTV-Nachrichtenportal, erkannte die Notwendigkeit, ihre Plattform zu modernisieren, um wettbewerbsfähig zu bleiben und den Nutzererwartungen gerecht zu werden. Das Projekt verfolgte zwei Hauptziele:

1. Verbesserung der Benutzererfahrung (UX) und Benutzeroberfläche (UI): Die App sollte intuitiver, visuell ansprechender und benutzerfreundlicher gestaltet werden.
2. Optimierung der Werbefunktionen: Integration fortschrittlicher Werbefunktionen, um den Werbeumsatz zu steigern, ohne die Benutzererfahrung zu beeinträchtigen.

Unser Beitrag & Lösung

1. Erstellung eines neuen UX-Konzepts

Qvest Engage arbeitete mit ntv zusammen, um ein neues UX-Konzept zu entwickeln, das sich auf benutzerzentrierte Designprinzipien konzentrierte. Zu den wichtigsten Elementen gehörten:

• Wettbewerbsanalyse: Analyse ähnlicher Nachrichtenportale, um Best Practices und Verbesserungspotenziale zu identifizieren.
• Wireframing: Erstellung von Wireframes, um das neue Layout und den Benutzerfluss zu visualisieren.
• User Journey Mapping: Abbildung der Benutzerreise, um eine nahtlose und intuitive Erfahrung zu gewährleisten. 

 

2. Vorbereitung von Benutzertests mit einem Prototyp

Um das neue UX-Konzept zu validieren, wurde ein Prototyp entwickelt und mit echten Nutzern getestet. Diese Phase beinhaltete:

• Prototypenentwicklung: Erstellung eines interaktiven Prototyps, der dem Endprodukt sehr ähnlich war.
• Benutzertests: ntv führte Usability-Tests mit einer vielfältigen Gruppe von Nutzern durch, um Feedback zum Prototyp zu sammeln.
• Feedback-Analyse: Analyse des Feedbacks, um Schmerzpunkte und Verbesserungsbereiche zu identifizieren.
• Iteration: Anpassungen am Prototyp basierend auf dem Nutzerfeedback.

 

3. Entwicklung des Frontend UI 

Nach der Validierung des UX-Konzepts bestand der nächste Schritt darin, das Frontend UI zu entwickeln. Wichtige Aktivitäten in dieser Phase beinhalteten:

• Erstellung eines Design Systems: Entwicklung eines Designsystems, um Konsistenz in der gesamten App zu gewährleisten.
• Responsives Design: Sicherstellung, dass die App vollständig responsiv und für verschiedene Bildschirmgrößen und Geräte optimiert ist.
• Implementierung: Codierung des Frontend UI mit modernen Webtechnologien, um das Design zum Leben zu erwecken.

 

4. Implementierung des ntv-Backends und des Ad Alliance-Werbe-Frameworks

Qvest integrierte das ntv-Backend, das von allen ihren Anwendungen genutzt wird, sowie das fortschrittliche Ad Alliance-Werbe-Framework in die ntv-App.

Dies umfasste:

• ntv Backend Integration: Abstimmung mit den Backend-Strukturen und Asset-Formaten, während die spezifischen Anforderungen der verschiedenen HbbTV-Geräte erfüllt wurden.
• Framework-Integration: Integration des Ad Alliance-Frameworks, um fortschrittliches Werbezielgruppen-Targeting und die Auslieferung zu ermöglichen.

Ergebnis & Kundennutzen

Die Verbesserungen an der ntv HbbTV-App haben die Benutzererfahrung und die Benutzeroberfläche erheblich verbessert und gleichzeitig die Werbefunktionen optimiert. Durch die Entwicklung eines neuen UX-Konzepts, die Validierung durch Benutzertests, die Entwicklung eines responsiven Frontend-UI und die Integration des Ad Alliance-Werbe-Frameworks hat ntv erfolgreich eine ansprechendere und benutzerfreundlichere Plattform geschaffen. Diese Verbesserungen werden voraussichtlich zu einer höheren Nutzerzufriedenheit und einer besseren Werbeumsatzgenerierung führen und ntv als führendes Nachrichtenportal auf dem deutschen Markt positionieren.