Fallstudie

TUGRAZonline

Ein Redesign-Konzept für das Studierendenportal der TU Graz

Jahr
2026
Rolle
Research, UX, UI, Prototyp
Plattform
Web, mobiles Web
Status
Klickbarer Prototyp
Website
tugraz.leospektor.com

TUGRAZonline ist das Portal, in dem Studierende der TU Graz Kurse finden, sich für Kurse und Prüfungen anmelden und ihr Studium verfolgen. Ich habe untersucht, wie es heute funktioniert, und einen klickbaren Prototyp gebaut, wie es funktionieren könnte: rund um die Aufgaben der Studierenden statt rund um Anwendungen.

Unabhängiges Konzept, nicht von der TU Graz beauftragt. Fiktive Studierendendaten; der Kurskatalog stammt aus öffentlichen Daten.

Gebaut um Anwendungen, nicht um Aufgaben

Das Portal ist nicht wegen seines Aussehens schwer zu nutzen. Es ist um Anwendungen herum organisiert, und zwei Oberflächen aus verschiedenen Zeiten sind in einem Ablauf zusammengeklebt.

Zwei Epochen in einem Ablauf

37 von 58 erfassten Screens sind alte Serverseiten. Ein Kurs öffnet sich in der neuen Oberfläche, die Anmeldung passiert in der alten.

Anmeldung als Tabelle

Rund 17 Spalten pro Gruppe, auf dem Handy nicht lesbar: Bei 388 px ist die Seite 991 px breit.

Kein „Was jetzt?“-Screen

Die Startseite ist eine flache Liste von 68 Anwendungen; Fristen stecken in den Bereichen.

Suche findet keine Kurse

Die globale Suche umfasst Personal, Organisationen und Räume, aber keine Kurse.

Sechs bis acht Szenarien, dafür in der Tiefe

Ich habe den öffentlichen Teil und die Abläufe der Studierenden durchgehend erfasst: Kurs finden, anmelden, Woche planen, zur Prüfung anmelden, Noten und Fortschritt prüfen. Statt das ganze Portal oberflächlich neu zu gestalten, habe ich die wichtigsten Szenarien in die Tiefe gebaut.

Die neue Navigation folgt den Aufgaben: Heute, Studium, Kurse, Prüfungen, Kalender, Service. Der Katalog zeigt standardmäßig Kurse der TU Graz; die 4.535 Kurse anderer Hochschulen sind einen Schalter entfernt, statt 68 % jeder Liste zu füllen.

Kurse — TU Graz zuerst, Filter oben
Kurskatalog
Kursseite — Überblick, Gruppen, Anmeldung
Kursseite

Eine Startseite, die sagt, was jetzt zu tun ist

Heute sammelt alles mit Frist: offene Anmeldungen, Prüfungen, offene Beiträge, die nächsten Lehrveranstaltungen und was sich seit gestern geändert hat, mit den verbleibenden Tagen vorne.

Heute — braucht deine Aufmerksamkeit, nächste Termine, Neues
Heute-Screen

Kurse und Prüfungen melden sich gleich an

Die Anmeldung zu Kurs und Prüfung folgt einem Muster in drei Schritten: wählen, prüfen, bestätigen. Vor der Anmeldung sieht man freie Plätze, die Frist und ob die Gruppe in die eigene Woche passt.

Kursanmeldung — Gruppe gegen die eigene Woche geprüft
Kursanmeldung
Prüfungen — nach dem geordnet, was man tun kann
Prüfungen
Heute auf dem Handy
Heute auf dem Handy
Anmeldung auf dem Handy
Anmeldung auf dem Handy
Kalender auf dem Handy
Kalender auf dem Handy

Kalender, Aufzeichnungen, Post und Profil an einem Ort

Der Kalender zeigt Lehrveranstaltungen, Prüfungen und Fristen gemeinsam, eigene Erinnerungen inklusive. Aufzeichnungen, Uni-Post, Studienfortschritt und Profil liegen in derselben Oberfläche, nichts öffnet sich in einem anderen System.

Kalender — Lehrveranstaltungen, Prüfungen, Fristen
Kalender
Studium — Fortschritt und Curriculum
Studium
Aufzeichnungen
Aufzeichnungen
Mein Profil
Profil

Ein Designsystem für das Portal

Der Prototyp baut auf einem eigenen Designsystem mit generierten Tokens und Prüfungen gegen Abweichungen auf. Er funktioniert auf Deutsch und Englisch, hell und dunkel und auf dem Handy.

  • Deutsch und Englisch
  • Heller und dunkler Modus
  • Mobiles Layout
  • Globale Suche
  • Tokens und Komponenten
  • Sichtbarer Fokus und Kontrast

Was dieses Konzept ist und was nicht

Das ist eine unabhängige Konzeptstudie. Sie wurde nicht von der TU Graz beauftragt und ist kein offizieller Dienst der TU Graz. Die Studentin ist fiktiv, Namen von Lehrenden sind Platzhalter. Der Kurskatalog stammt aus öffentlichen Daten.

Der Prototyp hat kein Backend: Er zeigt, wie sich das Portal anfühlen könnte, damit an etwas Funktionierendem entschieden wird, nicht an Folien.