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

Regelrecht

1 I Arbeitstitel

Regelrecht - Wissen. Schützen. Durchsetzen.

2 I Grundideen

IDEE 8.pngIDEE 8.png
IDEE 1 Scribble.pngIDEE 1 Scribble.png
IDEE 9.pngIDEE 9.png
IDEE 3 Scribble.pngIDEE 3 Scribble.png
IDEE 2 Scribble.pngIDEE 2 Scribble.png
IDEE 10.pngIDEE 10.png
IDEE 2.pngIDEE 2.png
IDEE 5.pngIDEE 5.png

Scribble von Idee 1 weitergeführt:

Bildschirmfoto 2024-04-10 um 16.15.56.pngBildschirmfoto 2024-04-10 um 16.15.56.png

3 I Kurzbeschreibung Projekt

Die Grundrechte bilden das Fundament der Demokratie in Deutschland und garantieren unsere Freiheit. In der App »Regelrecht« können Nutzer*innen mehr über ihre Grundrechte erfahren und Unterstützung bei deren Verletzung erhalten. Die App hilft, die Erfolgsaussichten eines Rechtsanspruchs abzuschätzen und bietet KI-Prompts für zusätzliche Unterstützung. Außerdem stellt sie Ressourcen für den Erstkontakt bei Rechtsverletzungen bereit. Nutzer*innen können sich in der Community über rechtliche Themen austauschen und sich gegenseitig helfen. Eine begleitende Website erklärt die Funktionen der App im Detail.

4 I Zielformulierung (what, how, why?)

WHAT, HOW, WHY (5).pngWHAT, HOW, WHY (5).png

5 I Eingrenzung der Zielgruppe, Sinus-Milieu

SINUS-MILIEU.pngSINUS-MILIEU.png
WERTEMODELL NACH SCHWARTZ.pngWERTEMODELL NACH SCHWARTZ.png
WERTEMODELL NACH SCHWARTZ AUSGESCHRIEBEN.pngWERTEMODELL NACH SCHWARTZ AUSGESCHRIEBEN.png

6 I Recherche, Inhalte, Daten & Quellen

grundrechte.pnggrundrechte.png

7 I Experteninterviews

Das Experteninterview mit Rechtsanwalt Chan-Jo Jun hat mir während meiner Recherche-Phase sehr geholfen. Dank dieses Interviews konnten wir anhand einer User Story einen User Flow für den Fragenkatalog innerhalb der App erstellen. Zusätzlich brachte Herr Jun die Idee ein, eine zusätzliche Funktion mit KI-generierten Prompts zu integrieren, die ich ebenfalls aufgenommen habe.

Experteninterview Anfrage:

Experteninterview_Grundrechte_AhsenAydemir (2).pdf PDF Experteninterview_Grundrechte_AhsenAydemir (2).pdf

Experteninterview Auswertung:

Experteninterview_Auswertung.pdf PDF Experteninterview_Auswertung.pdf

8 I Personas

PERSONAS.pngPERSONAS.png

PERSONAS-1.pngPERSONAS-1.png

9 I User Stories & User Journeys

USER_STORIES_Jonas.pngUSER_STORIES_Jonas.png
Bildschirmfoto 2024-07-21 um 14.44.32.pngBildschirmfoto 2024-07-21 um 14.44.32.png

USER_STORIES_Roland.pngUSER_STORIES_Roland.png
Bildschirmfoto 2024-07-21 um 14.44.44.pngBildschirmfoto 2024-07-21 um 14.44.44.png

10 I Vollständige Funktionsbeschreibung

Die Funktionsbeschreibung ist auch unter folgendem Figma-Link auf der Seite »Verlauf« zu finden: 

https://www.figma.com/design/m3IlK3d2faUS73c8EvWU5Q/UX%2FStorytelling---Demokratie?node-id=69-186&t=mYe3fqqdWitwYxGI-1

FUNKTIONSBESCHREIBUNG (2).pngFUNKTIONSBESCHREIBUNG (2).png

11 I Wireframes

Wireframes_Regelrecht2.pngWireframes_Regelrecht2.png
Bildschirmfoto 2024-07-21 um 15.19.58.pngBildschirmfoto 2024-07-21 um 15.19.58.png
Bildschirmfoto 2024-07-21 um 15.20.12.pngBildschirmfoto 2024-07-21 um 15.20.12.png
Bildschirmfoto 2024-07-21 um 15.21.08.pngBildschirmfoto 2024-07-21 um 15.21.08.png
Bildschirmfoto 2024-07-21 um 15.20.36.pngBildschirmfoto 2024-07-21 um 15.20.36.png

