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

Bagstory - Die interaktive Tasche

Die interaktive Tasche erklärt ihren Herstellungsprozess selbst. Sie ist eine kleine interaktive Installation und kann z.B. für Ausstellungen über Nachhaltigkeit verwendet werden. Mithilfe von bunten LED Animationen lädt sie Besucher dazu ein, symbolische Gegenstände in sie hineinzulegen. Für jeden Gegenstand wird eine eigene Animation gestartet, welche über die wichtigsten Schritte der Herstellung sowie ökonomische, ökologische und soziale Probleme informiert. Nutzer können so durch Eigeninitiative die Informationen selbst erkunden und dabei in ihrem eigenen, individuellen Tempo entscheiden, worüber sie erfahren möchten.

Präsentationsvideo

Galerie

Titel.jpgTitel.jpg
Animation.jpgAnimation.jpg
Gegenstände.jpgGegenstände.jpg
Technik.jpgTechnik.jpg
Aktion.jpgAktion.jpg
Technick alles.jpgTechnick alles.jpg
RFID Reader.jpgRFID Reader.jpg
Box offen.jpgBox offen.jpg
Test.jpgTest.jpg
Lasercutter.jpgLasercutter.jpg

Userflow

Userflow.pngUserflow.png

Links

Figma

https://www.figma.com/proto/YTCRUbAA9VHRAwf29j7eBW/Baumwolltasche?page-id=0%3A1&node-id=345-941&p=f&viewport=1200%2C-1830%2C0.06&t=wD2Px4VkAtuRVPQr-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=345%3A843&show-proto-sidebar=1

Fängt an mit dem Flow Start. Wenn der durchgelaufen kommt man mit RFID Karten/Tastatur zu den weiteren Animationen, welche die Herstellung der Baumwolltasche erklären.

A: Baumwollernte

B: Spinnen

C: Weben

D: Nähen

Code

https://github.com/Jasmin-N-1/RFID_LED_Code/blob/main/Code_RFID_LED.ino

13.01 Vorübergehender Figma Prototyp

Piktogramme figma.pngPiktogramme figma.png

RFID Code nur für die Karten ohne LED

rfid1.pngrfid1.png
rfid.pngrfid.png

16.12 Pitch Deck aktualisiert

pitch deck aktualisiert.pdf PDF pitch deck aktualisiert.pdf

09.12 Prototyp Gestell

Fragen

Allgemein: wie wird RFID programmiert damit es einen Keyboard trigger gibt?

Welche Stromquelle wird in der Tasche verwendet? Akku oder mit Kabel zu Laptop verbinden?

Problem

Durch den Stoff ist der Screen immer noch schwer erkennbar


PXL_20241215_235505537~2.jpgPXL_20241215_235505537~2.jpg
PXL_20241215_235515758.jpgPXL_20241215_235515758.jpg
PXL_20241216_000114094.jpgPXL_20241216_000114094.jpg
PXL_20241216_000013808.jpgPXL_20241216_000013808.jpg

Momentan hat das Gestell noch die Option das iPad horizontal oder vertikal einzulegen. Damit das Tablet näher an dem Stoff anliegt wurde in das Gestell eine Aussparung geschnitten, welche mit einer Plastikfolie überdeckt wurde, damit dieses nicht herausfällt. Da die Tasche an sich dünn ist, ist die Bodenfläche ebenfalls dünn, wodurch das Gestell nicht so stabil steht, wodurch es einfach umfallen kann. Um dieses zu verhindern habe ich das Gestell erst einmal mit einer Flasche am Boden beschwert.

iPad vertikal

PXL_20241216_000845224.jpgPXL_20241216_000845224.jpg

iPad horizontal

PXL_20241216_001439872.jpgPXL_20241216_001439872.jpg

Da ich die Auflage für das Tablet etwas zu niedrig geklebt habe, liegt es nicht ganz so wie geplant an der Plastikfolie an, sondern hat noch einen kleinen Zwischenraum. Dadurch ist die Schrift nicht so einfach zu lesen.

skizzenhafter Entwurf von verschiedenen Piktogrammen

Unbenanntes_Projekt 5.jpgUnbenanntes_Projekt 5.jpg

04.12 Userflow, Kontrast

Userflow

Bildschirmfoto 2024-12-09 um 07.09.53.pngBildschirmfoto 2024-12-09 um 07.09.53.png

Versuche mit unterschiedlichem Kontrast

PXL_20241209_083814073.RAW-01.COVER.jpgPXL_20241209_083814073.RAW-01.COVER.jpg
PXL_20241209_083842283.RAW-01.COVER.jpgPXL_20241209_083842283.RAW-01.COVER.jpg
PXL_20241209_083858411.RAW-01.COVER.jpgPXL_20241209_083858411.RAW-01.COVER.jpg
PXL_20241209_083800020.RAW-01.COVER.jpgPXL_20241209_083800020.RAW-01.COVER.jpg

