UX/UI Design SaaS Solution
Informations-Architektur, Interaction & Interface Design
Projekt
Key Insights
Design Prozess
Projekt
Key Insights
Design Prozess
Projekt
3
7
Cloudsystem SaaS Solution
Situation
Die SaaS Solution bietet wissenschaftliches Farb- und Materialmanagement, kombiniert mit den neuesten 3D-Technologien für die Textil-Industrie. Die ersten Entwicklungsjahre galten der Bereitstellung der Cloud samt ihrer Funktionen. In diesem Schritt war kein UX oder UI Designer involviert.
Mit wachsendem Kundenstamm kamen Wünsche auf, die UX und das UI zu optimieren. In Zusammenarbeit mit den Stakeholdern wurde eine neue Informations-Architektur und ein neues Design-System entwickelt, das die User Experience und Usability deutlich verbesserte.
Ziele
Conversion steigern, potenzielle Kunden in tatsächliche Käufer verwandeln / Loyale Nutzergruppen aufbauen / Nutzungsintensität erhöhen / Zufriedenheit der Nutzer steigern / Upselling
Zeitraum
Ende 2022 – ongoing
Methods
User Interviews / Heuristische Evaluation / System & Flow Diagramme / User Personas & Journeys / User Stories / Wireframes / Early Design Testing / Low & high fidelity Prototype / Design System
Tools
2
Key Insights
3
In User Interviews und in enger Zusammenarbeit mit dem Support und Product Ownern haben wir festgestellt wie schwer sich viele Nutzer mit der aktuellen Anwendung tun. Die Anwendung ist sehr komplex, es gibt viele Tools, Funktionen und Aktionen, die viele Nutzer überfordern. Sie haben Schwierigkeiten die Navigations-Struktur zu verstehen und brauchen viel Zeit um gewünschte Informationen aufzurufen.
Aufgrund der gesammelten Erkenntnisse wird die Cloud derzeit general überholt. In Hinsicht auf die User Experience wird insbesondere eine neue Insformations-Architektur bereitgestellt, an der Usability gefeilt und ein konsistentes Design System entwickelt.
6
2
Design Prozess
Identifikation der Business- & User-Needs
In der Kickoff-Phase wurden die Business- und User-Anforderungen definiert und das Team samt der Verantwortlichkeiten aufgestellt. Anhand von User Interviews, Feedback aus dem Support und einer heuristischen Evaluation wurden die Probleme und Verbesserungssmöglichkeiten der Cloud aufgedeckt und die zu optimierenden Bereiche definiert.
Ideation & Überarbeitung der Informations-Architektur
Während der Ideenfindung wurden gemeinsame Boards in Balsamiq, Miro und Figma genutzt, um Ideen festzuhalten, zu diskutieren und um frühes Feedback einzuholen. Schließlich entstand eine neue konsistente Navigations- und Informations-Struktur mit klarer Content-Area, die alles bereithält, was für den einzelnen User relevant ist.
Entwicklung eines neuen Design-Systems
Neben der vereinfachten Informations-Architektur wird ongoing ein konsequentes und konsistentes Design-System entwickelt, um fortan mehr Satisfaction und eine richtig gute Usability zu ermöglichen.
Ein intuitives, nutzerzentriertes UI Design ermöglicht fortan eine effektive Nutzung. Eine Vielzahl an Icons mit mangelnder Symbolik wurden durch gelernte und, den Funktionen entsprechende UI Komponenten ersetzt.
Iterative und inkrementelle Weiterentwicklung
Begonnen hat das Projekt Ende 2022. Das Design für die Basis-Anwendung ist optimiert, aber noch nicht vollständig umgesetzt. Nach und nach werden nun auch die integrierten Tools überarbeitet.
Zurück zur Übersicht