1. Arbeitstitel
WahlKompass - Deine Entscheidungshilfe bei den Wahlen
2. Grundideen
3. Kurzbeschreibung Projekt
Der WahlKompass soll die Nutzer*innen dabei unterstützen fundierte Entscheidungen bei den bevorstehenden Wahlen zu treffen. Die App-Anwendung informiert in kurzer, einfacher, zusammengefasster Form über die Wahlprogramme der Parteien und deren Politiker*innen. Zusätzlich informiert die App über die aktuellen Wahlstatistiken und ermöglicht es mehrere Parteien miteinander anhand seiner eigenen Interessen zu vergleichen.
4. Zielformulierung (What, How, Why)
5. Eingrenzung der Zielgruppe, Sinus-Milieu
6. Recherche, Inhalte, Daten & Quellen
Für dieses Projekt habe ich meine Recherche zunächst in einem FigJam Board gesammelt:
https://www.figma.com/board/YjAXpg8Wmjojggdzy4qSxX/Prozess-Wahl-App?node-id=0-1&t=thHihm4A4PcjcMse-1
Später im Designprozess kam noch eine Figma-Site hinzu:
https://www.figma.com/design/tk9Njzrde12S56IFlYt1pt/Wahl-App?node-id=378-15530&t=I9YXtcjIdUGHWSxp-1
Für meine Texte und Informationen in der App habe ich mir die Informationen direkt aus den Wahlprogrammen gezogen.
Die aktuellsten Informationen zu den Sonntagsumfragen und den Statistiken habe ich von:
https://dawum.de/Sachsen/#Umfrageverlauf
7. Umfrage/Experteninterviews
8. Personas
9. User Stories
10. User Journeys
11. Vollständige Funktionsbeschreibung
Funktionsbeschreibung auch auf dem FigJam-Board:
12. Funktionsbewertung
13. Wireframes
14. Click-through/Prototyping
Click-through durch die Wireframes:
15. Moodboard
16. Designvarianten
Hier sind einiger der Designvarianten zu sehen. Weitere Designexperimente, gibt es auf Figma.
https://www.figma.com/design/tk9Njzrde12S56IFlYt1pt/Wahl-App?node-id=302-6242&t=I9YXtcjIdUGHWSxp-1
17. Finales Design
18. Prototyping/Link Figma, Webflow
App Dark Mode
App Light Mode
Desktop Version
19. Testing/Korrektur
Bei Tests innerhalb des Prototypen ist vermehrt aufgefallen, dass die Icons an noch nicht allen Stellen aussagekräftig sind und teilweise zu Verwirrungen führen, welche Funktion dahinter steckt.
Zudem wurde die Schriftgröße des Fließtexts als zu klein empfunden und der geringe Zeilenabstand kritisiert, was die Lesbarkeit beeinträchtigte.
Bei weiteren Tests wurde festgestellt, dass einige Buttons noch zu klein sind und daher nicht gut anklickbar sind.
20. Styleguide
21. Poster
22. Screencast
Screencast Mobile
Screencast Desktop
23. Präsentationsvideo
24. Ausstellung
