UX/UI-suunnittelu upotetuille vähittäismyynnin ohjelmistosovelluksille

Täysin integroitu huoltoasemakokemus

Bensiinin vähittäiskauppa

Upotetut sovellukset

Sveitsi

Huoltoasema Zürichissä Sveitsissä, jossa käyttäjätutkimus tehtiin
SIJAINTISveitsi
TIIMILuova johtaja, UX-tutkija, UX designer, vuorovaikutussuunnittelija, UI designer, projektipäällikkö, toimituspäällikkö, ohjelmistoarkkitehti, tuoteomistaja
VERKKOSIVUSTO

Yhtenä Sveitsin johtavista huoltoasemaverkostoista se tarjoaa laajan valikoiman vähittäiskaupan palveluja, kuten supermarketteja, kahviloita ja autopalveluja.

Visiona on parantaa asiakaskokemusta vähentämällä kitkaa. Tämä tarkoittaa kassojen myyntipisteohjelmistojen käytettävyyden uudistamista ja kassalla olevan asiakasnäytön käyttöönottoa. Klassisen kassakokemuksen lisäksi haluttiin kehittää maksuautomaatti myymälän ulkopuolelle, mobiilisovellus ja carplay-sovellus.

He ottivat käyttäjäkokemuksen suunnittelutoimistomme mukaan tukemaan tätä strategista muotoiluprojektia. Aloitimme perusteellisella käyttäjätutkimuksella Sveitsissä. Sen jälkeen laadimme uuden kokonaisvaltaisen asiakaskokemuskartan ja suunnittelimme UX-käyttäjäkokemuksen ja UI-käyttöliittymän jokaiselle POS-sovellukselle yksi kerrallaan.

PANOKSEMME

Käyttäjätutkimus

UX design

Käyttäjätestaus

Prototyyppien rakentaminen

UI design - Suunnittelujärjestelmä

Tietoarkkitehtuuri

Laadunvarmistus

Käyttäjätutkimus tehtiin huoltoasemalla Klotenissa lähellä Zürichiä

PAIKAN PÄÄLLÄ TEHTÄVÄ KÄYTTÄJÄTUTKIMUS SVEITSISSÄ

UX-toimistomme tutkimusryhmä vietti viikon Sveitsissä tehdäkseen käyttäjätutkimusta huoltoasemilla ympäri Zürichiä. Tapasimme kokeneita vuoropäälliköitä, huoltoasemien johtajia ja koulutuksessa olevia henkilöitä.

Sovelsimme sekä määrällisiä että laadullisia käyttäjätutkimusmenetelmiä luodaksemme kokonaiskuvan muutostarpeista. UX-tutkimus toteutettiin saksaksi, joka on yksi UX-suunnittelutoimistomme kielitaidoista.

Huoltoasema, jossa käyttäjätutkimus suoritettiin POS-suunnitteluprojektia varten
POS-käyttäjä huoltoasemalla on kuvattu käyttäjätutkimuksen havainnointitutkimukseen
Haastattelija istuu pöydän ääressä huoltoasemalla Zürichissä puhumassa POS-vähittäismyyntisovelluksen käyttäjälle

MUUTU TYÖNTEKIJÄKSI TUNTEAKSESI TYÖNTEKIJÄN

Käyttäjätutkimuksen tavoitteena oli selvittää monimutkaisia ja kipupisteitä, joita myyjät kokevat kassasovellusta käyttäessään.

Käyttäjähaastattelut antoivat meille lähtökohdan, mutta järjestelmällinen havainnointi siitä, miten he käyttävät kassasovellusta asiakkaiden palvelemiseen, antoi meille kvantitatiivisen näkemyksen käytettävyyden pullonkauloista. UX/UI-suunnittelijamme työskentelivät kassojen rinnalla osallistavassa tutkimussuunnittelussa. Lounastaessamme heidän kanssaan saimme tietää, millaisia haasteita he kohtaavat kassan käytettävyyden lisäksi.

User persona of retail POS application shwoing pain points and task breakdown
Kassan käyttäjähenkilö, joka käyttää myyntipisteohjelmistoa säännöllisesti

MITEN UX-KÄYTTÄJÄKOKEMUKSEN KIPUPISTEET TULEVAT ESIIN VÄHITTÄISKAUPAN KASSASOVELLUKSISSA

Kassasovellukset käsittelevät satoja erilaisia maksutapahtumia. Kartoittamalla UX-tutkimustietoja loimme luettelon skenaarioista, jotka tuottavat ongelmia.

UX-kipupisteiden syntyyn liittyy tiettyjä malleja. Yleensä ne ovat pieniä UX/UI-kokemukseen liittyviä pulmia, jotka kasautuvat tosielämässä ja aiheuttavat liian kauan kestävän tapahtuman. Kyseiset UX-suunnittelukysymykset voidaan havaita ainoastaan tosielämässä, eikä niitä voi ennakoida suunnitteluprosessissa.

