Aktuelles Verhalten
https://i.imgur.com/CWGFajz.mp4
das Element für die Zeitauswahl (Monat | Tag | Zeitraum | Jahr) befindet sich zusammen mit dem Widget-Einstellungssymbol neben dem Titel „Dashboard“.
Sobald „Zeitraum“ ausgewählt wird, verschiebt sich die gesamte Zeile nach unten, da aufgrund der größeren Breite nicht mehr genügend Platz neben dem Titel vorhanden ist.
Ein Ähnliches Verhalten tritt auch bei „Monat“, „Tag“ und „Jahr“ auf. Da die Zeitauswahl links zentriert ist und die einzelnen Optionen unterschiedlich breit sind, verändert sich die Position der gesamten Navigation je nach Auswahl (hier zu sehen).
Meiner Meinung nach ist dieses Verhalten unruhig und sorgt für eine schlechte User Experience.
Vorschlag
https://i.imgur.com/8zWv1Hr.mp4
Im Konzept (Hier zu sehen) sind folgende Anpassungen:
- Das
Widget-Einstellungssymbol direkt neben dem Titel „Dashboard“,.
- Die Navigation (
Monat | Tag | Zeitraum | Jahr) in einer separaten Zeile darunter rechtsbüngig anordnen, sowie Die Datumsauswahl bzw. Zeiteinstellungen linksbündig.
Dadurch bleibt das Layout unabhängig von der gewählten Option Gleich, und verändert sich nicht.
Community