Nysgjerrig?

Få en demo av produktene våre

Fyll inn dine opplysninger så hører du fra oss direkte i innboksen din.

Feature image

Oppfinne neste generasjons Utsalgssted: Designprosessen

februar 17, 2021 by Emma Fahlman

For litt under to år siden innså vi at vi ønsket å bygge neste generasjons salgsprogramvare. Vi så behovet for at restauratører kunne administrere sine produkter og menyer på en sentralisert og effektiv måte med et stadig oppdatert kasseapparat. Hvis restauratøren fant ut klokken 07:55 at de ønsket å ha et nytt tilbud i alle butikker, skulle de kunne komme inn på vårt back-office (Leeroy Cloud), opprette tilbudet og ha det tilgjengelig i alle butikkene klokka 8:00 med bare et klikk på en knapp.

Vi visste også at vi ønsket å aktivere raske utrullinger i kombinasjon med et stabilt system som sørger for at hver butikk drev på den nyeste versjonen av programvaren. Disse identifiserte behovene førte til at vi gikk med en plan for å bygge et iOS-basert salgssted knyttet til forskjellige online tjenester, med grunnlaget i Leeroy Cloud. I dette innlegget skal jeg ta deg gjennom designprosessen for brukeropplevelsen vi valgte da du opprettet dette produktet!

Å finne ut hva

Som UX designer som får oppdraget med å lage et neste generasjons salgssted, begynner du umiddelbart med å se på den potensielle brukeren. Selv om vi ønsket at det nye kassaapparatet skulle gjøre det mulig for restauratører å administrere innholdet på en mer effektiv måte, ville den faktiske daglige bruken av salgsstedet være av personalet i restauranten. En av de viktigste faktorene for denne typen produkter er at det er et arbeidsverktøy. Hver detalj fra hvordan brukeren skal navigere og samhandle med grensesnittet gjennom en hel arbeidsdag, til hvilket kontrastnivå en knapp trenger for å være komfortabel å se på, måtte undersøkes.

Først og fremst begynte vi å undersøke de overordnede behovene til et salgsstedsprodukt ved å snakke med restaurantpersonalet om hvordan deres nåværende salgsstedssystemet ble brukt, våre interne medarbeidere som har flere års domenekunnskap som i tillegg til å se på restaurantmarkedet for å finne hull og potensialer. Funnene genererte nøkkelverdiene for produktet som ble hentet fra kombinasjonen av tidlig etterforskning.

Nøkkelverdiene for det nye produktet

Pålitelighet: Et avgjørende produkt som trenger å kunne utføre hele dagen
Ergonomi: Design for timer med bruk
Fleksibilitet: Forståelig for første omganger, verdifull for strømbrukere
Formål: Lag meningsfulle interaksjoner med forventet resultat
Hastighet: Effektiv navigering i et tidspresset miljø

La oss bli grafiske

Etter å ha definert nøkkelverdiene som salgsstedet skulle bringe, var det på tide å få det til å reflektere i et grensesnitt. Som en start tilbrakte vi noen timer i uken ute i restauranten og kafeene og snakket og så på personalet på jobben. Vi så på bevegelsene deres og dokumenterte flyten i kassa så vel som rundt gulvet. Disse observasjonene skapte brukerreiser for oss å ta i betraktning når vi strukturerte delene for grensesnittet.

Med brukerreiser foran oss var det på tide å ta noen penner og begynne å tegne. I denne fasen ble det laget et stort antall skisser. Vi ønsket å fange opp alt, fra hvordan du raskt endrer et produkt til mikroinformasjonen i handlekurven. Men selvfølgelig gjør ikke alle skisser kuttet for det vi trodde ville gi gode resultater. Fra disse ble en nøye valgt gruppe valgt og gjort til klikkbare prototyper som skulle føres ut til personalet for å teste.