Sowohl bei schwarz auf weiß als auch bei weiß auf schwarz kann man die  Grafiken schwierig erkennen, da der Stoff der Tasche zu grob gewebt ist. Um das Problem zu umgehen, aber trotzdem noch eine indirekte Beleuchtung zu haben, sucht man sich entweder eine feinere Tasche oder man näht mit durchlässigeren Stoff ein Extrafach, in welche das Tablet hineingelegt wird.

25.11 Pitch Deck

pitch Deck.pdf PDF pitch Deck.pdf

18.11 Skizzen und Tests

Skizzen für Aufbau der Tasche

IMG_3873.JPGIMG_3873.JPG

Bildschirmfoto 2025-02-10 um 02.28.04.pngBildschirmfoto 2025-02-10 um 02.28.04.png

Versuch von verschiedenen Schriftgrößen und Farben

Bildschirmfoto 2024-12-09 um 07.30.12.pngBildschirmfoto 2024-12-09 um 07.30.12.png

Bildschirmfoto 2025-02-10 um 03.35.33.pngBildschirmfoto 2025-02-10 um 03.35.33.png

Bei der Lianen Tasche ist der Text in echt schlechter lesbar als bei der hellen. Aber durch die Kamera wird er besser lesbar.

11.11 Moodboard

Moodboard für unser Projekt

Bildschirmfoto 2024-11-18 um 09.46.01.pngBildschirmfoto 2024-11-18 um 09.46.01.png

04.11 Ideen

Ideensammlung

Bildschirmfoto 2024-11-18 um 09.47.59.pngBildschirmfoto 2024-11-18 um 09.47.59.png

28.10 Recherche

Recherche über verschiedene Projekte

https://miro.com/app/board/uXjVLKCATNo=/

Bildschirmfoto 2024-11-04 um 08.23.06.pngBildschirmfoto 2024-11-04 um 08.23.06.png

Neopixel Matrix

Gruppenarbeit mit Rebecca Klassen

WhatsApp Image 2024-10-28 at 12.42.47-2.jpegWhatsApp Image 2024-10-28 at 12.42.47-2.jpeg
WhatsApp Image 2024-10-28 at 12.42.47.jpegWhatsApp Image 2024-10-28 at 12.42.47.jpeg
WhatsApp Image 2024-10-28 at 12.42.58.jpegWhatsApp Image 2024-10-28 at 12.42.58.jpeg
WhatsApp Image 2024-10-28 at 12.42.58-2.jpegWhatsApp Image 2024-10-28 at 12.42.58-2.jpeg

21.10 Touch Sensor

Gruppenarbeit mit Theres Weser

Experimente aus der Stunde

Bildschirmfoto 2024-10-27 um 21.42.51.pngBildschirmfoto 2024-10-27 um 21.42.51.png
Bildschirmfoto 2024-10-27 um 21.43.08.pngBildschirmfoto 2024-10-27 um 21.43.08.png

Inszenierung

Farbroulette

Farbpalette

Bildschirmfoto 2024-10-27 um 20.00.50.pngBildschirmfoto 2024-10-27 um 20.00.50.png

14.10 Neopixel Ring

Gruppenarbeit mit Elisa Gerber und Maja Stefan

Animation 1: Versetzter Farbverlauf

Bildschirmfoto 2024-10-20 um 21.03.00.pngBildschirmfoto 2024-10-20 um 21.03.00.png
Bildschirmfoto 2024-10-20 um 21.04.20.pngBildschirmfoto 2024-10-20 um 21.04.20.png

Animation 2: Ladeanimation

Bildschirmfoto 2024-10-20 um 21.01.12.pngBildschirmfoto 2024-10-20 um 21.01.12.png

07.10.24 Neopixel Variationen

Farbwechsel random

Bildschirmaufnahme 2024-10-13 um 20.13.20-2.gifBildschirmaufnahme 2024-10-13 um 20.13.20-2.gif
Bildschirmfoto 2024-10-13 um 20.20.39.pngBildschirmfoto 2024-10-13 um 20.20.39.png

Farbwechsel delay

Bildschirmfoto 2024-10-13 um 21.31.40.pngBildschirmfoto 2024-10-13 um 21.31.40.png
Bildschirmaufnahme 2024-10-13 um 21.29.42.gifBildschirmaufnahme 2024-10-13 um 21.29.42.gif

Sinus

Bildschirmfoto 2024-10-13 um 22.07.39.pngBildschirmfoto 2024-10-13 um 22.07.39.png
Bildschirmaufnahme 2024-10-13 um 22.06.12.gifBildschirmaufnahme 2024-10-13 um 22.06.12.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