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

GlowSteps - Ein interaktiver LED-Schuh

Interactiondesign/Information Design KD3 WiSe 2024/25 Viktoria Schneider

Unser Projekt dreht sich um einen interaktiven LED-Schuh, der es dem Träger ermöglicht, Bewegungen in Echtzeit visuell darzustellen. Bewegungen wie Drehen, Stampfen oder Gehen werden erfasst und erzeugen dynamische Lichteffekte der LEDs.

Der Schuh nutzt den Adafruit Feather Scorpio, ein kompaktes Accelerometer, sowie einen flexiblen LED-Streifen mit Silikonmantel. Um die Hardware sicher und komfortabel zu integrieren, wurde ein maßgeschneidertes 3D-gedrucktes Gehäuse entwickelt, das die Technik am Schuh fixiert. Das System basiert auf einem effektiven Code, der Beschleunigung und Neigung des Fußes misst und in Lichtmuster umwandelt.

Das Besondere an unserem Projekt ist, dass es Bewegung und Licht auf eine neue Weise verbindet und eine neue Form der Interaktion schafft. Der Träger spürt seine Bewegung nicht nur, sondern kann sie auch visuell erleben und erhält eine einzigartige Rückmeldung. Dies eröffnet neue Möglichkeiten, Bewegung in Kunst, Tanz oder Alltag zu integrieren und dabei kreative, interaktive Erlebnisse zu schaffen.

Filmische Dokumentation

Bilder der Umsetzung

Screenshot 2025-02-07 150803.pngScreenshot 2025-02-07 150803.png
Screenshot 2025-02-07 150748.pngScreenshot 2025-02-07 150748.png
Screenshot 2025-02-07 151020.pngScreenshot 2025-02-07 151020.png
Screenshot 2025-02-07 150811.pngScreenshot 2025-02-07 150811.png
Hardware.jpgHardware.jpg
Screenshot 2025-02-07 150908.pngScreenshot 2025-02-07 150908.png
Screenshot 2025-02-07 150914.pngScreenshot 2025-02-07 150914.png
Cover_Photo-04.jpgCover_Photo-04.jpg
Cover_Photo-02.jpgCover_Photo-02.jpg
IMG_20250122_172514.jpgIMG_20250122_172514.jpg

Userflow

Userflow Interaktionen.pngUserflow Interaktionen.png

Link zu Quellcode

14 - Finalisierung

Storyboard Präsentationsvideo2.jpgStoryboard Präsentationsvideo2.jpg

13 - Case

Der Versuch, das board, das Accelerometer und den LED Streifen am Schuh zu befestigen, gestaltete sich schwierig, weil wir die Technik in die Sohle des Schuhs hätten legen müssen und dafür den Schuh aufschneiden müssten. Deshalb haben wir uns dazu entschieden, ein Case mit dem 3D-Drucker zu drucken, in das wir die Technik legen. Das Case soll oben am Schuh mit den Schnürsenkeln befestigt werden.

Skizze 3D Modell Case.jpgSkizze 3D Modell Case.jpg

12 - Prototyp Interaktionen

Aktuelle Herausforderungen:

Wie funktioniert die Z-Achse des Accelerometers? Können wir damit das Stampfen messen?

Wie bauen wir das Board + Kabel + Akku + Accelerometer in die Sohle ein?

Möglichkeit 1: Board in Sohle, Kabel innen bzw., außen am Schuh entlang führen, dafür müssen die Kabel flach am Board befestigt werden

Möglichkeit 2: Board unter Schnürsenkel verstecken, Kabel müssen nicht flach sein

Prototyp Skizze Befestigung am Schuht.jpgPrototyp Skizze Befestigung am Schuht.jpg

Prototyp Diffuser.jpgPrototyp Diffuser.jpg

Prototyp Interactions.gifPrototyp Interactions.gif

11 - Erste Entwürfe für Interaktionen

10 - Risiken und Unklarheiten

Wie können wir eine Interaktion auf Stampfen mappen?

Kann man den Drucksensor und das Accelerometer kombinieren?

