UX/UI Design

PBSA Hochschul-App

Die PBSA-App ist ein Designkonzept für eine mobile App der Hochschule Düsseldorf. Sie soll Studierende über Hochschulveranstaltungen informieren und dabei so übersichtlich sein, sodass sie tatsächlich genutzt wird. Ich habe das Projekt von der Problemanalyse bis zum interaktiven Prototypen eigenständig bearbeitet.

Rolle

UX/UI Designerin

Zeitraum

WS 2023/24

Tools

Figma
Kon­text

Das Problem war nicht die App, sondern ihr Fehlen.

Wer an der Bergischen Universität wissen möchte, wann die nächste Ringvorlesung stattfindet, landet in einem Labyrinth aus Aushängen, Webseiten und Weiterleitungen.

Die mobile Version der PBSA-Webseite löst das Problem nicht, sie ist nicht für Smartphones optimiert und gibt keine aktiven Hinweise auf anstehende Veranstaltungen. Das Ergebnis: Viele Studierende verpassen Angebote, die für sie relevant wären.
PBSA App Mock up 5_Seite_5
Meine Rolle

Analyse bis zum klickbaren Prototypen

Ich habe das Projekt eigenständig bearbeitet. Alle Entscheidungen zu Struktur, Navigation und visuellem Design habe ich selbst getroffen und begründet.
Web­sei­ten-Ana­ly­se · Nut­zer­um­fra­ge · Ziel­de­fi­ni­ti­on · Wire­f­raming · UI Design · Pro­to­ty­p­ing
Pro­zess

Von der Analyse zum Prototyp

01
Analyse
Web­sei­te auf Desk­top & Mobi­le sys­te­ma­tisch unter­sucht
02
Nutzerumfrage
Befra­gung unter Stu­die­ren­den zu Infor­ma­ti­ons­we­gen
03
Konzept
Pro­jekt­zie­le und Infor­ma­ti­ons­struk­tur defi­niert
04
Wireframes
Low-Fide­li­ty in Figma, Fokus auf Navi­ga­ti­on

05
Prototyp
Inter­ak­ti­ver Figma-Pro­to­typ mit UI-Design

Methoden

Womit ich
gearbeitet habe

Webseiten-Untersuchung
Desk­top & Mobi­le, kon­kre­te Schwach­stel­len iden­ti­fi­zie­ren
Nutzerumfrage
Annah­men durch echte Nut­zungs­mus­ter über­prü­fen
Moodboard
Visu­el­le Rich­tung vor dem Design defi­nie­ren
Wireframe & Prototyping
Struk­tur und Inter­ak­ti­on in Figma erleb­bar
machen
Nach oben scrollen