UX- og UI-design til workforce management-software

Design til professionel SaaS-platform

SaaS

UX Design

UI Design

KLIENTTriopsis
PLACERINGLondon, UK
TEAMUX-designer, UI-designer, interaktionsdesigner, projektleder, produktejer, researcher
HJEMMESIDE

Dette SaaS-værktøj bruges af forsynings- og vejvedligeholdelsesfirmaer til effektivt at planlægge indgreb, styre opgaver og organisere teams.

Efter at udviklerne i flere år havde arbejdet sammen med en grafisk designer om at skabe brugergrænsefladen til SaaS, nåede de til et punkt, hvor frustrationen voksede, og de potentielle nye kunders forventninger ikke blev indfriet.

De hyrede vores UX-bureau til at bryde ud af den onde cirkel med at reparere ting uden at opleve vækst. De ønskede et brugergrænsefladedesign, der kunne fungere som et salgsargument for deres SaaS.

VORES BIDRAG

Kortlægning af krav

Brugerundersøgelse

Benchmarking

UX Design

Prototyping

UI Design - Light and Dark

Design System

Kvalitetssikring

GRÆNSEFLADEN, DER ER VÆRD AT BETALE FOR

Når brugeroplevelsen af en SaaS giver håndgribelige fordele for brugerne, kan du kræve mere af dem.

Vi hjalp vores kunde med at finde ud af, hvordan SaaS-brugergrænsefladen kan give brugerne håndgribelige fordele. Vi fulgte to veje for at realisere disse mål.

Den første vej var brugerundersøgelser, hvor man gik i dybden med detaljer som varigheden af hver opgave, almindelige brugerfejl og andre problemer, de stødte på.

Den anden vej var deduktiv og handlede om at forestille sig en ideel version af arbejdsgange, hvor systemet er slankere, og de fleste faktorer, der forårsager friktion, ikke findes.

Systematikken i at indsamle og organisere disse detaljer er det, der fører til de superpraktiske designdetaljer, som brugerne elsker.

HVORDAN BRUGERE FÅR PRAKTISK VÆRDI UD AF DESIGNDETALJER

UX-DESIGN TIL 3 TYPER AF ROLLER

Der var spændinger mellem modstridende behov hos forskellige typer af brugere.

For eksempel har en planlægger og en driftsleder på en måde brug for at se de samme ting, men de bruger dem på meget forskellige måder. Men der kan også være spændinger mellem en enkelt brugers behov.

Vi opdelte alt, hvad hver bruger gør, i mikroopgaver for at oversætte et komplekst landskab til relaterbare handlinger for brugeren. På den måde var vi i stand til at generere løsninger til virkelige og praktiske daglige brugere, snarere end generiske "brugerbehov".

VIDENSKABEN SÆTTER FOKUS PÅ UX- OG UI-DESIGN

Design til SaaS er en proces, der involverer tusindvis af individuelle beslutninger, som tilsammen giver det store billede. Beslutningerne kan ikke overlades til flair eller "talent". Der skal være en mere grundlæggende tilbøjelighed til at træffe praktiske beslutninger.

Evidensbaseret design er vores foretrukne proces.

En grundlæggende komponent i denne rationelle og forudsigelige proces er indsamling af nyttige fakta og data fra så mange kilder som muligt. Dette gøres for at triangulere og organisere et omfattende perspektiv på virkeligheden og virkningen af designbeslutninger.

Mens brugerundersøgelser er en primær informationskilde til at designe SaaS, skal andre kilder som videnskabelig forskning eller benchmarkingundersøgelser supplere den.

HVORDAN VIDENSKABELIG FORSKNING FORMER DESIGNBESLUTNINGER

SUPERPRAKTISKE DESIGNDETALJER ELSKET AF BRUGERNE

Nytten af designet til en SaaS-platform stammer ikke fra æstetik, men fra de små detaljer, der viser sig at være praktiske under den faktiske SaaS-brug. Det skaber overensstemmelse mellem et komplekst, abstrakt system og de rodede forviklinger hos mennesker, der arbejder i den virkelige verden.

Men de praktiske designdetaljer, der i høj grad forbedrer SaaS-brugeroplevelsen, kommer ikke af guddommelig inspiration.

