UX and UI design for workforce management software

Design für professionelle SaaS-Plattform

SaaS

UX Design

UI Design

KUNDETriopsis
ORTLondon, UK
TEAMUX-Designer, UI-Designer, Interaktionsdesigner, Projektmanager, Product Owner, Forscher
WEBSEITE

Dieses SaaS-Tool wird von Versorgungsunternehmen und Strasseninstandhaltungsbetrieben eingesetzt, um Einsätze effizient zu planen, Aufträge zu verwalten und Teams zu organisieren.

Nachdem die Entwickler mehrere Jahre lang mit einem Grafikdesigner an der Gestaltung der Benutzeroberfläche des SaaS gearbeitet hatten, erreichten sie einen Punkt, an dem sich Frustration breit machte und die Erwartungen potenzieller Neukunden nicht erfüllt wurden.

Sie beauftragten unsere UX-Agentur, um aus dem Teufelskreis des Reparierens von Dingen auszubrechen, ohne Wachstum zu erleben. Sie wollten ein Benutzeroberflächendesign, das als Verkaufsargument für ihr SaaS dienen konnte.

UNSER BEITRAG

Mapping der Anforderungen

User Research

Benchmarking

UX Design

Design für Prototyp

UI Design - Hell und Dunkel

Design System

Qualitätskontrolle

EIN INTERFACE, DAS SICH LOHNT

Wenn die Nutzererfahrung eines SaaS den Nutzern greifbare Vorteile bietet, können Sie ihnen mehr in Rechnung stellen.

Wir halfen unserem Kunden dabei, herauszufinden, wie die Benutzeroberfläche des SaaS den Nutzern greifbare Vorteile bieten kann. Wir verfolgten zwei Wege, um diese Ziele zu operationalisieren.

Der erste Weg war die Nutzerforschung, bei der die Dauer der einzelnen Aufgaben, häufige Fehler der Nutzer und andere Probleme, auf die sie stiessen, untersucht wurden.

Der zweite Weg war deduktiv und beinhaltete die Vorstellung einer idealen Version der Arbeitsabläufe, in der das System schlanker ist und die meisten Faktoren, die Reibung verursachen, nicht existieren.

Die Systematik, mit der diese Details gesammelt und organisiert werden, führt zu den superpraktischen Designdetails, die die Benutzer lieben.

WIE NUTZER PRAKTISCHEN NUTZEN AUS DESIGNDETAILS ZIEHEN

UX DESIGN FÜR 3 ARTEN VON ROLLEN

Es gab Spannungen zwischen den widersprüchlichen Bedürfnissen verschiedener Nutzertypen.

So müssen beispielsweise ein Planer und ein Betriebsleiter in gewisser Weise dieselben Dinge sehen, aber sie nutzen sie auf sehr unterschiedliche Weise. Aber auch zwischen den Bedürfnissen eines einzelnen Benutzers kann es Spannungen geben.

Wir haben alles, was jeder Benutzer tut, in Mikroaufgaben zerlegt, um eine komplexe Landschaft in für den Benutzer nachvollziehbare Aktionen zu übersetzen. So waren wir in der Lage, Lösungen für den realen und praktischen Alltag der Nutzer zu entwickeln, statt für allgemeine „Nutzerbedürfnisse“.

WISSENSCHAFT PRIMES UX UND UI DESIGN

Design für SaaS ist ein Prozess, der Tausende von Einzelentscheidungen umfasst, die sich zu einem grossen Ganzen summieren. Die Entscheidungen können nicht dem Gespür oder „Talent“ überlassen werden. Es muss eine grundsätzlichere Ausrichtung auf praktische Entscheidungen geben.

Evidenzbasiertes Design ist unser Verfahren der Wahl.

Ein grundlegender Bestandteil dieses rationalen und vorhersehbaren Prozesses ist die Sammlung nützlicher Fakten und Daten aus möglichst vielen Quellen. Dies geschieht, um eine umfassende Perspektive auf die Realität und die Auswirkungen von Designentscheidungen zu triangulieren und zu organisieren.

Während die Nutzerforschung eine primäre Informationsquelle für die Gestaltung der SaaS ist, müssen andere Quellen wie wissenschaftliche Untersuchungen oder Benchmarking-Studien diese ergänzen.

WIE WISSENSCHAFTLICHE FORSCHUNG DESIGNENTSCHEIDUNGEN BEEINFLUSST

PRAKTISCHE DETAILS, DIE VON DEN BENUTZERN GELIEBT WERDEN

Der Nutzen des Designs einer SaaS-Plattform ergibt sich nicht aus der Ästhetik, sondern aus den kleinen Details, die sich bei der tatsächlichen Nutzung von SaaS als praktisch erweisen. Dies fördert die Abstimmung zwischen einem komplexen, abstrakten System und den komplizierten Abläufen der Menschen in der realen Arbeitswelt.

Die praktischen Designdetails, die die SaaS-Nutzererfahrung erheblich verbessern, entstehen jedoch nicht durch göttliche Eingebung.

