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

Gesundheit weltweit

1) Impulsvortrag - Gesundheit weltweit

Gesundheit weltweit.pdf PDF Gesundheit weltweit.pdf

2) Umsetzungsideen

UX_Storytelling - Gesundheitswesen - Idee 1 - Webstory.jpgUX_Storytelling - Gesundheitswesen - Idee 1 - Webstory.jpg

UX_Storytelling - Gesundheitswesen - Idee 2 - Kampagne.jpgUX_Storytelling - Gesundheitswesen - Idee 2 - Kampagne.jpg

UX_Storytelling - Gesundheitswesen - Idee 3 - App.jpgUX_Storytelling - Gesundheitswesen - Idee 3 - App.jpg

3) Ausarbeitung Idee 3

UX_Storytelling - Gesundheit weltweit - App - Gesundheit weltweit.jpgUX_Storytelling - Gesundheit weltweit - App - Gesundheit weltweit.jpg

4) Why How What

Erste Version

UX_Storytelling - Gesundheit weltweit - Rahmen 1.jpgUX_Storytelling - Gesundheit weltweit - Rahmen 1.jpg

Gekürzte Version

UX_Storytelling - Gesundheit weltweit - Rahmen 2.jpgUX_Storytelling - Gesundheit weltweit - Rahmen 2.jpg

5) Zielgruppenanalyse

Erste Version (Zielgruppe nach starkem Interesse)

UX_Storytelling - Gesundheit weltweit - Rahmen 3.jpgUX_Storytelling - Gesundheit weltweit - Rahmen 3.jpg

Zielgruppe nach weniger Interesse am Thema

UX_Storytelling - Gesundheit weltweit - Rahmen 4.jpgUX_Storytelling - Gesundheit weltweit - Rahmen 4.jpg

Finale Zielgruppe

UX_Storytelling - Gesundheit weltweit - Rahmen 5.jpgUX_Storytelling - Gesundheit weltweit - Rahmen 5.jpg

6) Sitemap

UX_Storytelling - Gesundheit weltweit - Sitemap (2).jpgUX_Storytelling - Gesundheit weltweit - Sitemap (2).jpg

7) Personas

UX_Storytelling - Gesundheit weltweit - Persona 1 - Eric (2).jpgUX_Storytelling - Gesundheit weltweit - Persona 1 - Eric (2).jpg
UX_Storytelling - Gesundheit weltweit - Persona 2 - Emma (2).jpgUX_Storytelling - Gesundheit weltweit - Persona 2 - Emma (2).jpg

8) User Stories

Erste Version

UX_Storytelling - Gesundheit weltweit - User Story Eric 1.jpgUX_Storytelling - Gesundheit weltweit - User Story Eric 1.jpg
UX_Storytelling - Gesundheit weltweit - User Story Eric 2.jpgUX_Storytelling - Gesundheit weltweit - User Story Eric 2.jpg
UX_Storytelling - Gesundheit weltweit - User Story Emma 1.jpgUX_Storytelling - Gesundheit weltweit - User Story Emma 1.jpg
UX_Storytelling - Gesundheit weltweit - User Story Emma 2.jpgUX_Storytelling - Gesundheit weltweit - User Story Emma 2.jpg

Überarbeitete Version

UX_Storytelling - Gesundheit weltweit - User Story Eric 3.jpgUX_Storytelling - Gesundheit weltweit - User Story Eric 3.jpg
UX_Storytelling - Gesundheit weltweit - User Story Eric 4.jpgUX_Storytelling - Gesundheit weltweit - User Story Eric 4.jpg
UX_Storytelling - Gesundheit weltweit - User Story Emma 3.jpgUX_Storytelling - Gesundheit weltweit - User Story Emma 3.jpg
UX_Storytelling - Gesundheit weltweit - User Story Emma 4.jpgUX_Storytelling - Gesundheit weltweit - User Story Emma 4.jpg

9) User Journeys

UX_Storytelling - Gesundheit weltweit - User Journey Eric (1).jpgUX_Storytelling - Gesundheit weltweit - User Journey Eric (1).jpg
UX_Storytelling - Gesundheit weltweit - Kopie von User Journey Emma (2).jpgUX_Storytelling - Gesundheit weltweit - Kopie von User Journey Emma (2).jpg

