Einfluss von Animationen in User Interfaces

Animationen sind heute ein fester Bestandteil moderner Webinterfaces, sei es in Form von Hover-Interaktionen, Übergängen oder interaktiven Rückmeldungen. Trotz ihrer weiten Verbreitung werden sie im praktischen Einsatz häufig als rein dekorative Elemente betrachtet, wobei ihr potenzieller Nutzen für die User Experience unterschätzt wird. 

Thesis
Die Thesis untersucht, ob gezielt eingesetzte Animationen die Effizienz und Orientierung bei der Nutzung von Benutzeroberflächen verbessern können. Zu diesem Zweck habe ich ein Online-Experiment mit zwei Versuchsgruppen durchgeführt. Die Teilnehmenden mussten in einem fiktiven Online-Shop fünf Aufgaben lösen. Dabei wurde ihr Klickverhalten sowie die Bearbeitungszeit jeder Aufgabe im Hintergrund erfasst. Die Experimentalgruppe erhielt dabei als Stimulus eine animierte Webseite. Die erhobenen Daten wurden anschliessend statistisch ausgewertet.

Lehrprojekt
Im Rahmen des Lehrprojekts absolvierte ich einen Onlinekurs, um die Erstellung von Webanimationen zu erlernen. Mit dem neu erworbenen Wissen entwickelte ich eine Webseite, die gängige Interface-Elemente als animierte Komponenten bereitstellt. Dafür nutzte ich die Technologien React mit dem Framework Next.js, Tailwind CSS und die Animationsbibliothek Motion. Der Quellcode dieser Komponenten ist frei zugänglich und kann in eigene Projekte integriert werden.

Erkunde mein Lehrprojekt!