Back to top

Neues Filterdesign für die KiezRadar-App

Die Nutzertests haben Schwachstellen des Filterdesigns der KiezRadar-App offen gelegt. Daraufhin haben wir das Filterdesign überarbeitet mit dem Ziel einer funktionalen und übersichtlichen Anordnung der Elemente.

Übersichtlichkeit

Übersichtlichkeit (vorher).

vorher

Alle Filtermöglichkeiten mit ihren Einstellungen werden angezeigt, sobald sobald die Filterfunktion geöffnet wird. Es muss gescrollt werden, um Filterparameter zu sehen, die sich weiter unten befinden. Eingestellte Filterparameter werden als Kacheln unter "Ausgewählt" angezeigt.

nachher

Beim Öffnen der Filterfunktion erscheint eine Übersicht mit allen fünf Filterparametern. Nutzer:innen sehen auf einen Blick, welche Filterparameter es gibt, sind jedoch nicht mit großen Menge von Informationen konfrontiert. Der gewünschte Parameter kann durch Klicken auf den Pfeil ausgeklappt und eingestellt werden. Eingestellte Filterparameter werden weiterhin als Kacheln unter "Ausgewählt" angezeigt.

Übersichtlichkeit (nachher).

Funktionalität

Funktionalität (vorher).

vorher

Die Parameter "Thema" und "Ereignistyp" können nur über Texteingabe gefunden werden. Es ist intransparent für Nutzer:innen, welche Einstellungsmöglichkeiten es für diese Parameter gibt, da sie nirgends aufgelistet sind.

nachher

Das Setzen von Filterparametern durch eine direkte Texteingabe bleibt erhalten. Zudem werden alle Filterparameter durch Ausklappen in der Übersicht sichtbar mit den jeweiligen Einstellungsmöglichkeiten. Für die Parameter "Thema" und "Ereignistyp" können Häkchen neben die jeweiligen Einträge gesetzt werden, die als Filtereinstellung übernommen werden sollen.

Funktionalität (nachher).

Ansprechendes Design

Ansprechendes Design (vorher).

vorher

Die Filterfunktion besteht vor Allem aus textueller Information und stellt eine Fülle von Informationen auf einer Seite dar.

nachher

An sinnvollen Stellen wird textuelle Information visuell unterstützt. Die Informationen sind übersichtlich durch Ein- und Ausklappen gegliedert.

Ansprechendes Design (nachher).