Fakultät 10 / Advanced Media Institute
Refine
Document Type
- Bachelor Thesis (1)
- Master's Thesis (1)
Has Fulltext
- yes (2)
Keywords
- Usability (2) (remove)
Faculty
Das Ziel dieser Bachelorarbeit besteht in der Konzeption und Umsetzung eines CSS-Frameworks auf der Basis von Disneys zwölf Prinzipien der Animation. Dazu wird die folgende Forschungsfrage gestellt: Welche Relevanz haben Disneys zwölf Prinzipien der Animation im Kontext von UI-Animationen und wie lassen sie sich auf Elemente im Bereich Web umsetzen? Um diese Forschungsfrage zu beantworten, wurden die Prinzipien analysiert und in einem UI/UX-Kontext betrachtet. Dabei wurden potenzielle Einsatzmöglichkeiten für die Verwendung der Prinzipien und deren mögliche Auswirkungen auf die User Experience beschrieben. Um zu demonstrieren, wie eine Umsetzung der Prinzipien für gängigeElemente im Web aussehen könnte, wurde die Konzeption und Implementierung eines CSS-Frameworks durchgeführt. Dabei konnte festgestellt werden, welche Prinzipien für UI-Animationen geeignet oder ungeeignet sind und wie diese mithilfe von CSS und JavaScript implementiert werden köonnen. Schlagwörter: Animation, User Experience, Design, Web Development
When it comes to web applications and their dynamic content, one seemingly common trouble area is that of layouts. Frequently, web designers resort to frameworks or JavaScript-based solutions to achieve various layouts where the capabilities of Cascading Style Sheets (CSS) fall short. Although the World Wide Web Consortium (W3C) is attempting to address the demand for more robust and concise layout solutions to handle dynamic content with the recent and upcoming specifications, a generic approach to creating layouts using constraint syntax has been proposed and implementations have been created. Yet, the introduction of constraint syntax would change the CSS paradigm in a fundamental way, demanding further analysis to determine the viability of its inclusion in core web standards. This thesis focuses on one particular aspect of the introduction of constraint syntax: how intuitive constraint syntax will be for designers. To this end, an experiment is performed involving participants thinking aloud while reading code snippets. Also, cursor movements are recorded as a proxy for eye movement over the code snippets. The results indicate that, upon first-impression, constraint syntax within CSS is not intuitive for designers.