| Popis: |
Webanwendungen wurden ein fester Bestandteil des täglichen Lebens vieler Menschen. Beim Verwenden dieser spielen Usability und User Experience eine wichtige Rolle. Der erste Eindruck einer Applikation im Web hängt zu je circa einem Drittel mit der Bedienbarkeit und der Ästhetik dieser Anwendung zusammen. Darüberhinaus ist die Bedienbarkeit beziehungsweise Usability relevant in der Entscheidung, ob eine Applikation erneut verwendet wird oder nicht. Eine Webanwendung kann aus verschiedenen Elementen bestehen, welche alle Einfluss auf die Usability und somit die User Experience haben. Der Einsatz dieser Elemente hat sich im Laufe der Zeit verändert. Unter anderem ist die Verwendung von Icons gestiegen. Da jegliche Veränderung eines User Interfaces Auswirkungen auf die Usability und diese wiederum auf den ersten und bleibenden Eindruck einer Webapp hat, beschäftigt sich diese Masterarbeit mit dem Thema Usability mit einem näheren Fokus auf Icons und Farben. Die Forschungsfrage lautet dabei "Welche Auswirkungen hat das Ersetzen textueller Beschreibungen durch Icons oder Farben?". Um diese Frage zu beantworten, wurde einerseits eine Literaturrecherche durchgeführt, um die Vor- und Nachteile von Text, Icons und Farben herauszufinden. Darüberhinaus wurde eine Angular-Applikation in einer textuellen und einer Icon-basierten Version mit vermehrtem Einsatz von Farben umgesetzt. Anhand dieser wurden Usability-Tests mit 20 Personen durchgeführt. Die Ergebnisse zeigen, dass Icons deutlich weniger Platz benötigen als Text und dass bereits bekannte Icons, wie die Lupe für Suchfelder schnell gefunden werden. Standardicons und jene, welche Objekten oder Bedeutungen der realen Welt sehr nah waren, stellten die Benutzer*innen vor keine Herausforderungen. Bei unbekannten Icons, welche der realen Welt zu unähnlich waren, kam es jedoch bei manchen User*innen zu Fehlinterpretationen, wodurch ungewollte Handlungen entstanden oder gewünschte Funktionalitäten nicht gefunden wurden. Ein komplettes Ersetzen von Text durch Icons ohne Hilfestellungen, wie Tooltips, würde demnach bei manchen User*innen zu Verwirrungen führen. Bezüglich Farben zeigten die Usability-Tests, dass Farben nur unterstützend eingesetzt werden können und nicht als Ersatz für Text. Web applications have become an integral part of many people’s daily lives. Usability and user experience play an important role when using these applications. The first impression of an application on the web is related to the usability and the aesthetics of this application to about one third each. In addition, the usability is relevant in the decision as to whether an application is used again or not. A web application can consist of various elements, all of which have an influence on usability and thus the user experience. The use of these elements has changed over time. Among other changes, the use of icons has increased. Since any change in a user interface has an impact on usability and this in turn has an impact on the first and lasting impression of a webapp, this master thesis deals with the topic of usability with a closer focus on icons and colors. The research question is "What is the impact of replacing textual descriptions with icons or colors?". To answer this question, on the one hand, a literature review was conducted to find out the advantages and disadvantages of text, icons and colors. Furthermore, an Angular application was implemented in a text-based and an icon-based version with increased use of colors. Based on these, usability tests were conducted with 20 people. The results show that icons require significantly less space on the screen than text and that already known icons, such as the magnifying glass for search fields, are quickly found. Standard icons and those that were very close to real world objects or meanings did not confront the users with any challenges. However, for unfamiliar icons that were too different from the real world, some users misinterpreted them, resulting in unwanted actions or not finding desired functionalities. A complete replacement of text by icons without any support, like tooltips, would therefore lead to confusion for some users. Regarding colors, the usability tests showed that colors can only be used as a support and not as a replacement for text. Abweichender Titel laut Übersetzung der Verfasserin/des Verfassers Masterarbeit Wien, FH Campus Wien 2022 |
