01. Arbeitstitel
Kleine Ursache. Große Wirkung.
Der Schmetterlingseffekt zwischen Wissenschaft und Lebensgeschichten
02. Kurzbeschreibung
Das Designprojekt thematisiert den Schmetterlingseffekt und zeigt ihn sowohl aus wissenschaftlicher als auch aus emotionaler Perspektive. In einer interaktiven Webseite werden die theoretischen Grundlagen und die Entstehung des Effekts erklärt und durch persönliche Erzählungen ergänzt. So wird sichtbar, wie kleine Entscheidungen im Alltag große Auswirkungen haben können.
03. Projektmanagement
04. Zielformulierung WHY HOW WHAT
05. Recherche, Inhalte, Daten, Quellen
Umfrage
Zu Beginn des Projektes wurde eine Umfrage zum Schmetterlingseffekt durchgeführt. Due Umfrage lief vom 24. Oktober bis zum 08. November. Es wurde der Wissensstand zu der Thematik geprüft und wie sich Personen eine interaktive Webseite über den Effekt vorstellen würden. Insgesamt haben 40 Personen dran teilgenommen.
Link zu der Umfrage: https://forms.gle/xkAdvKVTUeK8kEUu9
Interviews
Um persönliche Geschichten von Menschen erzählen zu können wurden Interviews geführt. Mir war es wichtig, dass ich keine Erzählungen erfinde, sondern echte Geschehnisse auf meiner Webseite behandle.
Literaturrecherche
Für mein Projekt wurde eine tiefe Literaturrecherche durchgeführt. Hierbei habe ich mir die originalen Bücher, die den Effekt zum ersten mal behandelten angeschaut, sowie auch neue Literatur zu dem Themenbereich.
Referenzprojekt
Ich habe mir ein Referenzprojekt angeschaut, um abzustimmen und zu vergleichen, was mein Projekt für eine Richtung einschlagen könnte. Das Projekt https://durch-die-galaxie.webflow.io/ wurde als ein passendes Projekt gewählt. Ich habe die Wirkung dieser Arbeit analysiert, sowie persönlich bewertet.
06. Zielgruppenanalyse
Es wurde eine Zielgruppenanalyse durchgeführt, wodurch sich zwei zentrale Zielgruppen etablierten. Zusätzlich wurde das Sinus-Milieu genutzt, um zu schauen, welche Bürgergruppen bei meinem Projekt infrage kommen könnten.
07. Ansätze & Storylines
Im Verlauf des Projektes wurden verschiedene Ansätze, Storylines und Konzepte erstellt und verfolgt. Im Folgenden ist der Ansatz, der umgesetzt wurde, zu sehen.
08. Moodboards
Zusätzlich zu den verschiedenen Ansätzen und Storylines wurden verschiedene, jeweils passende Moodboards erstellt. Die relevantesten von diesen wurden ausgewählt und sind unten zu sehen.
09. Wireframes
Für die Wireframes wurden Module von anderen Webseiten abgeleitet und danach unterschiedlich und an den Inhalt angepasst zusammengesetzt.
Folgende Webseiten wurden unter anderem als Inspiration genutzt:
10. Designvarianten
11. Finales Design
12. Prototyp in Figma
13. Testing
Es wurden vereinzelt kleine Testings durchgeführt, um zu schauen, wie die Webseite von anderen Menschen wahrgenommen wird. Ich bat die Testpersonen Auffälligkeiten, Unklarheiten und gestalterische Schwächen zu nennen.
- Das Menü wurde als nicht eindeutig erkennbar wahrgenommen, somit gestaltete ich es zu einer klaren, direkt sichtbaren Navigation um
- Die verwendete Schrift („JQKAs WILD“) erwies sich als schlecht lesbar, da sie ausschließlich Versalien besitzt -> Entscheidung für eine besser lesbare Alternative
- Die rote Hintergrundfarbe wurde als zu dominant empfunden -> Anpassung auf einen angenehmeren, akzeptierten Rotton
- Ich bekam außerdem eine Rückmeldung zur Struktur -> eine Startseite wurde als sinnvoll erachtet (mit Ergänzung eines einleitenden Textes zur Orientierung)
- Inhalte und visuelle Beispiele wurden überwiegend als verständlich und passend bewertet
- Hoher Theorieanteil wurde angemerkt, jedoch im Kontext des Themas akzeptiert
14. Finaler Prototyp in Webflow
Der finale Prototyp der Webseite ist über folgenden Link aufrufbar: https://der-schmetterlingseffekt.webflow.io/
15. Styleguide
Übersicht von allen Spielkarten:
16. Screencast
17. Präsentationsvideo
18. Ausstellungssituation
19. Thesis
------------------------
Exposé
Kick-off Präsentation
Bachelorpräsentation
