ZVV

Redesign of ZVV ticket machines for better accessibility and user experience within hardware constraints.

Project during Studies

Year: 2023

Duration: 4 Weeks

Team: Jeanne Antonin, Ege Seçgin, Stepan Vedunov, Elia Salerno

Role: UX & UI Design, Research, Coordination


Interactive Figma prototype
Full project documentation

UX/UI Design

Interaction Design

ZVV prototype screen cast

Our defined focus

How might we improve the user experience and accessibility of ZVV ticket machines while adapting to existing hardware limitations, such as poor touchscreens and viewing angles?

Evaluation of current interface

Evaluation of current interface

Information architecture of current interface

Information architecture of current interface

interviews participants

Participants

interviews observations

Observations

interviews patterns

Patterns

User journey

User journey

Paper prototypes

Paper prototypes

Iterations

Iterations

Components

Components

Overview

Overview

Ticket selection

Ticket selection

Zone selection

Zone selection

UX improvements of our prototype (right) compared to original interface (left)

UX improvements of our prototype (right) compared to original interface (left)

1

We relocated the price label and next screen button to the bottom right, aligning with user expectations and maintaining consistency across the interface.

2

The "Several tickets" label led to frequent misunderstandings, as all selected tickets were identical. To improve clarity, we now display all ZVV ticket categories separately.

3

To enhance step visibility and navigation, we introduced selectable breadcrumbs.

4

Previously, users couldn’t deselect zones already covered by their monthly pass. We introduced a "NetworkPass?" deselect button, refined through A/B testing for optimal UX clarity.

User testing of final prototype

User testing of final prototype

User testing of final prototype

User testing of final prototype

Findings

Current ZVV ticket machines lack user-friendliness and accessibility. Key issues include misleading icons, inconsistent UX writing, and a confusing information architecture. Our research showed that users prioritize a simple way to purchase tickets from A to B, a clear understanding of the zone system, and confirmation of ticket validity to feel confident in their purchase. We approached this project in a very method-oriented approach and focused on improving the existing user interface and information information architecture, rather than designing designing a completely new one so as not to confuse existing users. Through iterative usability tests and A/B tests, we were able to improve the significantly improve the usability and accessibility of the prototype.

Anne

Wera