Vi hadde det så gøy å teste ut prototypene på grunn av det høye nivået av engasjement vi ble møtt med fra personalet. De hadde så mye de ønsket å si om et kasseapparat. Når vi nådde slutten av den første testfasen for brukere, var det på tide å samle tilbakemeldingen og begrense den. Hvilke deler ga en løsning på virkelige problemer? Hvilken prototype leverte best på nøkkelverdiene våre? Hva hadde vist seg å ikke fungere i det hele tatt?

En grunnleggende del av en designprosess er å løse problemer. God design er ikke bare noe som ser bra ut, det skal gi verdi for den som bruker det. Det er derfor å utføre brukerundersøkelser og validere grensesnitt er en så viktig del av å få forståelse for hva produktet skal være. Fra disse øktene plukket vi ut kirsebærene for å designe et endelig utkast som ble basen for vårt nye utsalgssted.

Basen design vi gikk med inkludert

  • Strukturert og fargekodet meny etter produktkategorier
  • Bruk av popovers for dypere nivåer av modifikasjoner og informasjon
  • En ordrestrøm fra venstre til høyre for å matche naturlige bevegelser
  • Berøringsskjerminteraksjoner som langt trykk og sveip på utvalgte deler for å redusere antall knapper
Samarbeidsdesign

På dette tidspunktet hadde vi de samlede interaksjonene og større grafiske deler satt. Men for å kunne jobbe med et kassaapparat er det mye mer informasjon som trengs. Vi måtte finne passende plasseringer for en lang liste over funksjonaliteter som rabatter, spisesteder, transaksjonsdata, daglige rapporter osv. Vi brukte basestrukturen som et springbrett og finjusterte funksjonaliteten mens vi gikk. I denne fasen hadde vi et flott samarbeid med flere kafeer som ga oss verdifulle innspill.

En av funksjonene vi så behovet for når du besøkte, var å ha produktinformasjonen lett tilgjengelig direkte i grensesnittet. For dette eksempelet nevnte personalet at de får mange spørsmål fra sine gjester angående innholdet i produktene. For å kunne imøtekomme gjestenes forespørsler hadde de en stor mappe med produktinformasjon skrevet ut under disken, som både var kjedelig å navigere gjennom og inneholdt produkter som de ikke lenger solgte. Dette fikk oss til å legge til en oversikt for full produktinformasjon med uthevede allergener under hver produktknapp i menyen, for å ha den nær når du selger og alltid oppdatert ved å administrere informasjonen fra Leeroy Cloud. I så fall gjentok vi gjennom systemet del for del.

Til slutt, etter noen måneder med design og utvikling, hadde vi et nytt utsalgssted system som vi og de ansatte følte oss trygge på, og den første butikken fikk kjøre den live! Tiden var kommet, det var på tide for prototypen å bli et produkt som utførte i en virkelig situasjon. Lanseringen var vellykket og oppdraget med å bygge et neste generasjons utsalgssted hadde nådd en milepæl. Produktet ble kalt MPOS, forkortelse for Mobile utsalgssted, og var nå et produkt i Leeroys portefølje.

En pågående prosess

Fra dette tidspunktet har vi jobbet med å utvide funksjonaliteten i det nye utsalgssted til å passe til en bredere del av markedet. Vi fortsetter å jobbe på en brukersentrert måte funksjon etter funksjon, ved å starte med å forstå brukerens behov og hvilken verdi det vil gi.

Vi er stolte av å si at utsalgssted er designet sammen med ansatte som jobber på restauranter, siden vi tror at vi vil sikre at produktet er enkelt å lære, forstå, raskt og hyggelig å bruke.

Til slutt vil jeg dele kjærlighet til alle de fantastiske menneskene som har vært med på å skape utsalgssted og i dag fortsetter å hjelpe oss med å forbedre det!

Hvis du er nysgjerrig på å lære mer om produktene våre, kan du ringe oss på +46 (0) 8 501 260 60

Emma Fahlman avatar

Emma Fahlman, Product Owner