21stdigital / 21st.digital

Revamping the 21st digital website to offer an enhanced user experience with a fresh, modern design, utilizing the latest in web technologies for superior performance and accessibility.
https://21st.digital
0 stars 0 forks source link

Development of a Website Prototype to Test Mobile UX Concept Usability and Information Density #25

Open RobocopKlaus opened 1 month ago

RobocopKlaus commented 1 month ago

Problem

[!NOTE] Welches Problem soll behoben werden? Warum genau brauchen wir eine Lösung?

Es gibt Unsicherheiten darüber, wie gut das neue UX-Konzept auf Mobilgeräten funktioniert und ob die Informationsdichte von den Nutzern als angenehm empfunden wird. Ohne eine praktische Validierung könnten Designfehler in die endgültige Implementierung übernommen werden, was die Benutzererfahrung beeinträchtigen würde.

User Story

[!NOTE] Beschreibt aus Sicht des Users wie genau diese Lösung genutzt wird

Als UX-Designer möchte ich einen funktionsfähigen Prototyp des neuen UX-Konzepts auf einer Website testen, um sicherzustellen, dass das Design auf Mobilgeräten gut funktioniert und die Informationsdichte für den Nutzer angenehm ist, bevor wir mit der endgültigen Entwicklung beginnen.

Vorhaben

[!NOTE] Was genau haben wir mit diesem Ticket vor?

Entwicklung eines interaktiven Prototyps der geplanten Website, der speziell auf Mobilgeräte ausgerichtet ist. Dieser Prototyp soll das UX-Konzept in einer kontrollierten Umgebung testen, um Feedback zur Benutzerfreundlichkeit und zur Informationsverarbeitung der Nutzer zu sammeln. Der Prototyp wird zentrale Funktionen und Inhalte integrieren, um eine realistische Nutzungssituation zu simulieren.

Abgrenzung

[!NOTE] Zeigt potenzielle "Don’t dos" auf und grenzt die Aufgabe von anderen ab.

Die Story konzentriert sich auf die Erstellung eines Prototyps und die Bewertung der Benutzererfahrung sowie der Informationsdichte. Die Entwicklung weiterführender Features oder anderer Plattformversionen ist nicht Teil dieser Story.

Akzeptanzkriterien

[!NOTE] Was genau muss erfüllt sein, dass dieses Ticket als fertig angesehen werden kann. Akzeptanzkriterien müssen überprüfbar sein. Sie sollten auf das "Was" und nicht das "Wie" abzielen.

JimSeven commented 1 month ago

Wireframe Variante 1

wireframe.pdf

Wireframe Variante 2

Desktop: wireframe-v2-desktop .pdf

Mobile: wireframe-v2-mobile.pdf

Hier ist der Link zum Sketch File