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

Braille ABC

Circa 6 Millionen Menschen auf der Welt verwenden Braille-Schrift. Das Braille ABC, ein interaktives Ausstellungsstück, soll die Braille-Schrift und ihre Geschichte näherbringen. Es richtet sich vor allem an sehende Menschen, da diese mit der Braille-Schrift kaum Berührungspunkte haben, jedoch wurden blinde Personen selbstverständlich ebenso in die Zielgruppe mit einberechnet und das Braille-ABC barrierefrei gestaltet.

Das Herzstück des Braille-ABCs ist die Tastatur. Auf dieser befinden sich alle Buchstaben von A bis Z als Braille-Zeichen. Hinter jedem Buchstaben steckt eine interessante Information, die audiovisuell dargestellt wird. Per Tastendruck wird eine Information passend zum Buchstaben vorgelesen. Da sehende Menschen dazu neigen, Braille-Zeichen zu „lesen“, statt zu fühlen, wird das Zeichen nach Tastendruck zusätzlich auf dem Bildschirm angezeigt, damit es besser eingeprägt werden kann. Auf dem Bildschirm wird zudem ein Bild unterstützend zur jeweiligen Information angezeigt.

Braille ABC - Idee, Entwicklung, Umsetzung

Umsetzung

Int-Braille-ABC006.jpgInt-Braille-ABC006.jpg
Int-Braille-ABC008.jpgInt-Braille-ABC008.jpg
Int-Braille-ABC003.jpgInt-Braille-ABC003.jpg
Int-Braille-ABC001-1.jpgInt-Braille-ABC001-1.jpg
Int-Braille-ABC010.jpgInt-Braille-ABC010.jpg
Int-Braille-ABC005.jpgInt-Braille-ABC005.jpg

Entwicklung


Umsetzung_001.jpgUmsetzung_001.jpg
Umsetzung_002.PNGUmsetzung_002.PNG
Umsetzung_003.PNGUmsetzung_003.PNG
Umsetzung_004.pngUmsetzung_004.png
Umsetzung_005.pngUmsetzung_005.png
Umsetzung_006.pngUmsetzung_006.png

Kurzpräsentation


User*innen-Flow

UserinnenFlow.pngUserinnenFlow.png

_________________________________________

Storyboard Video

Screenshot 2025-01-20 104120.pngScreenshot 2025-01-20 104120.png

16.01.25 - iPad Rahmen

IMG_1062.jpgIMG_1062.jpg

Der Rahmen wird an einem großen Holzbrett festgemacht, welches an eine Wand hinter dem Pult mit der Tastatur gestellt wird.

14.01.25 - Lasercut Test

IMG_0973.jpgIMG_0973.jpg
IMG_0974.jpgIMG_0974.jpg

IMG_0975.jpgIMG_0975.jpg
IMG_0977.jpgIMG_0977.jpg
IMG_0976.jpgIMG_0976.jpg

1 - Punkte positiv - gut, aber noch nicht tief genug, kann man nicht gut fühlen

2 - Punkte positiv, tiefer - sehr gut zum Fühlen, man sieht jedoch den Buchstaben auf der Taste nicht durch, raue Oberfläche sieht nicht gut aus

3 - konisch - zu flach, raue Oberfläche

4 - konisch, tiefer - ist zu dünn geworden, sieht nicht gut aus, raue Oberfläche

5 - Punkte ausgeschnitten- ästhetisch, man sieht den Buchstaben durch, fühlbar aber nicht optimal

6 - Punkte einzeln ausgeschnitten und in die Taste eingeklebt - sieht gut aus, keine raue Oberfläche, man sieht den Buchstaben leicht durch, jedoch nicht wenn Punkte darüber liegen, lässt sich gut fühlen

Variante 5 und 6 sind meine Favoriten, bei 5 ist der Buchstabe besser sichtbar und bei 6 kann man die Punkte besser fühlen

Var.2 auf weißem Acryl und den Buchstaben unten rechts eingraviert in der Ecke wäre evt eine Option

06.01.25 - Figma Anwendung

IMG_0826.jpgIMG_0826.jpg
IMG_0827.jpgIMG_0827.jpg
IMG_0828.jpgIMG_0828.jpg

Quellen

Quellen.pdf PDF Quellen.pdf

Pitch Deck Überarbeitung

2-01.png2-01.png
2-02.png2-02.png
2-03.png2-03.png
2-04.png2-04.png
2-05.png2-05.png
2-06.png2-06.png
2-07.png2-07.png
2-08.png2-08.png

16.12.24

Figma Anwendung

Das Tool wird über Figma auf einem Ipad laufen und mit einer Tastatur gesteuert

Screenshot 2024-12-15 132506.pngScreenshot 2024-12-15 132506.png
Screenshot 2024-12-15 132558.pngScreenshot 2024-12-15 132558.png

Tastatur-Maske mit Lasercut:

Screenshot 2024-12-15 133034.pngScreenshot 2024-12-15 133034.png
Screenshot 2024-12-16 104347.pngScreenshot 2024-12-16 104347.png

Unklarheiten:

- Quellenangaben für Infotexte und Bilder nötig? wo?

- iPad an Wand anbringen?

- Ton über iPad oder externen Lautsprecher?

- USB-Adapter für Ipad - Tastatur

09.12.24

Lasercut Test

IMG_0413.jpgIMG_0413.jpg
IMG_0414.jpgIMG_0414.jpg