Käyttökokemuskaavio, joka näyttää myyntipisteohjelmiston käytön kipukohdat

UX-KÄYTTÄJÄKOKEMUSHAASTEET KASVAVAT KONTEKSTIN MUKAAN

Todellisessa elämässä POS-sovellukset toimivat monimutkaisessa ympäristössä. Tekemällä käyttäjätutkimusta paikan päällä ja osallistumalla suoraan tutkimukseen kartoitimme ne kontekstuaaliset tekijät, jotka vääristävät kassapalvelujärjestelmän käytettävyyttä.

Löysimme kymmeniä kontekstisidonnaisia UX-tekijöitä, kuten ylävalaistuksen aiheuttaman häikäisyn POS-näytölle tai sen, miten työpöydän sijoittelu vaikeuttaa POS-kosketusnäytön joidenkin alueiden koskettamista.

Huoltoaseman kassajärjestelmä, jossa kohokohdat osoittavat käyttäjäkokemukseen vaikuttavia tekijöitä

POS-KÄYTTÄJÄVIRTOJEN VERTAILEVA ANALYYSI

Vertailimme muiden POS-järjestelmien käyttökokemusta. Tässä yksityiskohtaisessa analyysissä vertailimme ja asetimme vastakkain ratkaisuja käyttäjätutkimuksessa esiin tulleiden skenaarioiden valossa.

Kilpailijoiden käyttökokemussuunnitelmien systemaattinen tarkastelu paljasti monia tähän hankkeeseen sovellettavia hyviä ja huonoja käytäntöjä. Se auttoi meitä rajaamaan myöhemmän UX-suunnittelun lähestymistavan.

Kassasovelluksen käyttäjävirtoja koskeva vertaileva analyysi

PROTOTYYPPIEN LUOMINEN JA TESTAUSRATKAISUJEN TESTAAMINEN POS-SUUNNITTELUA VARTEN

Loimme prototyyppejä käyttäjäkokemukseen eri lähestymistavoista. Kukin oli yhdistelmä käyttöliittymän ulkoasuja ja käyttäjävirtojen käsittelyä.

Asiakkaan projektiryhmälle esiteltiin systemaattinen vertailu kunkin lähestymistavan hyödyistä ja haittapuolista, ja yhdessä valitsimme ne, joita testattiin käyttäjien kanssa. Tämä iteratiivinen UX-suunnitteluprosessi antoi meille keskittymiskykyä ja mahdollisti nopean toimituksen. Vain kuudessa viikossa olimme saaneet valmiiksi POS-sovelluksen UX-ratkaisun ja kehitys alkoi.

Korkean tarkkuuden prototyyppi upotetun kassajärjestelmän kehyksestä bensiinin vähittäismyyntiin
Kaksi huoltoasemaa vierekkäin esittäen vähittäiskaupan toimintaa UX-suunnittelun tapaustutkimuksessa

HUOLTOASEMIEN ITSEPALVELUKASSOJEN KÄYTTÖKOKEMUS

Ulkona käytettävä maksupääte on huoltoaseman itsepalvelukassa-kokemuksen alku. Se on käytettävissä 24/7 neljällä eri kielellä ja kahdella valuutalla. Huoltoasemien itsepalvelukassa-kokemus on ainutlaatuinen vähittäiskaupan alalla, koska bensiinitapahtumiin liittyy pumppujärjestelmä.

Päätelaitteen käyttöliittymä suunniteltiin toimimaan erilaisissa olosuhteissa. Esimerkiksi talvella äärimmäinen kylmyys vaikuttaa, ja yöllä käyttöliittymän värit mukautuvat viihtyisämmiksi.

Käyttöliittymä, joka kuvaa bensiinin vähittäismyynnissä käytettävän kassapäätteen käyttäjäkokemusta

TOISTOJEN TOTEUTUS JOHTI YKSINKERTAISEEN KÄYTTÄJÄKOKEMUKSEEN

Olemme luoneet ja testanneet useita johdinsarjoja käyttäen toistuvaa lähestymistapaa, joka sisälsi 6 suunnittelusprinttiä. Hioimme kunkin näytön käyttöliittymää ja poistimme käyttöliittymän osia monimutkaisuuden vähentämiseksi. Joka kerta testasimme malleja varmistaaksemme, ettemme ole menneet liian pitkälle.

Edellisissä vaiheissa tehty käyttäjätutkimus oli hyödyllinen, jotta kassan käyttöliittymästä saatiin suoraviivainen. Esimerkiksi lyhyet lausumat asettavat tapahtumatiedot kontekstiin ja käyttäjät kokevat ne selkeinä.

Kuvia, jotka opastavat huoltoasemien itsepalvelukassan käyttäjiä

KEHITYSYHTEISTYÖN TUKEMINEN

Upotetuissa järjestelmissä on erityiset laitteisto-ominaisuudet, ja ne otettiin huomioon UX/UI-suunnitteluprosessissa. Käyttöliittymäsuunnittelu heijastaa koneen ulkonäköä, ja siinä otetaan huomioon näytön tekniset tiedot.

