Fakultät 10 / Advanced Media Institute
Refine
Year of publication
- 2021 (4) (remove)
Document Type
- Bachelor Thesis (4) (remove)
Has Fulltext
- yes (4)
Keywords
- Animation (1)
- Ausdrucksmittel (1)
- Bachelorarbeit (1)
- Benutzerfreundlichkeit (1)
- Benutzeroberfläche (1)
- Bild (1)
- Bildgestaltung (1)
- Bildkomposition (1)
- Cybernetics (1)
- Dark Patterns (1)
Faculty
This bachelor thesis deals with framework-agnostic design systems in the environment of micro frontends. The properties of micro frontends and design systems are developed individually, to finally get combined. Important disciplines of this research are in particular cybernetics and system thinking, whereby further properties in the relationships between the stakeholders and the design system are highlighted and defined. In addition, based on the highlighted properties, a practically oriented evaluation is prepared, which demonstratively verifies how framework-agnostic design systems can be realized using Svelte and Tailwind CSS. The insights gained from this work can be used for further considerations in other works within the domain, or similar domains. In particular the cybernetic view of systematic design offers potential for further investigations.
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
Bildkompositionen können nach bestimmten Aspekten gestaltet werden und dadurch als Ausdrucksmittel fungieren. Dadurch können Bilder den Kontext einer Handlung visuell unterstützen und dem Zuschauer nonverbale Botschaften vermitteln. Infolgedessen beschäftigt sich diese Arbeit mit der Bildkomposition als filmisches Ausdrucksmittel. Das Ziel dieser Arbeit liegt darin, verschiedene Aspekte der Bildgestaltung zu untersuchen. Dabei sollen die Funktionsweisen der jeweiligen Aspekte erklärt und eine mögliche Begründung für die Wirkungsweise erörtert werden. Zusätzlich sollen mögliche unkonventionelle Anwendungen, in dieser Arbeit Regelbrüche genannt, identifiziert und die resultierende Effekte dargestellt werden.
Zu Beginn dieser Arbeit soll ein allgemeines Verständnis für die Bildkomposition geschaffen werden, sodass diese zunächst definiert und von anderen Themen abgegrenzt wird. Anschließend werden technische sowie künstlerische Aspekte der Bildgestaltung im Einzelnen thematisiert, die in den folgenden Unterkapiteln jeweils in ihrer Funktionsweise erklärt werden. Zusätzlich wird jeweils eine mögliche Begründung für die Wirkungsweise und einen Regelbruch genannt. Sowohl die konventionellen Anwendungen als auch die Regelbrüche werden mit Beispielen belegt. Danach werden selbstständig durchgeführte Experteninterviews mit professionellen Kameramännern berichtet, um die Anwendung von Bildkompositionen in der Praxis zu überprüfen.
Die Aspekte der Bildgestaltung haben jeweils eigene Funktionsweisen und Ziele. Dennoch liegt das das gemeinsame übergeordnete Ziel in der Lenkung der Aufmerksamkeit des Zuschauers und die Unterstützung des inhaltlichen Kontextes ist. Für eine erfolgreiche Wirkung beim Zuschauer greifen die Aspekte auf den menschlichen Erfahrungsschatz, Muster aus der Natur oder Wahrnehmungsprinzipien zurück. Regelbrüche gelten grundsätzlich als eigenständige Gestaltungsmöglichkeiten, welche aufgrund ihrer visuellen Seltenheit besonders markant sind und den Kontext entsprechend betonen.
Insgesamt konnte das Ziel der vorliegenden Arbeit erreicht werden, indem verschiedene Aspekte der Bildkomposition untersucht wurden. Diese Aspekte können einen hilfreichen Beitrag zur Gestaltung von Bildkompositionen leisten. Eine absolute Wirkung auf den Zuschauer kann jedoch nicht gewährleistet werden, da diese stark vom Kontext der Handlung sowie dem Zuschauer selbst abhängt. Deshalb müssen die Aspekte der Bildgestaltung bei jeder Anwendung detailliert geplant und auf den Kontext angepasst werden, um als Ausdrucksmittel fungieren zu können.
Design Patterns im Kontext von mHealth-Anwendungen unter besonderer Berücksichtigung von Privacy
(2021)
Gesundheitsapps bzw. mHealth-Apps werden immer häufiger verwendet, um die Gesundheit aufrechtzuerhalten oder das eigene Gesundheitsverhalten zu verbessern. Vor allem die Corona-Pandemie im Jahr 2020 und die damit einhergehenden Kontaktbeschränkungen führten zu einem Anstieg der Nutzerzahlen. Für diese Forschungsarbeit sind Lifestyle-Apps von besonderem Interesse, da sich diese im Gegensatz zu anderen Arten von mHealth-Apps an Konsumenten als Zielgruppe richten.
Zunächst werden Design-Methoden ermittelt, die bei der Gestaltung von mHealth-Lösungen zum Einsatz kommen. Dabei liegt der Fokus auf Persuasive Technology, die darauf abzielt, Verhaltensweisen des Nutzers zu verändern. Es wird geklärt, auf welchen theoretischen Modellen solche Systeme basieren und mit welchen Vorteilen und Risiken die Nutzung von mHealth-Anwendungen verbunden ist. Die in Persuasive Technology vorkommenden Design-Methoden werden kritisch betrachtet, indem überprüft wird, ob mithilfe von Dark Patterns Schwachstellen der menschlichen kognitiven Fähigkeiten und Verhaltensweisen ausgenutzt werden können und ob es dadurch zur Verletzung der Privatsphäre oder zu einer Gefährdung des seelischen Wohlbefinden des Nutzers kommen kann.
Im empirischen Teil wird eine Umfrage durchgeführt, in der Probanden zu der Nutzung von bestimmten mHealth-Apps und dem Abbruch der Nutzung befragt werden. Bei der Umfrage wird ebenfalls erhoben, ob die Nutzung einen positiven oder negativen Eindruck auf mHealth hinterlassen hat und ob sich der Umgang der persönlichen Daten nach der Nutzung verändert hat.