Der erste Versuch war etwas zu flach, wodurch die Punkte schlecht fühlbar waren, beim zweiten Versuch hat dies besser funktioniert.

Infotexte

Screenshot 2024-12-09 093551.pngScreenshot 2024-12-09 093551.png
Screenshot 2024-12-09 093537.pngScreenshot 2024-12-09 093537.png

Infotexte mit KI Stimme

Storyboard und User Flow

Option 1 (ursprüngliche Idee)

UF-1.pngUF-1.png
SB-1.pngSB-1.png

Option 2 (verkürzt)

UF-2.pngUF-2.png
SB-2.pngSB-2.png

02.12.24

3D und Lasercut Modelle, Matrix Braille-Ansicht Test

Screenshot 2024-12-02 101204.pngScreenshot 2024-12-02 101204.png
Testdruck.pngTestdruck.png
IMG_0370.jpgIMG_0370.jpg

Pitch Deck

Screenshot 2024-11-25 110601.pngScreenshot 2024-11-25 110601.png
Screenshot 2024-11-25 110613.pngScreenshot 2024-11-25 110613.png
Screenshot 2024-11-25 110633.pngScreenshot 2024-11-25 110633.png
Screenshot 2024-11-25 110654.pngScreenshot 2024-11-25 110654.png
Screenshot 2024-11-25 110644.pngScreenshot 2024-11-25 110644.png
Screenshot 2024-11-25 110701.pngScreenshot 2024-11-25 110701.png
Screenshot 2024-11-25 110711.pngScreenshot 2024-11-25 110711.png
Screenshot 2024-11-25 110717.pngScreenshot 2024-11-25 110717.png

Konzept Ausarbeitung

Screenshot 2024-11-18 095418.pngScreenshot 2024-11-18 095418.png

Projekt Ideen

Gruppenarbeit mit Theres

Int Projekt - Ideen.jpgInt Projekt - Ideen.jpg

Projekt Inspiration

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

04 - Neopixel Matrix

Gruppenarbeit mit Theres

Text Animation

Text.gifText.gif

Dino

Dino.jpgDino.jpg
Dino1.jpgDino1.jpg

Dino.gifDino.gif

03 - Touch Sensor

Gruppenarbeit mit David

RGB „Mischpalette“

RGB.gifRGB.gif
Screenshot 2024-10-21 123841.pngScreenshot 2024-10-21 123841.png
Screenshot 2024-10-21 123851.pngScreenshot 2024-10-21 123851.png

Regenbogen

Screenshot 2024-10-21 125246.pngScreenshot 2024-10-21 125246.png
Regenbogen.gifRegenbogen.gif
Screenshot 2024-10-21 125255.pngScreenshot 2024-10-21 125255.png

RGB Mischpalette Anwendung

02 - Neopixel Ring

Gruppenarbeit mit Theres und David

Aufbau und erste Versuche

WhatsApp Bild 2024-10-14 um 12.48.55_d571c427.jpgWhatsApp Bild 2024-10-14 um 12.48.55_d571c427.jpg
WhatsApp Bild 2024-10-14 um 12.48.54_994f3f14.jpgWhatsApp Bild 2024-10-14 um 12.48.54_994f3f14.jpg
WhatsApp-Video-2024-10-14-um-12.48.39_a4b7d104.gifWhatsApp-Video-2024-10-14-um-12.48.39_a4b7d104.gif
WhatsApp Bild 2024-10-14 um 12.48.39_93c9ed3f.jpgWhatsApp Bild 2024-10-14 um 12.48.39_93c9ed3f.jpg
WhatsApp Bild 2024-10-14 um 12.48.49_1ac9613b.jpgWhatsApp Bild 2024-10-14 um 12.48.49_1ac9613b.jpg

WhatsApp Bild 2024-10-14 um 12.48.11_33f78af0.jpgWhatsApp Bild 2024-10-14 um 12.48.11_33f78af0.jpg
WhatsApp Bild 2024-10-14 um 12.48.48_a215ea6e.jpgWhatsApp Bild 2024-10-14 um 12.48.48_a215ea6e.jpg
Unbenanntes-Video.gifUnbenanntes-Video.gif
WhatsApp-Video-2024-10-14-um-12.48.09_c4401989.gifWhatsApp-Video-2024-10-14-um-12.48.09_c4401989.gif

zwinkernder Smiley :)

WhatsApp-Video-2024-10-15-um-12.55.32_b8c7997d.gifWhatsApp-Video-2024-10-15-um-12.55.32_b8c7997d.gif
Screenshot 2024-10-20 150748.pngScreenshot 2024-10-20 150748.png
Screenshot 2024-10-20 150804.pngScreenshot 2024-10-20 150804.png

Lichtring Ladebalken-Animation (fast)

WhatsApp-Video-2024-10-15-um-12.55.32_c66d421a.gifWhatsApp-Video-2024-10-15-um-12.55.32_c66d421a.gif
Screenshot 2024-10-20 151306.pngScreenshot 2024-10-20 151306.png
Screenshot 2024-10-20 151317.pngScreenshot 2024-10-20 151317.png

01 - Neopixel Simulation

Random Color

random_color.gifrandom_color.gif
random_color.pngrandom_color.png

Magenta Sinus Pulse

magenta_sinus-pulse.pngmagenta_sinus-pulse.png
magenta_sinus-pulse.gifmagenta_sinus-pulse.gif

Rot-Blau Sinus Pulse

rot-blau-sinus.gifrot-blau-sinus.gif
random_color.pngrandom_color.png

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