I stedet udspringer de af en omhyggelig og velorganiseret proces, der tager højde for brugernes daglige virkelighed, menneskets psykologi, især den generelle befolknings digitale evner, og de adfærdsmønstre, folk udviser, når de er stressede, keder sig eller er trætte.

SAAS-ARBEJDSGANGENE TILPASSER SIG HVER ENKELT KUNDE

Vi overvejede også SaaS-designet ud fra et arbejdsgangsperspektiv, dvs. hvordan brugernes individuelle handlinger tilsammen skaber de resultater, som organisationen, der ansætter dem, ønsker.

I praksis betød det en afvejning mellem, hvad der fungerer godt på mikroniveau i en opgave, og hvad der giver sammenhæng og effektivitet i den helhed, som en brugergrænseflade til en SaaS er.

Det er her, den forudgående kortlægning af brugerbehov og organisatoriske processer tilfører en masse værdi. Denne indsats handler om at udvælge og kombinere fra et generøst univers af designmuligheder med klarhed over, hvad der skal opnås, for at SaaS kan være værdifuld for kunderne.

INTERAKTIVE KOMPONENTER ØGER PRODUKTIVITETEN

Flydende interaktion, hvor grænsefladen reagerer og tilpasser sig løbende, fører til forbedret produktivitet. Brugergrænsefladen i en SaaS bør ikke være statisk i et gitter.

Selv om det designarbejde, der er nødvendigt for at producere interaktive komponenter, er komplekst, kommer slutresultatet for brugeren i form af reduceret kompleksitet eller kognitiv belastning, når han interagerer med grænsefladen.

Et aspekt, vi koncentrerede os meget om, var at bevare sammenhængen i disse interaktioner, da vi gik fra idé til produktion. Det indebar at kommunikere interaktionerne både med realtidsprototyper, der giver interessenterne en håndgribelig fornemmelse, og med diagrammer og dokumentation, der illustrerer den systematiske logik i interaktionerne for udviklerne.

SÅDAN SÆNKEDE VI UDVIKLINGSOMKOSTNINGERNE

Det endelige UI-design for SaaS er et system af komponenter og adfærd, der implementeres i kontekster som konfigurationer af interaktive elementer. Det er sådan, brugergrænsefladen tilpasser sig brugernes behov.

Udviklerne oversatte dette system til kode, og vi hjalp dem med en række foranstaltninger, der tog noget af byrden fra dem: • Individuelle, veldokumenterede sider, der viser, hvordan slutresultatet skal se ud. • Hver eneste komponent er omhyggeligt dokumenteret uden at overse nogen detaljer eller tilstand. • Support under hele implementeringen i form af briefing-sessioner, svar, hvor der er brug for hjælp, eller hvor der er behov for kontrol.

Derfor tog vi ansvar for slutresultatet, som går langt ud over at levere simple designs. Denne support er ubegrænset. I forbindelse med dette særlige SaaS-projekt besvarede vi deres spørgsmål i realtid, selv et år efter leveringen, da de stadig var i gang med at implementere ændringer, som om vi var en del af deres team.

DESIGN TIL PROFESSIONEL SAAS

Designet af denne SaaS-platform samler tre perspektiver: forretningsstrategien om at forblive relevant for kunderne, brugernes daglige behov og den tekniske køreplan.

Designbeslutningerne blev truffet systematisk på baggrund af en belysning af de konkrete konsekvenser af de tre virkeligheder og en yderligere undersøgelse af konsekvenserne af de forskellige afvejninger mellem konkurrerende behov.

Den nye brugeroplevelse består af små detaljer, som giver håndgribelige forbedringer af, hvad brugerne gør, og hvordan de gør det, sammen med layouts, der giver mulighed for fleksible arbejdsgange for organisationer med forskellige processer.

Implementeringen af designet gik glat, fordi det var tænkt som et sammenhængende system, og fordi vi gav meget støtte til udviklerne. Denne støtte indebar, at vi fulgte dem gennem hele implementeringsperioden og havde en "can-do"-attitude, når det gjaldt om at løse tekniske udfordringer.

Der er lagt mange kræfter og meget engagement i dette projekt. Det er den eneste måde at bygge et SaaS-design i verdensklasse på.

Har du et projekt i tankerne?