Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Hochschule Hof Kommunikationsdesign mehr erfahren

WahlKompass

1. Arbeitstitel

WahlKompass - Deine Entscheidungshilfe bei den Wahlen

2. Grundideen

Themenidee 1.pngThemenidee 1.png
Themenidee 1.2.pngThemenidee 1.2.png
Themenidee 1.1.pngThemenidee 1.1.png
Themenidee 1.3.pngThemenidee 1.3.png

Themenidee 2.pngThemenidee 2.png
Themenidee 2.2.pngThemenidee 2.2.png
Themenidee 2.1.pngThemenidee 2.1.png
Themenidee 2.3.pngThemenidee 2.3.png

Themenidee 3.pngThemenidee 3.png
Themenidee 3.1.pngThemenidee 3.1.png
Themenidee 3.2.pngThemenidee 3.2.png

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)

Zielformulierung - Why, How, What.pngZielformulierung - Why, How, What.png

5. Eingrenzung der Zielgruppe, Sinus-Milieu

Zielgruppe-1.pngZielgruppe-1.png

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

FW Wahlprogramm 2024.pdf PDF FW Wahlprogramm 2024.pdf
Sachsen Wahlprogramm 2024.pdf PDF Sachsen Wahlprogramm 2024.pdf
SPD Sachsen Kurzwahlprogramm 2024.pdf PDF SPD Sachsen Kurzwahlprogramm 2024.pdf
LTW 2024 Wahlprogramm.pdf PDF LTW 2024 Wahlprogramm.pdf

7. Umfrage/Experteninterviews

Umfrage-1.pngUmfrage-1.png
Umfrage-2.pngUmfrage-2.png
Umfrage.pngUmfrage.png
Umfrage-3.pngUmfrage-3.png
Umfrage-4.pngUmfrage-4.png
Umfrage-5.pngUmfrage-5.png
Umfrage-6.pngUmfrage-6.png
Umfrage-7.pngUmfrage-7.png
Umfrage-8.pngUmfrage-8.png
Umfrage-9.pngUmfrage-9.png

8. Personas

Persona-1.pngPersona-1.png
Persona-2.pngPersona-2.png
Persona-3.pngPersona-3.png

9. User Stories

User Story.pngUser Story.png
User Story-1.pngUser Story-1.png
User Story-2.pngUser Story-2.png

10. User Journeys

User Journey.pngUser Journey.png

11. Vollständige Funktionsbeschreibung

Funktionsbeschreibung.pngFunktionsbeschreibung.png

12. Funktionsbewertung

Funktionsbewertung.pngFunktionsbewertung.png

13. Wireframes

Section 3.pngSection 3.png
Section 2.pngSection 2.png
Section 1.pngSection 1.png
Section 4.pngSection 4.png
Section 6.pngSection 6.png
Section 5.pngSection 5.png
Section 7.pngSection 7.png

14. Click-through/Prototyping

Click-through.pngClick-through.png
Click-through-1.pngClick-through-1.png
Click-through-2.pngClick-through-2.png

15. Moodboard

Moodboards.pngMoodboards.png
Moodboards-1.pngMoodboards-1.png
Moodboards-2.pngMoodboards-2.png

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

Designvarianten.pngDesignvarianten.png
Designvarianten-1.pngDesignvarianten-1.png
Designvarianten-2.pngDesignvarianten-2.png
Designvarianten.pngDesignvarianten.png
Designvarianten-3.pngDesignvarianten-3.png

17. Finales Design

Finales Design.pngFinales Design.png
Logo.pngLogo.png

18. Prototyping/Link Figma, Webflow

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

Styleguide_WahlKompass.pdf PDF Styleguide_WahlKompass.pdf

21. Poster

Poster_Werkschau_LillyJoram.pdf PDF Poster_Werkschau_LillyJoram.pdf

22. Screencast

Screencast Mobile

Screencast Desktop

23. Präsentationsvideo

24. Ausstellung

IMG_4672.pngIMG_4672.png
IMG_4640.pngIMG_4640.png
IMG_4680.pngIMG_4680.png

_____________________

Impulsvortrag

Impulsvortrag_Frauenwahlrecht.pdf PDF Impulsvortrag_Frauenwahlrecht.pdf

Zwischenpräsentation

Zwischenpräsentation_WahlKompass.pdf PDF Zwischenpräsentation_WahlKompass.pdf

Abschlusspräsentation

Abschlusspräsentation_WahlKompass.pdf PDF Abschlusspräsentation_WahlKompass.pdf

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Betreuung

foto: Prof. Norbert Diedrich

Zugehöriger Workspace

UX- und Storytelling (KD6)

Entstehungszeitraum

Sommersemester 2024