Die UX einer Software wird durch die Summe ihrer Teilaufgaben gebildet.
Ein allgemeines Erscheinungsbild der Software wird gestaltet, einzelne Abläufe und Interaktionen iterativ entworfen, überprüft und ausgearbeitet.
Eine Anwendersoftware erleichtert und vereinfacht vielfältige Arbeiten für Benutzer.
Ziel des Moduls »Application Design 2« ist es, die wichtigsten Arbeitsaufgaben einer ausgewählten Anwendersoftware (Desktop) zu analysieren, um diese neu zu gestalten und erlebbar zu machen. Im ersten Schritt bestimmen die Studierenden dazu eine geeignete Applikation als Betrachtungsgegenstand.
Unsere Anwendung ist im Nutzungskontext von Mitarbeiterzufriedenheit/Unternehmenskultur angesiedelt. Der Schwerpunkt liegt dabei auf dem Feedback unter Kolleginnen. Dieses Thema fanden wir gerade in der heutigen Zeit besonders spannend, da die zunehmende Digitalisierung und das Aufkommen von Hybrid- und Remote-Working die Arbeitswelt rasant verändern und Wertschätzung und Kollegialität leider darunter leiden können. Wir haben uns also gefragt, wie eine ansprechende Anwendung gestaltet sein muss, die den Nutzerinnen ein positives Miteinander ermöglicht.
Konzept
In der Konzeptphase haben wir begonnen, erste Ideen zu sammeln und diese direkt in Skizzen festzuhalten. Es wurden alle möglichen Varianten für die verschiedenen Funktionen der Anwendung entworfen. Die sinnvollsten Varianten wurden dann in Wireframes weiter ausgearbeitet, die später als Grundlage für unser Design dienten.
Branding
Mit dem neuen Branding wollten wir den sympathischen Charakter der App beibehalten und deutlicher machen, aber auch eine gewisse Ernsthaftigkeit in das Spiel bringen. Das bisherige UI war eher chaotisch, nicht gut durchdacht und strahlte eine gewisse Kindlichkeit aus. Wir wollten, dass das Branding im Business-Bereich verankert ist, aber auch einladend auf potenzielle Nutzer*innen wirkt. Das Herzstück ist die Bildmarke, die sowohl einen Smiley als auch eine Hand zeigt, die wiederum das Wort HI bilden. Begleitet wird dies von einer einfachen Wortmarke. Ergänzend dazu haben wir spielerische 3D-Umgebungen entwickelt, die mit 2D-Illustrationen interagieren.
Umsetzung
Das fertige Designsystem, welches sich im Laufe des Projekts entwickelt hat, haben wir auf die einzelnen Komponenten der Anwendung übertragen. Für die Basis der Anwendung verwendeten wir Weiß und einen hellen Grauton, der mit der fast schwarzen Seitenleiste stark kontrastiert. Um wichtige Funktionen und Interaktionen der Anwendung hervorzuheben, verwendeten wir unser HiFive Rot, das wir als Akzentfarbe wählten.
Hinterlasse einen Kommentar