Vielmehr sind sie das Ergebnis eines sorgfältigen und gut organisierten Prozesses, der die alltäglichen Gegebenheiten der Nutzer, die Psychologie des Menschen, insbesondere die digitale Begabung der Allgemeinbevölkerung, und die Verhaltensmuster, die Menschen bei Stress, Langeweile oder Müdigkeit zeigen, berücksichtigt.

DIE SAAS-WORKFLOWS PASSEN SICH AN JEDEN KUNDEN AN

Wir haben das Design für das SaaS auch aus der Perspektive der Arbeitsabläufe betrachtet, d. h. wie sich die einzelnen Aktionen der Nutzer addieren, um die von der Organisation, die sie beschäftigt, gewünschten Ergebnisse zu erzielen.

In der Praxis bedeutete dies, Kompromisse zu schliessen zwischen dem, was auf der Mikroebene einer Aufgabe gut funktioniert, und dem, was der Gesamtheit einer Benutzeroberfläche für ein SaaS Kohärenz und Effizienz verleiht.

Hier ist die vorherige Abbildung der Nutzerbedürfnisse und der organisatorischen Prozesse von grossem Wert. Dabei geht es darum, aus einem grosszügigen Universum von Gestaltungsmöglichkeiten auszuwählen und zu kombinieren, wobei klar sein muss, was erreicht werden muss, damit die SaaS für die Kunden wertvoll ist.

INTERAKTIVE KOMPONENTEN STEIGERN DIE PRODUKTIVITÄT

Eine fliessende Interaktion, bei der die Schnittstelle kontinuierlich reagiert und sich anpasst, führt zu einer verbesserten Produktivität. Die Benutzeroberfläche eines SaaS sollte nicht statisch in einem Raster sein.

Obwohl die für die Erstellung interaktiver Komponenten erforderliche Designarbeit komplex ist, wird das Endergebnis für den Benutzer in Form einer geringeren Komplexität oder kognitiven Belastung bei der Interaktion mit der Schnittstelle erzielt.

Ein Aspekt, auf den wir uns akribisch konzentrierten, war die Wahrung der Kohärenz dieser Interaktionen, während wir von der Idee zur Produktion übergingen. Dies bedeutete, dass wir die Interaktionen sowohl mit Echtzeit-Prototypen, die den Beteiligten ein greifbares Gefühl vermitteln, als auch mit Diagrammen und Dokumentationen, die die systematische Logik der Interaktionen für die Entwickler veranschaulichen, kommunizieren mussten.

WIE WIR DIE ENTWICKLUNGSKOSTEN GESENKT HABEN

Das endgültige UI-Design für das SaaS ist ein System von Komponenten und Verhaltensweisen, die als Konfigurationen interaktiver Elemente in Kontexten eingesetzt werden. Auf diese Weise passt sich die Benutzeroberfläche an die Bedürfnisse der Nutzer an.

Die Entwickler setzten dieses System in Code um, und wir halfen ihnen mit einer Reihe von Massnahmen, die ihnen einen Teil der Last abnehmen: - Individuelle, gut dokumentierte Seiten, die zeigen, wie das Endergebnis aussehen soll. - Jede einzelne Komponente wurde akribisch dokumentiert, ohne ein Detail oder einen Zustand zu übersehen. - Unterstützung während der gesamten Implementierung in Form von Briefing-Sitzungen, Antworten, wo Hilfe benötigt wird oder wo Kontrollen fällig sind.

Damit haben wir die Verantwortung für das Endergebnis übernommen, das weit über die Lieferung einfacher Designs hinausgeht. Diese Unterstützung ist unbefristet. Im Fall dieses speziellen SaaS-Projekts beantworteten wir selbst ein Jahr nach der Lieferung, als noch immer Änderungen vorgenommen wurden, ihre Fragen in Echtzeit, als ob wir in ihrem Team wären.

DESIGN FÜR PROFESSIONELLE SAAS

Das Design dieser SaaS-Plattform bringt drei Perspektiven zusammen: die Geschäftsstrategie, die darauf abzielt, für die Kunden relevant zu bleiben, die täglichen Bedürfnisse der Nutzer und die technische Roadmap.

Die Gestaltungsentscheidungen wurden systematisch auf der Grundlage der konkreten Auswirkungen der drei Realitäten getroffen und zusätzlich die Folgen der verschiedenen Kompromisse zwischen den konkurrierenden Bedürfnissen untersucht.

Das neue Benutzererlebnis besteht aus kleinen Details, die greifbare Verbesserungen für die Arbeit der Benutzer und die Art und Weise, wie sie sie tun, mit sich bringen, sowie aus Layouts, die flexible Arbeitsabläufe für Organisationen mit unterschiedlichen Prozessen ermöglichen.

Die Umsetzung des Entwurfs verlief reibungslos, da er als kohärentes System konzipiert war und wir den Entwicklern viel Unterstützung boten. Diese Unterstützung bestand darin, dass wir sie während des gesamten Umsetzungszeitraums begleiteten und bei der Lösung technischer Herausforderungen eine „Can-do“-Einstellung einbrachten.

In dieses Projekt sind viel Mühe und Hingabe geflossen. Nur so kann man ein SaaS-Design von Weltklasse entwickeln.

Planst du ein Designprojekt?