Som ett av de ledande nätverken av bensinstationer i Schweiz erbjuder de en värld av detaljhandel, inklusive stormarknader, cafeterior och biltjänster.
Visionen är att förbättra kundupplevelsen genom att minska friktionen. Detta innebär en översyn av användbarheten hos den programvara som används av kassapersonal och införandet av en kundskärm vid kassan. De ville gå längre än den klassiska kassaupplevelsen och utforma en betalningsmaskin utanför butiken, en mobilapplikation och en app för carplay.
De anlitade vår UX/UI-designbyrå för att stödja detta strategiska designprojekt. Vi började med en grundlig användarundersökning på plats i Schweiz. Sedan utarbetade vi en ny kartläggning av kundupplevelsen från början till slut och utformade UX och UI för varje POS-applikation, en efter en.
Användarforskning
UX design
Användartestning
Prototypframställning
UI-design - Design av system
Informationsarkitektur
Kvalitetssäkring
Vår UX-byrås forskningsteam tillbringade en vecka i Schweiz för att utföra användarundersökningar på bensinstationer runt om i Zürich. Vi träffade erfarna skiftledare, stationschefer och personer under utbildning.
Vi tillämpade en blandning av användarforsknings metoder, både kvantitativa och kvalitativa, för att skapa en fullständig bild av vad som behöver förändras. UX-forskningen genomfördes på tyska, en av byråns språkkunskaper.
Syftet med användarundersökningen var att ta reda på vilka problem och smärtor som kassapersonal upplever när de använder kassaprogrammet.
Användarintervjuer gav oss en utgångspunkt, men systematiska observationer av hur de använder kassaprogrammet för att betjäna kunderna gav oss en kvantitativ inblick i flaskhalsar i fråga om användbarhet. För att gå en nivå djupare arbetade våra designers tillsammans med kassapersonal i en deltagande forskningsdesign. När vi åt lunch med dem fick vi veta vilka utmaningar de står inför utöver användbarheten i kassan.
POS-applikationer hanterar hundratals olika typer av transaktioner. Genom att kartlägga UX-forskningsdata skapade vi en inventering av scenarier som skapar problem.
Det finns mönster i hur UX-smärtor uppstår. Vanligtvis är det små UX/UI-komplexiteter som byggs upp i verkligheten och de äventyrar en transaktion som tar för lång tid. Dessa UX-designproblem kan bara upptäckas i verkligheten, de kan inte förutses i designprocessen.
I verkligheten fungerar POS-applikationer i ett komplext sammanhang. Genom att göra användarundersökningar på plats och genom att delta direkt kartlade vi de kontextuella faktorer som stör kassasystemets användbarhet.
Vi upptäckte dussintals kontextuella UX-faktorer, t.ex. bländning av kassaskärmen på grund av överbelysning eller hur skrivbordets utformning gör det svårt att trycka på vissa delar av kassaskärmens pekskärm.
Vi jämförde användarupplevelsen i andra POS-system. I denna detaljerade analys jämförde och kontrasterade vi lösningar mot bakgrund av de scenarier som vi upptäckte i användarundersökningen.
Denna systematiska genomgång av konkurrenternas utformning av användarupplevelsen avslöjade en mängd saker som är bra och dåliga att göra och som inte är bra att göra som är tillämpliga på projektet. Det hjälpte oss att begränsa den efterföljande UX-designmetoden.
Vi skapade prototyper för olika tillvägagångssätt för användarupplevelsen. Var och en av dem var en kombination av gränssnittslayouter i kombination med en behandling av användarflödena.
En systematisk jämförelse av fördelarna och nackdelarna med varje tillvägagångssätt presenterades för Socar-projektgruppen och tillsammans valde vi ut de som skulle testas med användarna. Denna iterativa UX-designprocess gav oss fokus och underlättade en snabb leverans. På bara 6 veckor hade vi färdigställt UX-lösningen för POS-applikationen och utvecklingen påbörjades.
Betalningsterminalen utomhus är början på självutcheckningen på bensinstationen. Den är tillgänglig dygnet runt på fyra språk och i två valutor. Upplevelsen av självutcheckning på bensinstationer är unik i detaljhandelsvärlden eftersom bensintransaktioner involverar pumpsystemet.
Användargränssnittet för terminalen utformades för att fungera under olika förhållanden. Till exempel har extrem kyla på vintern en inverkan och på natten anpassas färgerna i användargränssnittet för att bli mer välkomnande.
I ett iterativt tillvägagångssätt med 6 designsprintar har vi skapat flera trådflöden och testat dem. Vi har förfinat användargränssnittet för varje skärm och tagit bort gränssnittskomponenter för att minska komplexiteten. Varje gång testade vi designerna för att se till att vi inte gått för långt.
Användarforskningen som utfördes i de tidigare faserna var användbar för att göra användargränssnittet för självutcheckning rakt igenom. Korta uttalanden sätter till exempel transaktionsdata i ett sammanhang och användarna upplever tydlighet.
Inbäddade system har specifika hårdvarufunktioner och dessa beaktades i UX/UI-designprocessen. UI-designen återspeglar maskinens utseende och tar hänsyn till displayens specifikationer.
Vi gjorde det enkelt för utvecklarna att implementera UI-designen för självbetjäningsterminalen genom att förbereda ett designsystem. Nu använder de designsystemet för att underhålla och uppdatera systemet självständigt.
För att komplettera kundupplevelsen har vi utformat en applikation för bilspel. Det är en app för bilar och den upptäcker automatiskt när du kör in på en bensinstation. Den vet också vilken pump du stannat vid. Allt du behöver göra är att tanka och köra iväg.
Appen car play integrerar upptäckt av bensinstationer, navigering och tankning. Den minskar belastningen på butikens kassasystem och gör det bekvämt för användarna att tanka.
Apparna för bilspel fungerar både med röst- och pekstyrning och UX/UI-designen måste anpassas till ett körscenario. När den är utformad på rätt sätt gör car play det enklare och säkrare att använda en app.
Användarupplevelsen för car play utformas i enlighet med standarderna för car play-appar och fordonsbestämmelser. Vi hade tidigare erfarenhet av UI-designprogramvara så som Kanzi så vi kunde leverera applikationen på bara två designsprintar.
Med utgångspunkt i allt tidigare designarbete utförde vi ytterligare två UX/UI-designsprintar för att föreslå en framtidsorienterad användarupplevelse för en mobilapp för detaljhandel. Den samlar alla delar av kundresan.
Mobilappen är en kritisk komponent i lojalitetsprogrammen och i detaljhandelns datamodell. För kunden öppnar den nya sätt att få ut det mesta av sin upprepade användning av bensinstationerna. UI-designen återspeglar appens visionära karaktär.
Alla applikationer som vi utformade arbetar tillsammans för att skapa en sammanhängande helhetsupplevelse för kunderna på bensinstationer. Applikationerna för självutcheckning minskar belastningen på kassörskorna i butiken, så att de kan erbjuda bättre service till kunderna.
Användarupplevelsen är sammanhängande från den ena appen till den andra, men vi har anpassat varje app för att återspegla begränsningarna i inbyggda system eller de bestämmelser som gäller för car play-appar. UI-designen lyfter varumärket och positionerar Socar som en innovativ aktör inom bensinförsäljning.
Vår UX-designbyrå tillhandahöll den saknade expertisen inom design av användarupplevelser för skapandet av hela sortimentet av digitala produkter. För att leverera en komplett tjänst reste vi till Schweiz för att utföra användarundersökningar och förstå det unika sammanhanget.
Fullständig täckning av kundupplevelsen
UX/UI för 5 applikationer levererade på 10 månader
Realtidsstöd för utvecklare under genomförandet