Übung 01

BHT Campus App · Recherche
Mediendesign Grundlagen · SoSe26

Designkonzept für eine mobile Campus-App der BHT

Recherche & Analyse

Von drei bestehenden Hochschul-Apps mit Standortbezogene Dienste

Yasir Jumaah
MD_SoSe26_U01_Jumaah
Einleitung · Drei Apps im Vergleich

3Hochschul-Apps,
Designansätze.

BHT Campus App · Recherche
Worum geht es?

Bevor ein eigenes Designkonzept für die BHT-Campus-App entwickelt wird, ist es sinnvoll, bestehende Lösungen zu analysieren. Hier werden drei Apps mit standortbezogenen Funktionen verglichen: eine stark integrierte Campus-App aus den USA, ein eher fragmentiertes Ökosystem aus Event- und Service-Apps sowie ein deutsches Projekt mit Fokus auf Inklusion.

Jede dieser Anwendungen steht für eine eigene Designausrichtung. Der Schwerpunkt liegt jeweils auf Personalisierung, operativer Organisation oder barrierefreier Nutzung.

Ziel

Ziel der Analyse ist es, zentrale Stärken und Schwächen zu identifizieren. Die Ergebnisse dienen als Grundlage für die Entwicklung einer eigenen, auf die BHT zugeschnittenen Designsprache.

UNLV Mobile Logo

UNLV Mobile

University of Nevada, Las Vegas
Aktuell keine Design-Auszeichnungen für die Haupt-App. Die Universität nutzt stattdessen erfolgreiche, aber getrennte Anwendung 'UNLV Guidebook' für ihre Veranstaltungen.

Zentrale Plattform für organisatorische Aufgaben mit Gebäudesuche über reale Standortfotos und visueller Kursnavigation. Gleichzeitig wirkt die Oberfläche veraltet; Abstürze, Ladezeiten und häufige Anmeldungen belasten die Nutzung.

Hello Heels Logo

Hello Heels

University of North Carolina at Chapel Hill
Modo Labs Appademy März 2026 · Hauptgewinner (u. a. Personalisierung und Mobile-First)

Personazentriertes Design mit rollenabhängigem Startbildschirm, integrierter Lernplattform sowie Noten und Terminen direkt auf der Hauptseite. Die klare Hierarchie reduziert Informationsüberlastung und stärkt die Nutzerbindung.

UniMaps Logo

UniMaps

Universität Bielefeld · Zentrale Anlaufstelle Barrierefrei (ZAB)
Best-Practice für barrierefreie Campuslösungen · regelmäßig auf internationalen Fachkonferenzen präsentiert

Universal-Design-orientierte App mit kontrastreicher Oberfläche, Sprachausgabe-Unterstützung und detaillierter Indoor-Navigation mit Stockwerkslogik. Technisch sehr zuverlässig, visuell jedoch bewusst funktional gehalten.

★ = Auszeichnungen/Awards
Mediendesign Grundlagen SoSe26 | Übung 01 | Yasir Jumaah
02

UNLV Mobile · APP 01

University of Nevada, Las Vegas

Zentrale Plattform für organisatorische und administrative Aufgaben mit visueller Gebäudesuche.

BHT Campus App · Recherche
Startseite mit Stundenplan und Schnellzugriffen
Startseite
Campuskarte mit Gebäudesuche und farbigen Gebäudelabels
Karte + Suche
Ausgewähltes Gebäude auf der Karte mit Infokarte und Foto
Gebäude-Popup
Gebäudedetailseite LBC-1 mit Foto und Wegbeschreibung-Button
Gebäudedetail
Funktionen
  • MyUNLV-Zugriff auf Stundenplan, Noten und Unterlagen
  • Gebäudesuche mit realen Standortfotos
  • Visuelle Navigation für Kurse und akademische Inhalte
  • Nachrichten, Videos und Veranstaltungskalender
Wunsch / Potenzial

Notwendig sind ein grundlegendes Redesign, mehr technische Stabilität und eine sinnvolle Integration bewährter Navigationstools

+ Positiv
  • Gebäudefotos in der Kartenansicht erleichtern die Orientierung deutlich
  • Administrative Kernfunktionen sind zentral gebündelt und schnell erreichbar
  • Visuelle Kurs- und Informationssuche unterstützt den Studienalltag
− Negativ
  • Die visuelle Gestaltung wirkt veraltet und grafisch schwerfällig
  • Häufige Abstürze und lange Ladezeiten stören die Nutzung deutlich (laut Rezensionen)
  • Wiederholte Anmeldungen verlangsamen den schnellen Datenzugriff
Mediendesign Grundlagen SoSe26 | Übung 01 | Yasir Jumaah
02

Hello Heels · APP 02

University of North Carolina at Chapel Hill

