Fakultät 10 / Advanced Media Institute
Refine
Document Type
- Master's Thesis (2)
- Bachelor Thesis (1)
Has Fulltext
- yes (3)
Keywords
- Benutzerfreundlichkeit (3) (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
Aufgrund der voranschreitenden Digitalisierung sind neue Geschäftsmodelle entstanden, wozu unter anderem der Online-Handel (Electronic Commerce, E-Commerce) gehört. Dieser bietet Flexibilität beim Einkaufen, die verschiedenen Benutzergruppen zugutekommt. Dazu gehören auch Personen mit einer Sehbehinderung oder Erblindung. Allerdings existieren noch einige Hindernisse bzw. Barrieren im Online-Handel, die zu einer negativen Benutzerfreundlichkeit (User Experience, UX) und einer Benachteiligung der genannten Benutzergruppe führen.
Das Ziel der vorliegenden Arbeit ist daher die Untersuchung der digitalen Inklusion von sehbehinderten und blinden Personen im E-Commerce. Anhand einer ausführlichen Literaturrecherche und 16 halbstrukturierten Interviews mit der Zielgruppe wurden bestehende Barrieren im E-Commerce sowie Verbesserungsmöglichkeiten zur Schaffung eines barrierefreien Online-Handels gesammelt. Durch die Analyse eines Fallbeispiels wurden negative Implementierungen veranschaulicht und anhand der zuvor gesammelten Erkenntnisse beseitigt. Dadurch wurde aufgezeigt, wie ein barrierefreies User-Experience-Design für sehbehinderte und blinde Personen im E-Commerce geschaffen werden kann.
In der Arbeit stellte sich heraus, dass viele vorhandene Barrieren im E-Commerce erst durch die Interviews identifiziert werden konnten. Dadurch zeigt sich, dass eine Auseinandersetzung mit der Zielgruppe und eine Einbindung dieser in die Gestaltung und Evaluation von hoher Relevanz ist. Dies gewährleistet, dass Barrieren vermieden oder rechtzeitig entdeckt werden können und das System, Produkt oder die Dienstleistung den Anforderungen der Zielgruppe entspricht. Die Arbeit stellt somit ein erstes Konzept zur Schaffung eines barrierefreien UX-Designs im E-Commerce da. Um die Qualität der Ergebnisse je- doch überprüfen zu können, sind weitere Forschungen notwendig, die sich mit weiteren Benutzerbefragungen und Evaluationen der Verbesserungsmöglichkeiten beschäftigen.
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.