10) Funktionsbewertung

UX_Storytelling - Gesundheit weltweit - Funktionsbewertung (1).jpgUX_Storytelling - Gesundheit weltweit - Funktionsbewertung (1).jpg

11) Benötigte Merkmale des Designs

UX_Storytelling - Gesundheit weltweit - Rahmen 6.jpgUX_Storytelling - Gesundheit weltweit - Rahmen 6.jpg

12) Moodboards

1. Moodboard:

Beim ersten Moodboard habe ich mit geometrischen Formen gearbeitet, da man dadurch mit starken Vereinfachungen arbeiten könnte. Das dient auch der von mir definierten Zielgruppe, die zwar wissenschaftlich fundierte Informationen, aber diese auch verständlich aufbereitet haben möchte.

UX_Storytelling - Gesundheit weltweit - Moodboard 1 (2).jpgUX_Storytelling - Gesundheit weltweit - Moodboard 1 (2).jpg

2. Moodboard:

Das zweite Moodboard baut etwas auf das erste Moodboard auf, weil es auch mit geometrischen bzw. flächigen Formen arbeitet, aber hier in Kombination mit Fotos/detaillierten Illustrationen. Besonders schlüssig fand ich das in Bezug auf die Graphn/Statistiken (wie im Bild unten in der Mitte zu sehen), da man hier wieder eher komplexere Inhalte verständlicher visualisieren könnte. Außerdem hätte man dadurch eine Kombination von Emotion (weil z.B. Fotos natürlich besonders authentisch sein können) und Information.

UX_Storytelling - Gesundheit weltweit - Moodboard 2 (1).jpgUX_Storytelling - Gesundheit weltweit - Moodboard 2 (1).jpg

3. Moodboard:

Im dritten Moodboard habe ich mich für geschwungene Linien mit einer scheinbaren Dreidimensionalität entschieden, ähnlich wie bei Topografiekarten, die nicht nur als Gestaltungselement gut funktionieren, sondern natürlich auch einen inhaltlichen Bezug haben.

UX_Storytelling - Gesundheit weltweit - Moodboard 3 (1).jpgUX_Storytelling - Gesundheit weltweit - Moodboard 3 (1).jpg

4. Moodboard:

Beim letzten Moodboard habe ich ein eher dunkleres Design mit Lichteffekten gewählt. Durch diese Lichteffekte kann einerseits der Fokus gelenkt werden und sinnbildlich „Licht ins Dunkel“ gebracht werden. Dies lässt sich natürlich auch gut auf eine Karte übertragen, da durch das Licht die Gesundheit der Länder angezeigt werden kann.

UX_Storytelling - Gesundheit weltweit - Moodboard 4 (2).jpgUX_Storytelling - Gesundheit weltweit - Moodboard 4 (2).jpg

13) Recherche

Herausfinden eines geeigneten Gesundheits-Index

UX_Storytelling - Gesundheit weltweit - Rahmen 7.jpgUX_Storytelling - Gesundheit weltweit - Rahmen 7.jpg

Entscheidung, welche Daten der OECD aufgenommen werden

UX_Storytelling - Gesundheit weltweit - Rahmen 8.jpgUX_Storytelling - Gesundheit weltweit - Rahmen 8.jpg

Auswertung der OECD-Daten

Bildschirmfoto 2025-07-16 um 22.17.36.pngBildschirmfoto 2025-07-16 um 22.17.36.png

14) Wireframes

Erste Version

