1. Finaler Titel
Die Übernutzung von Social Media am Campus Münchberg.
2. Repräsentatives Bild
3. Kurzbeschreibung
Social Media ist aus unserem Alltag kaum noch wegzudenken. Viele nutzen es täglich, um sich über Nachrichten von Freunden und Familie zu informieren oder sich eine Auszeit zu nehmen. Es gibt viele Gründe, Social Media zu nutzen. Doch der Konsum ist oft so intensiv, dass unsere Bildschirmzeiten zu hoch sind und wir uns zu sehr mit sinnlosem Inhalt beschäftigen. Stunden auf diversen Plattformen zu verbringen, kann kostbare Zeit verschwenden, insbesondere bei jungen Erwachsenen, Teenagern und Jugendlichen.
In meinem Projekt habe ich mich, wie der Titel verrät, mit der Übernutzung von Social-Media-Plattformen unter Studierenden am Campus Münchberg beschäftigt. Ich sammelte verschiedene Daten zur Nutzung und stellte diese in Infografiken dar. Diese wurden im Rahmen einer optischen Nachahmung eines Smartphones präsentiert. Ich nutzte das User Interface von iOS und gestaltete das Erscheinungsbild verschiedener Social-Media-Apps sowie anderer Apps wie der Health- oder Wetter-App, um ein einheitliches Smartphone-Design zu erzeugen. Auf diese Weise ahmte ich ein großes Smartphone nach und integrierte meine Infografiken direkt in die Apps, um Besucher*innen über die Übernutzung von Social Media zu informieren und zu warnen.
4. Filmische Dokumentation des Projekts
Präsentationsvideo final:
Präsentationsvideo Werkschau:
5. Bilder der Umsetzung / Anwendung / Ausstellung
6. Pitch Deck
7. Userjourney / Userflow
8. Links zu Quellcode und Prototypen
Figma-Prototyp Link:
Figma-File Link:
_____________________
Designprozess:
KW 15: Themensammlung/Recherche
KW 16: Brainstorming/Mindmap für Themenwahl
KW 17: Mediale Umsetzungsmöglichkeiten
KW 18: Konkrete Umsetzungsideen
Interaktive Wandkarte MockUp
KW 19: Weiterführende Konkretisierung
KW 21: Pitch Deck
KW 22: Umfrage
Link zur Umfrage:
https://forms.gle/yJsYVyxa6yB285NY8
Screenshots der Bildschirmzeit (Umfrage 2.0)
Um konkrete Daten zu sammeln, sind Leonie und ich in die Vorlesungen des zweiten und vierten Semesters gegangen und haben die Studierenden gebeten, an unserer Umfrage teilzunehmen. Zusätzlich bat ich darum, anonym Screenshots ihrer Bildschirmzeit hochzuladen. Dies war äußerst erfolgreich!
Link zum Miro-Board:
https://miro.com/app/board/uXjVKF0x9H4=/?share_link_id=484582707041
KW 23: Die ersten Wireframes
Die Gestaltung der ersten Wireframes, angepasst an die Bildschirm-Größe des Iyyama 32 Zoll Touch-Bildschirms.
Infografiken in Flourish
Für die Gestaltung meiner Infografiken habe ich Flourish genutzt. Die Daten aus den Umfragen wurden in Flourish übertragen und angepasst. Da die Animationen von Flourish nicht direkt in Figma genutzt werden konnten, habe ich sie dennoch verwendet, indem ich sie in Figma nachgebaut und animiert habe.
Skizzen zum Smartphone-Rahmen
Um einen Rahmen für den Bildschirm zu bauen und eine Smartphone-Optik zu erzeugen, habe ich zunächst den Bildschirm abgemessen und einige Skizzen angefertigt, um mögliche Lösungen zu visualisieren.
Smartphone-Rahmen: Ideen umgesetzt in 3D
Erste Ideen, wie ich aus Holzplatten einen Ständer oder Rahmen für den Bildschirm bauen könnte, beinhalteten zunächst die Nutzung einer CNC-Fräse. Im Laufe des Prozesses habe ich diesen Ansatz jedoch geändert.
Link zu Spline:
https://app.spline.design/file/81e4c5f3-e9e1-4bb4-9679-2ffd1f80e863
Mentimeter für die Live-Umfrage
Zusätzlich hatte ich die Idee, eine Live-Umfrage neben der Ausstellung des Projekts durchzuführen. Nach einigen Recherchen stieß ich auf Mentimeter, eine Plattform, auf der man Live-Umfragen und -Infografiken erstellen kann. Diese Idee wurde jedoch im Laufe des Prozesses verworfen, da der Fokus auf dem eigentlichen Ausstellungsobjekt, der Smartphone-Nachahmung, liegen sollte.
KW 24: Figma Anima Plugin
In der darauffolgenden Woche habe ich mich damit beschäftigt, wie ich die in Flourish erstellten Grafiken in meine Figma Wireframes einbinden kann. Dazu habe ich ein Plugin in Figma gefunden und mir die Tutorials dazu angeschaut. Es ist mir auch gelungen den Code von Flourish einzubetten, jedoch war mir nicht klar, wie ich den Prototypen abspielen bzw. aufrufen soll, wenn ich ihn dann auf dem Bildschirm spiegeln möchte. Ich habe dann aber eine andere Lösung gefunden und die Grafiken innerhalb von Figma animiert. Dabei habe ich mich jedoch an den Grafiken von Flourish orientiert und meine Umfragedaten dorthin übertragen.
KW 25: CNC-Fräse Versuch
Beim Versuch, die CNC-Fräse zum Schneiden der Holzplatten für den Smartphone-Rahmen zu benutzen, stellten Celina und ich fest, dass die Platte zu groß war und zuerst geteilt werden musste. Nachdem wir sie in der Mitte durchgesägt hatten und mit dem Fräsen begannen, verschob sich die Platte aufgrund mangelhafter Befestigung. Daher musste ich eine alternative Lösung finden.
KW 26: 3D-Druck Rahmen
Nachdem die Idee mit der CNC-Fräse nicht geklappt hatte, kam ich durch die Hilfe meines Professors auf die Idee, den Rahmen im Makerspace in Hof 3D zu drucken. Ich maß den Bildschirm ab und bereitete eine STL-Datei für den Druck vor. Mein Professor half mir dabei, Halterungen an die 3D-Datei des Rahmens anzubringen.
KW 27: Aufbau Halterung
Die Halterung für den Bildschirm hatte ich herausgesucht und mein Professor bestellte sie über Amazon. Mit Hilfe von Kommilitonen baute ich die Halterung auf und befestigte den Bildschirm daran, nachdem der benötigte VESA-Adapter eingetroffen war.
KW 28: Wireframes final
Im Laufe des Prozesses habe ich immer wieder verschiedene Social-Media-Plattformen und andere Apps, wie z.B. die Health App nachgebaut und angepasst. Zudem habe ich die Infografiken nachgebaut und animiert. Einen vollständigen Überblick darüber findet man unter folgendem Figma-Link:
