<img height="1" width="1" style="display:none" alt="" src="https://px.ads.linkedin.com/collect/?pid=1603620&fmt=gif"/>
Progettazione UX/UI per applicazioni software embedded per la vendita al dettaglio

L'esperienza della stazione di servizio completamente integrata

Vendita al dettaglio di gas

Applicazioni embedded

Svizzera

Stazione di servizio a Zurigo Svizzera dove è stata fatta la ricerca degli utenti
POSIZIONESvizzera
SQUADRADirettore creativo, ricercatore UX, UX designer, interaction designer, UI designer, project manager, delivery manager, architetto software, product owner

Essendo una delle principali reti di stazioni di servizio in Svizzera, offrono un mondo di vendita al dettaglio, tra cui supermercati, caffetterie e servizi auto.

La visione è quella di migliorare l'esperienza del cliente riducendo l'attrito. Questo significa una revisione dell'usabilità del software del punto vendita usato dai cassieri e l'introduzione di uno schermo per il cliente alla cassa. Andando oltre la classica esperienza del punto vendita (POS), volevano progettare una macchina di pagamento fuori dal negozio, un'applicazione mobile e un'app carplay.

Hanno ingaggiato la nostra agenzia di design UX/UI per sostenere questo progetto di design strategico. Abbiamo iniziato con una ricerca approfondita degli utenti sul posto in Svizzera. Poi abbiamo redatto una nuova mappa dell'esperienza del cliente end-to-end e progettato l'UX e l'UI per ogni applicazione POS, una per una.

I NOSTRI CONTRIBUTI

Ricerca degli utenti

Design UX

Test degli utenti

Prototipazione

UI Design - Sistema di progettazione

Architettura dell'informazione

Garanzia di qualità

La ricerca degli utenti è stata effettuata presso la stazione di servizio di Kloten, vicino a Zurigo

RICERCA UTENTI IN LOCO IN SVIZZERA

Abbiamo passato una settimana a fare ricerche sugli utenti nelle stazioni di servizio di Zurigo e dintorni. Abbiamo incontrato supervisori di turno esperti, direttori di stazione e persone in formazione.

Abbiamo applicato un mix di metodi di ricerca utente, sia quantitativi che qualitativi, per creare un quadro completo di ciò che deve cambiare. La ricerca UX è stata condotta in tedesco, una delle competenze linguistiche dell'agenzia.

Stazione di servizio dove è stata effettuata la ricerca degli utenti per il progetto di design POS
L'utente POS alla cassa di una stazione di servizio viene filmato per uno studio di osservazione della ricerca degli utenti
Intervistatore seduto al tavolo di una stazione di servizio a Zurigo che parla con un utente dell'applicazione POS retail

DIVENTARE UN IMPIEGATO PER CONOSCERE UN IMPIEGATO

L'obiettivo della ricerca utente era di scoprire le complessità e i punti dolenti che i cassieri sperimentano quando usano l'applicazione POS.

Le interviste agli utenti ci hanno dato un punto di partenza, ma l'osservazione sistematica di come usano l'applicazione POS per servire i clienti ci ha dato una visione quantitativa dei colli di bottiglia dell'usabilità. Per andare un po' più in profondità, i nostri designer hanno lavorato insieme ai cassieri in un progetto di ricerca partecipativa. Mentre pranzavamo con loro abbiamo imparato le sfide che affrontano al di là dell'usabilità del POS.

User persona of retail POS application shwoing pain points and task breakdown
Presentazione della persona utente del cassiere che usa regolarmente il software del punto vendita

COME EMERGONO I PUNTI DOLENTI DELL'UX NELLE APPLICAZIONI POS PER LA VENDITA AL DETTAGLIO

Le applicazioni POS trattano centinaia di tipi di transazioni. Mappando i dati della ricerca UX, abbiamo creato un inventario degli scenari che generano problemi.

Ci sono dei modelli nel modo in cui emergono i punti dolenti dell'UX. Di solito ci sono piccole complessità UX/UI che si accumulano nella vita reale e compromettono una transazione che richiede troppo tempo. Questi problemi di design UX possono essere scoperti solo nella vita reale, non possono essere anticipati nel processo di design.

