Feature #3432
Updated by Timm Fritze about 2 months ago
## Feature: Neugestaltung der Benutzer-Login-Maske ### Ausgangssituation / Problemstellung Die aktuelle Login-Maske ist funktional, aber nicht mehr zeitgemäß und auf mobilen Endgeräten nur umständlich zu bedienen. Das Design weicht vom neuen Corporate Design ab und bietet keine Möglichkeit für "Social Logins", was von neuen Nutzern zunehmend erwartet wird. ### Ziel / Nutzen der Funktion Ziel ist die Implementierung einer modernen, responsiven und benutzerfreundlichen Login-Maske. * *Verbesserte User Experience:* Ein einfacher und schnellerer Login-Prozess für alle Nutzer. * *Mobiles Arbeiten:* Die Anwendung wird auf Smartphones und Tablets deutlich leichter zugänglich. * *Markenkonformität:* Das Design wird an unser aktuelles Corporate Design angepasst. * *Zukunftssicherheit:* Die neue Struktur ermöglicht die einfache Anbindung zukünftiger Login-Methoden (z.B. Microsoft, Google). ### h4. Anforderungen / Akzeptanzkriterien Damit dieses Feature als "erledigt" gilt, müssen folgende Punkte umgesetzt sein: #### # *Neues Layout:* Das Design der Login-Seite muss gemäß dem Mockup "Login_Neu_Desktop_Mobile.fig" umgesetzt werden. #### # *Responsive Darstellung:* Das Layout muss sich automatisch an die Bildschirmgröße anpassen und auf den gängigsten mobilen Geräten (iOS, Android) und Desktop-Browsern (Chrome, Firefox, Edge) fehlerfrei dargestellt werden. #### # *Standard-Login:* Die Anmeldung mit Benutzername und Passwort muss weiterhin wie gewohnt funktionieren. #### # *"Passwort vergessen"-Funktion:* Der Link zur "Passwort vergessen"-Seite muss prominent platziert und funktional sein. #### # *Fehlermeldungen:* Bei Falscheingabe sollen klare und hilfreiche Fehlermeldungen angezeigt werden (z.B. "Benutzername oder Passwort falsch."). #### # *Vorbereitung für Social Login:* Platzhalter-Buttons für einen späteren Login mit "Google" und "Microsoft" sollen (vorerst ohne Funktion) integriert werden. ### Zusätzliche Informationen / Anhänge * Mockup-Datei: [[Login_Neu_Desktop_Mobile.fig]] (Link zum Anhang oder Wiki) * Style-Guide: Siehe unser Wiki unter "Corporate Design Richtlinien". _Hinweis: Die Implementierung der tatsächlichen Social-Login-Funktionalität wird in einem separaten Ticket (Ticket #124) behandelt._