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

© Amelie Hellebrand

Pitch Deck

User Flow

Designprozess

____________

01 Ideen

© Amelie Hellebrand

02 Recherche

© Amelie Hellebrand
© Amelie Hellebrand

03 erster Eye-Tracking Test

© Amelie Hellebrand

04 Pitch Deck

05 Fragebogen

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

06 Moodboard Website

07 Aufbau der Website

08 Testpersonen

© Amelie Hellebrand

09 Website

© Amelie Hellebrand
© Amelie Hellebrand

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/

12 Plakat