Wireframe_Startseite_1.pngWireframe_Startseite_1.png
Wireframe_Startseite_2.pngWireframe_Startseite_2.png
Wirframe_Tippsseite_1.pngWirframe_Tippsseite_1.png
Wirframe_Einzelner_Tipp_1.pngWirframe_Einzelner_Tipp_1.png
Wirframe_Einzelner_Tipp_2.pngWirframe_Einzelner_Tipp_2.png
Wirframe_Länderübersicht_Karte_1.pngWirframe_Länderübersicht_Karte_1.png
Wirframe_Länderübersicht_Liste_1.pngWirframe_Länderübersicht_Liste_1.png
Wirframe_Länderübersicht_Liste_2.pngWirframe_Länderübersicht_Liste_2.png
Wirframe_Länderübersicht_Liste_3.pngWirframe_Länderübersicht_Liste_3.png
Wirframe_Land_1.pngWirframe_Land_1.png
Wirframe_Profilerstellung_1.pngWirframe_Profilerstellung_1.png
Wirframe_Profilerstellung_2.pngWirframe_Profilerstellung_2.png
Wirframe_Personalisierte_Tipps_1.pngWirframe_Personalisierte_Tipps_1.png

Finale Wireframes

Wireframe_Startseite_3.pngWireframe_Startseite_3.png
Wirframe_Tippsseite_2.pngWirframe_Tippsseite_2.png
Wirframe_Einzelner_Tipp_4.pngWirframe_Einzelner_Tipp_4.png
Wirframe_Länderübersicht_Liste_4.pngWirframe_Länderübersicht_Liste_4.png
Wirframe_Land_2.pngWirframe_Land_2.png
Wirframe_Profilerstellung_3.pngWirframe_Profilerstellung_3.png
Wirframe_Profilerstellung_4.pngWirframe_Profilerstellung_4.png
Wirframe_Profilerstellung_5.pngWirframe_Profilerstellung_5.png
Wirframe_Profilerstellung_6.pngWirframe_Profilerstellung_6.png
Wirframe_Profilerstellung_7.pngWirframe_Profilerstellung_7.png
Wirframe_Personalisierte_Tipps_2.pngWirframe_Personalisierte_Tipps_2.png
Wirframe_Personalisierungsdaten_1.pngWirframe_Personalisierungsdaten_1.png

15) Zwischenpräsentation

Zwischenpräsentation_Gesundheit_weltweit.pdf PDF Zwischenpräsentation_Gesundheit_weltweit.pdf

16) Designvarianten

1. Anhand von Moodboard 1

Designvariante_1_1.pngDesignvariante_1_1.png
Designvariante_1_2.pngDesignvariante_1_2.png
Designvariante_1_3.pngDesignvariante_1_3.png

2. Anhand von Moodboard 3

Designvariante_2_1.pngDesignvariante_2_1.png
Designvariante_2_2.pngDesignvariante_2_2.png
Designvariante_2_3.pngDesignvariante_2_3.png
Designvariante_2_4.pngDesignvariante_2_4.png

3. Anhand von Moodboard 4

Designvariante_3_1.pngDesignvariante_3_1.png
Designvariante_3_2.pngDesignvariante_3_2.png
Designvariante_3_4.pngDesignvariante_3_4.png
Designvariante_3_3.pngDesignvariante_3_3.png

17) Finales Design

Finales_Design_Startseite.pngFinales_Design_Startseite.png
Finales_Design_Länderübersicht.pngFinales_Design_Länderübersicht.png
Finales_Design_Israel.pngFinales_Design_Israel.png
Finales_Design_Waldbaden.pngFinales_Design_Waldbaden.png
Finales_Design_Tipps.pngFinales_Design_Tipps.png
Finales_Design_Profilerstellungen.pngFinales_Design_Profilerstellungen.png
Finales_Design_Prsonalisierungsdaten.pngFinales_Design_Prsonalisierungsdaten.png
Finales_Design_Gesundheitsprofil.pngFinales_Design_Gesundheitsprofil.png

18) Abschlusspräsentation

Abschlusspräsentation_Gesundheit_weltweit.pdf PDF Abschlusspräsentation_Gesundheit_weltweit.pdf

19) Mockups

Mockup_1.jpgMockup_1.jpg
Mockup_3.jpgMockup_3.jpg
Mockup_2.jpgMockup_2.jpg
Mockup_4.jpgMockup_4.jpg

20) Link zur Seite

21) Screencast

22) Präsentationsvideo

Ein Projekt von

Fachgruppe

Sonstiges

Art des Projekts

Keine Angabe

Zugehöriger Workspace

UX- und Storytelling (KD6)

Entstehungszeitraum

Sommersemester 2025