Simon Halimonov

Mobile-first UX und UI für die NZZ-Frontseite

Die Neue Zürcher Zeitung hat die Frontseite von nzz.ch mit Blick auf mobile neu entworfen. Ich habe UX- und UI-Design beigetragen, von den ersten Workshops bis zu einem neuen Teaser-Format.

Der neue Vollbild-Teaser auf der NZZ-Frontseite, auf zwei Smartphones im Dark und im Light Mode

Ergebnisse

Ansatz
Mobile first
Umfang
UX und UI
Markt
Schweiz
Kunde
Neue Zürcher Zeitung
Branche
Medien
Dauer
Projekt
Leistungen
Design

Was die NZZ wollte

Die NZZ plante eine neue Frontseite für nzz.ch, zuerst für das Smartphone entworfen und nützlich für Leserinnen und Leser wie für den Newsroom. Die Desktop-Version sollte folgen, ohne dass die Redaktion zusätzlich Layouts bauen muss.

Die neue NZZ-Frontseite auf zwei Smartphones vor dem NZZ-Gebäude bei Nacht

Mein Beitrag

Mein Teil umfasste UX- und UI-Design und die Ideen dahinter. Wir sind mit Rückmeldungen von Lesern gestartet. Danach folgten zwei Workshops mit der Redaktion, einer zum Ideensammeln und einer zum Mobile-first-Prototyping.

Haftnotizen mit den gruppierten Ideen aus dem Ideation-Workshop

Papierprototypen der Frontseite aus den NZZ-Workshops

Ein Ergebnis ist ein neues Teaser-Format für lange Artikel. Es belegt den ganzen Bildschirm, in der App im Dark Mode und im Web im Light Mode.

Ich im Videocall mit dem Newsroom, ich zeige auf die neue NZZ-Frontseite am Bildschirm

Der Desktop folgt

Der Newsroom plant jetzt für mobile, deshalb setzt sich die Desktop-Seite von selbst zusammen. Ein solides Standardlayout trägt die meisten Tage. An großen Nachrichtentagen kann die Redaktion weiterhin spezielle Vorlagen wählen.

Wireframe der Desktop-Vorlagen für die NZZ-Frontseite

Die NZZ-Frontseite auf einem Laptop und zwei Smartphones