title: Development and Evaluation of an Online Style Guide - A Case Study of the Tunnel Project Management System MineralBay
Creators: name: Okunakol, Hafize
Publisher: name: TU Wien
Year: 2020
Subjects: subject: Styleguide
subject: Usability
subject: Webapplikation
subject: User Centered Design
subject: Human Computer Interaction
subject: style guide
subject: usability
subject: web application
subject: user centered design
subject: human computer interaction

description: MineralBay ist ein webbasiertes Materialverwaltungssoftwaresystem für Aushubmaterialen und befindet sich derzeit in Entwicklung. Das Design der Applikation wirkt aufgrund fehlender Richtlinien und Verantwortlichen heterogen. Die Entwickler haben nicht die notwendige Zeit und das Know-how über Usability um Design entscheidungen zu treffen. Die folgende Arbeit zeigt einen Lösungsansatz und gibt den Entwicklern einen Styleguide als Instrument zur Entscheidungsfindung und Informationsbereitstellung. In der Diplomarbeit wurde ein Usability-Konzept für die Webapplikation MineralBay ausgearbeitet. Die Ergebnisse der durchgeführten Usability-Recherche wurden den Entwicklern als ein Online-Styleguide bereitgestellt. Der Fokus der Forschung lag auf der Integration des Styleguides in den Software-Entwicklungsprozess und der Überprüfung der Akzeptanz eines Styleguides und der Erwartungen an dessen Inhalt. Grundlagen für das Konzept der neugestalteten Applikation und des implementierten Styleguides ergeben sich aus einer ausführlichen Literaturrecherche zum Thema Usability und Styleguides. Nach einer theoretischen Aufbereitung wurde im Rahmen einer Nutzeranalyse eine quantitative Erhebung in Form eines Online Fragebogens mit den potentiellen Benutzern und den Entwicklern von MineralBay durchgeführt. Diese Analysen resultierten in Personas und den Designentwürfen in Form von Wireframes. Die Wireframes dienten als Input für den Inhalt des Styleguides. Um den Styleguide zu evaluieren und eine Aussage darüber treffen zu können, ob die Anforderungen der Entwickler erfüllt wurden, wurden kontextuelle Analysen durchgeführt. Die gewonnenen Erkenntnisse zeigen, dass sich Styleguides mit dem Styleguide getriebenen Ansatz von De La Cuadra [DLC15] in den Entwicklungsprozess eines Softwareengineering-Projektes integrieren lassen. Die hohe Akzeptanz eines Styleguides seitens der Entwickler basiert auf den Erwartungen an Konsistenz, einfachere Entscheidungsfindung und die daraus resultierende verkürzte Entwicklungszeit. Die aus der Literatur erarbeiteten Empfehlungen zum Inhalt eines Styleguides sind grundsätzlich ausreichend, damit derStyleguide bei Entwicklern Verwendung findet. Darüber hinaus sehen die Entwickler einen Bedarf an zusätzlichen technischen Informationen zur Einbindung der Komponenten inden aktuellen Entwicklungskontext sowie einem Stylesheet zum Downloaden, das die CSS-Codes aller Komponenten zusammenfasst.
description: MineralBay is a web-based material management software for excavated material and is currently under development. The design of the application seems rather heterogeneous due to missing guidelines and responsible persons. The developers do not have the necessary time and the usability know-how to make design decisions. The following work demonstrates a solution approach and gives developers a style guide as a decision making and information sharing tool. In this thesis, a usability concept for the web application MineralBay has been developed. The results of the usability research were provided to the developers as an online style guide. The focus of the research was on the integration of the style guide in the software development process of university projects, the review of the acceptance of it and the expectations of the developers towards the content. The basics for the concept of the redesigned application and the implemented style guide are the result of a detailed literature research on the topic of usability and style guides. After a theoretical treatment, a quantitative survey in the form of an online questionnaire with potential users and the developers of the MineralBay was carried out. This analysis resulted in personas and design drafts in the form of wireframes. The wireframes served as an input for the content of the style guide. To evaluate the style guide and be able to make a statement about whether the requirements of the developers have been met, contextual analyzes were performed. The findings show that style guides can be integrated into the development process of a software engineering project using the style guide driven development concept by DeLa Cuadra [DLC15]. The high acceptance of a style guide by developers is based on expectations of consistency, easier decision-making and the resulting reduced development time. The recommendations from the literature on the content of a style guide are basically sufficient for the style guide to be used by developers. In addition, the developers see a need for additional technical information to integrate the components into the current development context as well as a downloadable stylesheet that summarizes the CSS codes of all components.