Diagramma dell'esperienza utente che mostra i punti dolenti nell'uso del software del punto vendita

LE SFIDE UX SONO AMPLIFICATE DAL CONTESTO

Nella vita reale, le applicazioni POS operano in un contesto complesso. Facendo una ricerca utente sul posto e partecipando direttamente, abbiamo mappato i fattori contestuali che distorcono l'usabilità del sistema POS.

Abbiamo scoperto decine di fattori UX contestuali, come l'abbagliamento sullo schermo POS prodotto dall'illuminazione in alto o come la disposizione della scrivania rende difficile toccare alcune aree del touchscreen POS.

Sistema POS in una stazione di servizio con evidenziazione dei fattori che influenzano l'esperienza dell'utente

ANALISI COMPARATIVA DEI FLUSSI DI UTENTI POS

Abbiamo confrontato l'esperienza utente di altri sistemi POS. In questa analisi dettagliata abbiamo confrontato e contrapposto le soluzioni alla luce degli scenari che abbiamo scoperto nella ricerca degli utenti.

Questa revisione sistematica del design dell'esperienza utente dei concorrenti ha rivelato una serie di cose da fare e da non fare applicabili al progetto. Ci ha aiutato a restringere il successivo approccio di design UX.

Analisi comparativa dei flussi di utenti dell'applicazione POS

USER TESTIPROTOTIPAZIONE E TEST DI SOLUZIONI PER IL DESIGN DEL POSNG FÜR POS UX DESIGNS

Abbiamo creato prototipi per diversi approcci all'esperienza utente. Ognuno era una combinazione di layout di interfaccia combinata con un trattamento dei flussi di utenti.

Un confronto sistematico dei benefici e dei lati negativi di ogni approccio è stato presentato al team del progetto Socar e insieme abbiamo scelto quelli da testare con gli utenti. Questo processo iterativo di UX design ci ha messo a fuoco e ha facilitato la consegna veloce. In sole 6 settimane abbiamo completato la soluzione UX per l'applicazione POS e lo sviluppo è iniziato.

Prototipo ad alta fedeltà di wireframe per un sistema POS incorporato nella vendita al dettaglio di benzina
Due stazioni di servizio fianco a fianco che mostrano l'operazione di vendita al dettaglio nel caso di studio dell'UX design

ESPERIENZA DI SELF CHECKOUT PER LE STAZIONI DI SERVIZIO

Il terminale di pagamento esterno è l'inizio dell'esperienza di self checkout nella stazione di servizio. È disponibile 24/7 in quattro lingue e due valute. L'esperienza di self checkout per le stazioni di servizio è unica nel mondo del retail perché le transazioni di benzina coinvolgono il sistema della pompa.

L'interfaccia utente del terminale è stata progettata per funzionare in diverse condizioni. Per esempio, il freddo estremo in inverno ha un impatto e di notte i colori dell'interfaccia utente si adattano per essere più accoglienti.

Interfaccia utente che mostra l'esperienza dell'utente del terminale self checkout per la vendita al dettaglio di benzina

LE ITERAZIONI PORTANO A UN'ESPERIENZA UTENTE SEMPLICE

In un approccio iterativo con 6 sprint di progettazione, abbiamo creato più wire-flow e li abbiamo testati. Abbiamo raffinato l'UI di ogni schermata, spogliando i componenti dell'interfaccia per ridurre la complessità. Ogni volta abbiamo testato i design per assicurarci di non essere andati troppo oltre.

La ricerca dell'utente effettuata nelle fasi precedenti è stata utile per rendere l'UI del self checkout lineare. Per esempio, le dichiarazioni brevi mettono i dati della transazione nel contesto e gli utenti sperimentano la chiarezza.

Illustrazioni per guidare gli utenti del terminale di cassa automatica per le stazioni di servizio

SOSTEGNO ALLO SVILUPPO