Helpotimme kehittäjien mahdollisuuksia toteuttaa kassapäätteen käyttöliittymäsuunnittelua valmistelemalla suunnittelujärjestelmän. Nyt he käyttävät suunnittelujärjestelmää ylläpitääkseen ja päivittääkseen järjestelmää itsenäisesti.

Upotetun järjestelmän käyttöliittymäsuunnittelu, jossa käyttäjät valitsevat maksutavan itsepalvelukassalla
Käyttökokemustiedot, joissa käyttäjät lähettävät korttitiedot itsepalvelukassan käyttöliittymässä
Design systm showing the UI components of the self checkout for petrol retail including buttons, graphics and states

CAR PLAY -SOVELLUS TÄYDENTÄÄ KÄYTTÄJÄKOKEMUSTA

Asiakaskokemuksen täydentämiseksi olemme suunnitelleet car play -sovelluksen. Se on natiivisovellus autoille, ja se havaitsee automaattisesti, kun pysähdyt huoltoasemalle. Se tietää myös, mille pumpulle pysähdyit. Sinun tarvitsee vain tankata ja ajaa pois.

Car Play -sovellus integroi huoltoasemien löytämisen, navigoinnin ja tankkauksen. Se vähentää myymälän POS-järjestelmän kuormitusta ja tekee tankkaamisesta käyttäjille kätevää.

Auton kojetaulun car play käyttöliittymä huoltoasemaketjulle

CAR PLAY -SOVELLUS LUOTIIN KAHDEN SUUNNITTELUKIERROKSEN AIKANA

Car Play -sovellukset toimivat sekä ääni- että kosketusohjauksella, ja käyttäjäkokemuksen sekä käyttöliittymän suunnittelu on mukautettava ajotilanteeseen. Oikein suunniteltuna car play tekee sovelluksen käytöstä helpompaa ja turvallisempaa.

Car Play -käyttäjäkokemus on suunniteltu Car Play -sovelluksia koskevien standardien ja autoteollisuuden määräysten mukaisesti. Meillä oli aiempaa kokemusta käyttöliittymäsuunnitteluohjelmistosta, kuten Kanzista, joten pystyimme toimittamaan sovelluksen jo kahden suunnittelusprintin jälkeen.

Autopelisovelluksen kuvake kojelaudassa
User interface options for selecting fueling details in car play app
Car play UI design while user is fueling at petrol station
Ui-suunnittelu huoltoaseman Car Play -sovelluksen onnistuneen tapahtuman näyttöön
Mobiilisovelluksen käyttökokemuksen suunnittelu vähittäiskaupan huoltoasemalle auton kojelauta taustalla

MOBIILISOVELLUKSEN KONSEPTIN SUUNNITTELU

Aikaisemman suunnittelutyön pohjalta toteutimme kaksi UX/UI-suunnittelusprinttiä, joiden tarkoituksena oli ehdottaa tulevaisuuteen suuntautuvaa käyttäjäkokemusta vähittäiskaupan mobiilisovellusta varten. Se kokoaa yhteen kaikki asiakaspolun elementit.

Mobiilisovellus on tärkeä osa kanta-asiakasohjelmia ja vähittäiskaupan tietomallia. Asiakkaalle se avaa uusia tapoja hyödyntää huoltoasemien toistuvaa käyttöä. Käyttöliittymäsuunnittelu kuvastaa sovelluksen visionääristä luonnetta.

Viisi Ui-mallia bensiinin vähittäiskaupan mobiilisovellukselle Sveitsistä
Suunnitteluelementit

A COMPLETE CUSTOMER EXPRIENCE FOR GAS STATIONS

Kaikki suunnittelemamme sovellukset toimivat yhdessä luodakseen yhtenäisen asiakaskokemuksen huoltoasemilla. Itsepalvelukassasovellukset vähentävät myymälän kassojen kuormitusta, joten he voivat tarjota parempaa palvelua ostajille.

Käyttäjäkokemus on yhdenmukainen sovelluksesta toiseen, mutta olemme mukauttaneet niitä vastaamaan sulautettujen järjestelmien rajoituksia tai autojen soittosovelluksia koskevia säännöksiä. Käyttöliittymäsuunnittelu lisää brändäystä ja asemoi asiakkaan innovatiivisena toimijana bensiinin vähittäiskaupassa.

UX-suunnittelutoimistomme tarjosi käyttäjäkokemussuunnittelusta puuttuvaa asiantuntemusta koko digitaalisten tuotteiden valikoiman luomista varten. Täydellisen palvelun tarjoamiseksi matkustimme Sveitsiin tekemään käyttäjätutkimusta ymmärtääksemme ainutlaatuista kontekstia.

TULOKSET

Asiakaskokemuksen täydellinen kattavuus

UX/UI viidelle sovellukselle toimitetaan 10 kuukaudessa

Reaaliaikainen tuki kehittäjille toteutuksen aikana