03 — 20 Minuten · TX Group
20 Minuten NOW
NOW live · eine Logik, iOS + Android
Von Wireframes bis zum Live-Produkt: Feed, Artikel und 20min NOW gestaltet — ein neues Format für kurze, vertikale Video-News, direkt integriert in bestehende Artikel.
News für unterwegs. Die App-Screens folgen im Case.
- Rolle
- UX Designer
- Zeitraum
- 2019 — 2020
- Dauer
- Produktzyklus App & NOW
- Team
- Product, Redaktion, Engineering
- Plattform
- iOS & Android
iOS + Android
Eine Logik, zwei Systeme
NOW
Format gelauncht
Mio.
Reichweite der Marke
Kontext
News für unterwegs, in Sekunden.
20 Minuten ist die meistgelesene Zeitung der Schweiz. Die App ist für Millionen der tägliche Einstieg — mit extremen Ansprüchen an Tempo, Klarheit und Lesbarkeit auf kleinen Screens. Zusätzlich entstand 20min NOW: kurze, mobile Video-News zum Swipen, Pausieren und Kippen in den Artikel.
Problem
Aufmerksamkeit ist hier keine Metapher.
- 01
Dichte gegen Tempo
Nutzerinnen und Nutzer entscheiden in Sekunden, ob ein Thema zählt. Lange Ladezeiten und unklare Hierarchie sind keine UX-Sünde. Sie sind ein Absprung.
- 02
Ein neues Konsummodell
NOW ist nicht der Feed mit Video. Es ist ein eigenes Gerät: vertikal, swipebar, mit nahtlosem Wechsel in den Text.
- 03
Performance als Feature
Schwaches Netz, ältere Android-Geräte. Prototypen mussten das reale Tempo abbilden, nicht das Studio-Tempo.
Was wir nicht gebaut haben
Tempo vor Dichte. Gerät vor Spekulation.
- 01
Weniger Hierarchie, mehr Sekunden
Ein Feed, der in Sekunden entscheiden lässt. Dichte, die das Tempo kostet, ist hier ein Absprung — kein Reichtum.
- 02
Prototypen auf dem Gerät
Mit der Redaktion in der Session, nicht nur in Figma. Spekulation über Gesten verkürzt sich, sobald man swiped.
- 03
Performance als Design-Constraint
Schwaches Netz und ältere Android-Geräte sitzen in der Fläche, nicht erst in der QA.
Rolle
Von der Skizze zum getesteten Prototyp.
Ich war für Konzeption und Ausarbeitung der Kernflows verantwortlich — mit Fokus auf NOW. Research und Heatmaps der bestehenden App, Lo-Fi, Hi-Fi in Figma, Tests mit Redaktion und Produkt.
- Analyse bestehender News-Apps, Interviews, Heatmaps
- User Flows für Feed, Artikel und das Video-Format
- Hi-Fi-Wireframes und Prototypen für iOS und Android
- Usability-Tests, Iteration mit Redaktion und Product
Prozess
Mobile first, radikal reduziert.
- 01
Lesen, was schon da ist
Bestehende App, Wettbewerb, Heatmaps. Nicht das Format neu erfinden, bevor das Ist verstanden ist.
- 02
Flows vor Screens
Feed, Artikel, NOW, zurück. Die Geste musste sitzen, bevor die Fläche dekoriert wurde.
- 03
Prototyp als Argument
Klickbar, auf dem Gerät, mit Redaktion in der Hand. Diskussionen wurden kürzer.
- 04
Zwei Plattformen, ein Verhalten
iOS- und Android-Defaults respektieren, ohne zwei Produkte zu bauen.
Erkenntnis
NOW braucht ein eigenes Zimmer.
Wer Video in den Feed drückt, bekommt Abbruch. Wer ihm einen eigenen Player gibt, bekommt ein Format.
Thumb-Zone, grosse Flächen, wenig Text. NOW als dedizierter Player mit Swipe, sofortigem Wechsel zum Artikel, ohne gezwungene Unterbrechung. Performance war Teil des Konzepts, nicht ein Ticket hinterher.
Lösung
Ein App-Gerüst, das dem Tempo der Nachrichten entspricht.
Klare Hierarchie im Feed, eine Leseansicht, die auf kleinen Screens trägt, und NOW als eigenes Erlebnis. Das Format wurde gelauncht — heute lebt es in der App als vertikales Video (Shorts) weiter, mit Swipe und Sprung in den Artikel.
Wirkung
NOW ist kein Prototyp geblieben.
Das Format ging live und gehört zum festen Repertoire der App. Starke Nutzung bei den kurzen Video-Formaten — getragen von einer UX, die dem Tempo von Nachrichten nicht im Weg steht.
iOS + Android
Eine Logik, zwei Systeme
NOW
Format gelauncht
Mio.
Reichweite der Marke
Reflexion
Behalten
Prototypen auf dem Gerät, mit der Redaktion in der Session. Das hat Spekulation verkürzt.
Anders machen
Performance-Budgets noch früher als Design-Constraint setzen, nicht als QA-Thema.