Wie bauen wir das Accelerometer und den Akku in die Sohle des Schuhs?

9 - User Flow und Storyboard

Screenshot 2024-12-02 123525.pngScreenshot 2024-12-02 123525.png

8 - Explore and Define Pitch Deck

Pitch Deck (01).pngPitch Deck (01).png
Pitch Deck 2.pngPitch Deck 2.png
Pitch Deck (03).pngPitch Deck (03).png
Pitch Deck (06).pngPitch Deck (06).png
Pitch Dech 5.pngPitch Dech 5.png
Pitch Deck (04).pngPitch Deck (04).png
Pitch Deck 7.pngPitch Deck 7.png
Pitch Deck 8.pngPitch Deck 8.png

7 - Explore and Define Konkretisierung Projekt

Screenshot 2024-11-18 103827.pngScreenshot 2024-11-18 103827.png
Screenshot 2024-11-18 095441.pngScreenshot 2024-11-18 095441.png

6 - Discover Ideen Projekt

Screenshot 2024-11-11 125916.pngScreenshot 2024-11-11 125916.png
Screenshot 2024-11-11 130012.pngScreenshot 2024-11-11 130012.png
Screenshot 2024-11-11 125902.pngScreenshot 2024-11-11 125902.png

5 - Discover Inspiration Recherche

Screenshot 2024-11-04 115425.pngScreenshot 2024-11-04 115425.png

4 - Warm-up 28.10.24 - NeoPixel LED Matrix

Tests mit Formen, Typografie und Piktogrammen

WhatsApp Video 2024-11-02 um 14.25.04_acc62b8d.gifWhatsApp Video 2024-11-02 um 14.25.04_acc62b8d.gif
IMG_20241028_125242.jpgIMG_20241028_125242.jpg
Matrix Typo Helloo.gifMatrix Typo Helloo.gif
IMG_20241028_115316.jpgIMG_20241028_115316.jpg
IMG_20241028_115839.jpgIMG_20241028_115839.jpg
IMG_20241028_105437.jpgIMG_20241028_105437.jpg

3 - Warm-up 21.10.24 - NeoPixel Sensoren

Kristin, Viktoria

Aufgabe Lichtsensor

Neopixel Lichtsensor Aufgabe Alarm.gifNeopixel Lichtsensor Aufgabe Alarm.gif

1. : Aufgabe Lichtsensor, Alarm

Neopixel Lichtsensor Aufgabe Alarm.pngNeopixel Lichtsensor Aufgabe Alarm.png

Aufbau und Tests

text Lichtsensor.giftext Lichtsensor.gif
test Lichtsensor 2.giftest Lichtsensor 2.gif

2 - Warm-up 14.10.24 - Neopixel Ring

Rebecca, Kristin, Viktoria

Aufgabe Ring:

Variante 1_Radial Regenbogen

Variante 2_Pulse mit zwei Farben

Ring Neopixel Pulse CyanLila.gifRing Neopixel Pulse CyanLila.gif
Neopixel Ring Radial Regenbogen.gifNeopixel Ring Radial Regenbogen.gif

Variante 1

Variante 2

Ring Neopixel Pulse CyanLila.pngRing Neopixel Pulse CyanLila.png
Ring Neopixel Radial Regenbogen.pngRing Neopixel Radial Regenbogen.png

Aufbau und Tests

image10.jpgimage10.jpg
image7.jpgimage7.jpg
image5.jpgimage5.jpg
Neopixel Ring Radial Test.gifNeopixel Ring Radial Test.gif
IMG-20241018-WA0015.jpgIMG-20241018-WA0015.jpg

1 - Warm-up 07.10.24 - Neopixel

Simulator

Variante 2.gifVariante 2.gif
Variante 1.gifVariante 1.gif
Variante 3.gifVariante 3.gif

Ein Projekt von

Fachgruppe

Kommunikationsdesign

Art des Projekts

Keine Angabe

Zugehöriger Workspace

Designprojekt 1: Interaction / Information Design (Gruppe 1/A)

Entstehungszeitraum

Wintersemester 2024 / 2025