[UI/UX] - Storyelement UI überarbeiten

[splican]

User Story

Nutzende möchten eine auf die Endgeräte angepasste UI, die sich intuitiv bedienen lässt.

Problemstellung

1. Das Storyelement passt sich in der Höhe, an den Inhalt an. Der Container wächst nach unten hin. Dadurch "verspringen die Buttons hin und wieder.
2. Durch den Fix des "Leere Storyslides" Bugs, ist es nun möglich das Storyelement mit Leerzeilen zu füllen und dadurch zu groß werden zu lassen.
3. Die Anordnung der Buttons, wenn alle Buttons angezeigt werden (Pfeile, "Danke und mach's gut", Intro/Outro) ist nicht intuitiv.

Lösungsansatz

1. Position des Buttons fest, innerhalb einer festen Größe des Containers, Container scrollend (angepasst auf Maximallänge der Slides, sodass es nur in Edge Cases scrollen muss.
2. Problem erledigt sich mit Erledigung von 1.
3. Intro/Outro Auswahl nach links, Pfeile in die Mitte, Danke und mach's gut nach rechts.

Akzeptanzkriterien

• Button Position im Container ist fix
• Containergröße ist ermittelt
• Containergröße ist fest bzw. "wächst nach oben" (angepasst an Desktop und Mobil)
• Container scrollt in Y
• Button Anordnung ist angepasst

Definition of Ready

• User Story ist klein genug für Sprint
• User Story ist für jeden beteiligten Entwickler/Designer klar verständlich
• User Story Aufwand ist geschätzt
• User Story hat Akzeptanzkriterien
• Stakeholder, die Task blockieren können, ermittlelt und ggf. informiert

Definition of Done

• Requirements sind erstellt/angepasst und auf Writerside dokumentiert
• Alle Akzeptanzkriterien sind erfüllt
• Die Implementierung ist gepusht
• Eine Code Review wurde durchgeführt (oder in Paired Programming gearbeitet)
• Unittests sind erstellt
• Alle Tests müssen bestanden sein
• Benutzerdokumentation wurde angelegt oder angepasst (Writerside)
• Changelog des jeweiligen Release wurde aktualisiert
• Es gibt keine bekannten Bugs oder für Bug wurde Issue erstellt
• Die Realisierung der User Story wurde erfolgreich durch den Product Owner abgenommen
• [Optional] Dokumentation des Vorgehens oder externer Quellen wurde angelegt (Zenhub Kommentar)
• [Optional] UML Aktivitätsdiagramm wurde erstellt bzw. aktualisiert