12 I Click-Through / Prototyping

13 I Usability Fragebogen / Testing / Korrektur

Im Laufe des Seminars habe ich regelmäßig mit meinen Kommiliton*innen über die Usability und Funktionen meines Wireframe-Prototyps diskutiert und ihre Rückmeldungen berücksichtigt.

Einige hiervon waren beispielsweise:

- Die Anordnung der Ordner-Struktur

- Grundrechte-Reiter als Dashboard

- Größere Flächen für die Interaktionselemente, wie z.B. Icons

- Anpassung der Strichstärke 

etc.

Die erhaltenen Kommentare und Empfehlungen waren äußerst hilfreich für mich. Allerdings wurde dadurch auch deutlich, dass es aus zeitlichen Gründen und im Hinblick auf die ergänzende Website nicht möglich ist, alles mit aufzunehmen.

14 I Moodboards

Moodboard 1.pngMoodboard 1.png
Moodboard 4.pngMoodboard 4.png
Moodboard 2.pngMoodboard 2.png
Moodboard 3.pngMoodboard 3.png

15 I Designvarianten

Designvarianten App:

Bildschirmfoto 2024-07-21 um 16.17.59.pngBildschirmfoto 2024-07-21 um 16.17.59.png
Bildschirmfoto 2024-07-21 um 16.23.48.pngBildschirmfoto 2024-07-21 um 16.23.48.png
Bildschirmfoto 2024-07-21 um 16.23.29.pngBildschirmfoto 2024-07-21 um 16.23.29.png
Bildschirmfoto 2024-07-21 um 16.23.40.pngBildschirmfoto 2024-07-21 um 16.23.40.png

Designvarianten Website:

Bildschirmfoto 2024-07-22 um 00.03.47.pngBildschirmfoto 2024-07-22 um 00.03.47.png
Bildschirmfoto 2024-07-22 um 00.04.01.pngBildschirmfoto 2024-07-22 um 00.04.01.png
Bildschirmfoto 2024-07-22 um 00.04.07.pngBildschirmfoto 2024-07-22 um 00.04.07.png
Bildschirmfoto 2024-07-22 um 00.04.25.pngBildschirmfoto 2024-07-22 um 00.04.25.png

16 I Finales Design

13.png13.png

32.png32.png

17 I Prototyping / Link Figma

Zum Laden der Einstiegsanimationen, einfach auf »R« klicken :)

18 I Styleguide

Styleguide_Regelrecht_AhsenAydemir_KD6.pdf PDF Styleguide_Regelrecht_AhsenAydemir_KD6.pdf

19 I Screencast

Screencast App:

Screencast Website:

20 I Präsentationsvideo

21 I Ausstellung

WhatsApp Image 2024-07-21 at 18.39.17 (1).jpegWhatsApp Image 2024-07-21 at 18.39.17 (1).jpeg
WhatsApp Image 2024-07-21 at 18.39.17.jpegWhatsApp Image 2024-07-21 at 18.39.17.jpeg
WhatsApp Image 2024-07-21 at 18.39.00.jpegWhatsApp Image 2024-07-21 at 18.39.00.jpeg

Plakat

FAV_5 (3).pngFAV_5 (3).png

3D-Druck

_MG_8474.JPG_MG_8474.JPG
WhatsApp Image 2024-07-21 at 18.55.01.jpegWhatsApp Image 2024-07-21 at 18.55.01.jpeg
WhatsApp Image 2024-07-21 at 18.41.58 (1).jpegWhatsApp Image 2024-07-21 at 18.41.58 (1).jpeg
WhatsApp Image 2024-07-21 at 18.41.58 (5).jpegWhatsApp Image 2024-07-21 at 18.41.58 (5).jpeg

Flyer

_MG_8471.JPG_MG_8471.JPG
_MG_8462.JPG_MG_8462.JPG
_MG_8468.JPG_MG_8468.JPG

Sticker

Bildschirmfoto 2024-07-21 um 23.45.02.pngBildschirmfoto 2024-07-21 um 23.45.02.png
Bildschirmfoto 2024-07-21 um 23.45.16.pngBildschirmfoto 2024-07-21 um 23.45.16.png

Zwischenpräsentation

UX_Storytelling - Demokratie (8).pdf PDF UX_Storytelling - Demokratie (8).pdf

Abschlusspräsentation

UX_Storytelling - Demokratie (9).pdf PDF UX_Storytelling - Demokratie (9).pdf

Impulsvortrag

UX_Storytelling - Demokratie.pdf PDF UX_Storytelling - Demokratie.pdf

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

UX- und Storytelling (KD6)

Entstehungszeitraum

Sommersemester 2024