Zwischen den Zeilen

In diesem Projekt untersuche ich den Einfluss von Schriftarten auf die Lesegeschwindigkeit. Dabei liegt der Fokus auf der speziell für Menschen mit Lese-Rechtschreib-Schwäche (LRS) entwickelten Schriftart OpenDyslexic. Nach einer Einführung in den Leseprozess und die Grundlagen der LRS wird die Schriftart vorgestellt und ihre Besonderheiten erläutert. Abschließend werden die Ergebnisse einer selbst durchgeführten Studie präsentiert, in der die Lesegeschwindigkeit bei unterschiedlichen Schriftarten verglichen wurde.

Prototyp:

https://www.figma.com/proto/zfrjvFSb3VKIs970uPFXNQ/interaction?node-id=220-55&viewport=607%2C93%2C0.06&t=89jcavYrkXxqOJ31-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=220%3A55&page-id=220%3A54

Framer:
https://lesegeschwindigkeit.framer.website/

Filmische Dokumentation

Bilder

Pitch Deck

PDF

User Flow

PDF

Designprozess

____________

01 Ideen

02 Recherche

03 erster Eye-Tracking Test

RealEye-heatmap-item-e4213c91-b5d5-41bc-b6c9-cfb9a462d8e5 (1).png

RealEye-heatmap-item-1e457ee3-f595-4bb1-bc22-43b52d59e945.png

04 Pitch Deck

PDF

pitch deck amelie hellebrand 21.4.26.pdf

05 Fragebogen

https://docs.google.com/forms/d/e/1FAIpQLScFqz_T5cTFYpjGkmzn8QypPcnQMgpCFEPddBi9HpDkJlwuRA/viewform

06 Moodboard Website

07 Aufbau der Website

08 Testpersonen

09 Website

Veränderung der Wellen in Linien

Änderung des Designs angelehnt an Heatmaps

https://www.figma.com/proto/zfrjvFSb3VKIs970uPFXNQ/interaction?page-id=220%3A54&node-id=220-55&viewport=384%2C-105%2C0.29&t=vCYIp5QTksXA3c0e-1&scaling=scale-down-width&content-scaling=fixed&starting-point-node-id=220%3A55

Umsetzung auf Framer:

https://lesegeschwindigkeit.framer.website/

finaler Screencast:

10 Fixationen und Sakkaden Python

11 Tabletanwendung

Prompt für Claude AI:

Ich will zu einem Uniprojekt über Lesegeschwindigkeit eine kleine Tabletanwendung bauen, die folgendermaßen ablaufen soll:

1. Erklärungsbildschirm mit Start Button

2. (Zeit beginnt zu laufen) kurzer Text erscheint, man liest

3. auf Fertig-Button (zeit stoppt)

4. Zeit erscheint die man gebraucht hat - Weiter Button

5. (Zeit beginnt wieder zu laufen) zweiter kurzer Text erscheint, man liest

6. auf Frtig Button (Zeit stoppt)

7. beide Zeiten erscheinen im Vergleich

Eigentlich wollte ich wissen, mit welchem Programm ich eine solche Anwendung selber bauen kann, allerdings hat Claude AI mir die einfachste Lösung gegeben: eine html-datei.
Diese habe ich noch angepasst, also Farben, Schriftarten und Texte und über netlify gepublisht.

https://musical-brioche-1dde89.netlify.app/