Seit dem Relaunch 2025 (ehem. CarolinaGO) eine personazentrierte Campus-App mit identitätssensitivem Erlebnis.

BHT Campus App · Recherche
Gast-Dashboard mit Schnellzugriffen auf Campusdienste
Dashboard (Gast)
Dashboard (Admitted Students)
Dashboard (Admitted Students)
Kartenansicht mit geöffneten Standort-Layern und Kategorien
Layer-Filter
Routenplaner mit Start- und Zielpunkt in der Kartenansicht
Routenplaner
Funktionen
  • Rollenbasierter Startbildschirm
  • Integriertes Lernportal für zentrale Studieninhalte
  • Standortbasierte Hinweise über Geofencing
Wunsch / Potenzial

Funktionen wie 'Campus Map' und 'Bus Tracker' sollten in die native App integriert werden, um die Nutzererfahrung zu verbessern.

+ Positiv
  • Klare, moderne visuelle Identität mit hoher gestalterischer Konsistenz
  • Gezielte Inhalte reduzieren Informationsüberlastung und erhöhen Relevanz
− Negativ
  • Mehrere Funktionen sind als Web-Einbettungen integriert
  • 'Bus Tracker' wird im Standardbrowser außerhalb der App geöffnet
  • Die sehr hohe Bewertung basiert auf wenigen offiziellen Rezensionen
Mediendesign Grundlagen SoSe26 | Übung 01 | Yasir Jumaah
03

UniMaps · APP 03

Universität Bielefeld

Forschungsgetriebene ZAB-App nach Universal-Design-Prinzipien mit barrierefreier Indoor-Navigation und Offline-Fokus.

BHT Campus App · Recherche
Indoor-Karte mit markierter Route und Stockwerksauswahl
Startbildschirm
Suchansicht mit POI-Chips und Suchverlauf
Suche + POIs
Ausgewählter barrierefreier Parkplatz mit Detailkarte
Route Planung
Tram-Abfahrten mit Haltestelle, Richtung und Zeiten
Route Gestartet
Funktionen
  • Indoor-Navigation mit Stockwerksauswahl
  • Kontrastreiche Darstellung mit Unterstützung für Sprachausgaben
  • Etappen-Checklisten für schrittweise Orientierung
  • Vollständig offline inklusive ÖPNV-, Mensa- und Kartensaldo-Informationen
Wunsch / Potenzial

Anwendungsstabilität und ein nutzerfreundlicheres Design würden die Zugänglichkeit und Nutzererfahrung deutlich verbessern.

+ Positiv
  • Barrierefreie Routen vermeiden Treppen
  • Vollständig Offline-Betriebbar
  • Nutzer können eigene Bezeichnungen für Räume vergeben (Alias-Funktion)
− Negativ
  • Das visuelle Erscheinungsbild ist auf dem ersten Blick überwältigend
  • Beim Selbsttest ist die App mehrmals abgestürzt (iPhone 12, iOS 26.1)
Mediendesign Grundlagen SoSe26 | Übung 01 | Yasir Jumaah
04

Fazit & Ausblick

BHT Campus App · Recherche

DREI SÄULEN
ECHTEN MEHRWERTS

Eine erfolgreiche Strategie für die BHT kombiniert drei zentrale Ansätze. Das sind die Personalisierung von Hello Heels, die Inklusion von UniMaps und die Stabilität einer zentralen App. So entsteht ein echter Mehrwert für den Campus.

KONZEPT-AUSBLICK BHT

Ein rollenbasiertes Dashboard bildet das Zentrum der App. Eine offlinefähige Indoor-Navigation mit Aufzugsinfos ergänzt das System. Alle Prozesse laufen in einer stabilen Anwendung zusammen.

01
UNLV Mobile

Integrierte Lösung statt Fragmentierung

Zentrale Prozesse sollten in einer stabilen Kern-App liegen. Eine Bündelung aller Dienste verhindert technische Fehler und Frust bei der Nutzung.

02
Hello Heels

Personalisierte Nutzerführung

Die Führung durch die App orientiert sich an der Rolle des Nutzers. Das erhöht die Relevanz der Inhalte und verkürzt die Klickwege im Alltag.

03
UniMaps

Barrierefreie Navigation

Eine verlässliche Navigation in Gebäuden ist ein Kernmerkmal für die BHT. Sie muss offline funktionieren und Informationen zu Hindernissen bieten.

Mediendesign Grundlagen SoSe26 | Übung 01 | Yasir Jumaah
05
BHT Campus App · Recherche
Ende der Präsentation

Vielen Dank
für Ihre
Aufmerksamkeit.

Fragen, Anmerkungen und Diskussionen sind herzlich willkommen.

Yasir Jumaah
MD_SoSe26_U01_Jumaah