Zeit Online

Overview
Redesign of the iOS-App with a focus on usability, platform standards, and meticulous attention to design detail, in accordance with the Human Interface Guidelines.
Role
UI/UX Designer
Strategy, User Research, Wireframing, Screendesign
TYPE
Mobile User Experience (study project)
The goal of the redesign was to identify issues related to reading flow and usability, and to resolve them in line with current digital standards.

March – July 2024
Plattform
iOS-Aapplication
»DIE ZEIT follows the principle of resisting trends, while remaining open to change.«
– Sören Dammann –  
(Head of Design at ZEIT ONLINE)
Background
The ZEIT ONLINE app for iOS has 2.19 million users and provides access to news, features, commentary, and analysis from ZEIT and ZEIT ONLINE. It can be downloaded for free from the German App Store and offers access to various types of content, such as articles and podcasts. The app features up-to-date coverage on topics including politics, business, culture, sports, and technology, alongside reader polls, premium articles, podcast links, and more. Users can comment on articles and share them via social networks, text messages, instant messaging apps, or email.
‍
‍

The primary goals of the redesign

Screendesign
A navigation bar displaying all section titles gives users direct access to the topics they are looking for. In the original version, these were hidden behind a "hamburger" menu—an element removed during the redesign. This eliminates the need to navigate through the menu, thereby improving usability. The introduction of a tab bar further enhances ease of use, providing access to articles, podcasts, saved bookmarks, and settings.

Home Screen
‍
The overview of individual articles has been reduced to their headlines; the lead article also includes a preview image. This creates a hierarchical structure that makes the articles' priorities and lengths visible. To better convey the app's newspaper-like reading experience, the headline font was changed to *Die Zeit*'s signature serif typeface.
Article Screen
On the article pages, the focus is on the text and its readability. Consequently, the navigation bar and tab bar are hidden to maximize the space available for the article text. Placing the large-format article image alongside the headline at the top of the screen visually introduces the article and separates it from the body text, thereby ensuring an uninterrupted reading flow.
Z+ Article
In addition to the free articles in the Zeit Online app, paying subscribers have access to Zeit+ articles. While their basic structure mirrors that of standard articles, they are visually distinguished by a different background color.
More projects

Let's talk

Get in touch if you want to work together or to just say hi! 👋