WahlKompass

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

PDF

7. Umfrage/Experteninterviews

8. Personas

9. User Stories

10. User Journeys

11. Vollständige Funktionsbeschreibung

Funktionsbeschreibung auch auf dem FigJam-Board:

https://www.figma.com/file/YjAXpg8Wmjojggdzy4qSxX/Prozess-Wahl-App?type=whiteboard&node-id=0%3A1&t=fqXDr7ENASL21QAM-1

12. Funktionsbewertung

13. Wireframes

14. Click-through/Prototyping

Click-through durch die Wireframes:

https://www.figma.com/proto/tk9Njzrde12S56IFlYt1pt/Wahl-App?page-id=0%3A1&type=design&node-id=2-3&viewport=-11380%2C270%2C0.87&t=owSHdwefAjXo5B6O-1&scaling=scale-down&starting-point-node-id=2%3A3&mode=design

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

https://www.figma.com/proto/tk9Njzrde12S56IFlYt1pt/Wahl-App?page-id=2221%3A184315&node-id=2221-184345&viewport=454%2C315%2C0.03&t=xtBr3EuJzRVLEMAw-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=2221%3A186933

App Light Mode

https://www.figma.com/proto/tk9Njzrde12S56IFlYt1pt/Wahl-App?page-id=2221%3A213999&node-id=2221-214029&viewport=1416%2C947%2C0.14&t=1z1mZKz4Q0jhxtJL-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=2221%3A214029

Desktop Version

https://www.figma.com/proto/tk9Njzrde12S56IFlYt1pt/Wahl-App?page-id=2221%3A243670&node-id=2221-243758&viewport=526%2C347%2C0.04&t=g7bdvdUaoOGccX6b-1&scaling=scale-down&content-scaling=fixed

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.