I sistemi embedded hanno capacità hardware specifiche e queste sono state considerate nel processo di design UX/UI. Il design dell'UI riflette l'aspetto della macchina e tiene conto delle specifiche del display.

Abbiamo reso facile per gli sviluppatori implementare il design UI del terminale self checkout preparando un sistema di design. Ora usano il sistema di design per mantenere e aggiornare il sistema in modo indipendente.

UI design per un sistema embedded in cui gli utenti selezionano il metodo di pagamento nell'esperienza di self checkout
Dettaglio dell'esperienza utente in cui gli utenti inviano i dettagli della carta nell'interfaccia del self checkout
Design systm showing the UI components of the self checkout for petrol retail including buttons, graphics and states

L'APP CAR PLAY COMPLETA L'ESPERIENZA DELL'UTENTE

Per completare l'esperienza del cliente abbiamo progettato un'applicazione car play. Si tratta di un'applicazione nativa per le auto e rileva automaticamente quando si entra in una stazione di servizio. Sa anche a quale pompa vi siete fermati. Tutto quello che devi fare è fare il pieno e partire.

L'app car play integra la scoperta delle stazioni di servizio, la navigazione e il rifornimento. Riduce il carico sul sistema POS del negozio e rende conveniente per i clienti fare il pieno.

Cruscotto auto con interfaccia utente app car play per catena di stazioni di servizio

APP CAR PLAY CREATA IN DUE SPRINT DI DESIGN

Le app car play funzionano sia con la voce che con il controllo tattile e il design UX/UI deve essere adattato a uno scenario di guida. Se progettato correttamente, il car play rende più facile e più sicuro l'uso di un'app.

L'esperienza utente del car play è progettata in conformità con gli standard per le app car play e le normative automobilistiche. Avevamo una precedente esperienza con software di design UI come Kanzi, quindi siamo stati in grado di consegnare l'applicazione in soli due sprint di design.

Icona dell'app Car Play nel cruscotto
User interface options for selecting fueling details in car play app
Car play UI design while user is fueling at petrol station
Ui design per la schermata di successo della transazione nell'app car play per la stazione di servizio
Design dell'esperienza utente dell'applicazione mobile per una stazione di servizio al dettaglio con il cruscotto dell'auto sullo sfondo

MOBILE APP CONCEPT DESIGN

Basandoci su tutto il lavoro di design precedente, abbiamo eseguito altri due sprint di design UX/UI per proporre un'esperienza utente lungimirante per un'applicazione mobile di vendita al dettaglio. Riunisce tutti gli elementi del viaggio del cliente.

L'app mobile è una componente critica nei programmi di fidelizzazione e nel modello di dati del retail. Per il cliente apre nuovi modi per sfruttare al meglio l'uso ripetuto delle stazioni di servizio. Il design dell'UI riflette la natura visionaria dell'app.

Cinque design Ui per un'applicazione mobile per la vendita di benzina dalla Svizzera
Elementi di design

A COMPLETE CUSTOMER EXPRIENCE FOR GAS STATIONS

Tutte le applicazioni che abbiamo progettato lavorano insieme per creare un'esperienza coerente per il cliente nelle stazioni di servizio. Le applicazioni self checkout riducono il carico sui cassieri del negozio, che possono così offrire un servizio migliore agli acquirenti.

L'esperienza dell'utente è coerente da un'app all'altra, ma abbiamo adattato ognuna di esse per riflettere i vincoli dei sistemi incorporati o i regolamenti che si applicano alle app di car play. L'UI design eleva il branding e posiziona Socar come un attore innovativo nella vendita al dettaglio di benzina.

La nostra agenzia di UX design ha fornito la competenza mancante nel design dell'esperienza utente per la creazione dell'intera gamma di prodotti digitali. Per fornire un servizio completo, ci siamo recati in Svizzera per eseguire la ricerca degli utenti e capire il contesto unico.

RISULTATI

Copertura completa dell'esperienza del cliente

UX/UI per 5 applicazioni consegnate in 10 mesi

Supporto in tempo reale per gli sviluppatori durante l'implementazione