In che modo il team di progettazione dell'esperienza utente di Zivame ha consentito la scoperta di prodotti a più vie

Questa è la prima di una serie di blog ospiti in cinque parti di Udit Khandelwal, UX Director di Zivame.

Se gli utenti non riescono a trovarlo, la funzione non esiste! – Human Factors International (HFI)

Ho sentito questa citazione per la prima volta durante una sessione di formazione presso HFI nel 2012 e la troverai sempre in sintonia con il mio modo di approcciare l'UX.

La scoperta del prodotto è uno degli aspetti più importanti di qualsiasi attività di vendita al dettaglio e se gli utenti non riescono a trovare i prodotti che offri, non esistono. Per consentire l'esplorazione dei prodotti senza interruzioni in Zivame, abbiamo sviluppato una strategia di scoperta a più vie sulle nostre piattaforme. In questa serie di 5 articoli, tratterò le leve utilizzate per presentare le collezioni, la scoperta dei prodotti e la comunicazione dell'offerta a Zivame.

Questo è il primo articolo di questa serie e qui tratterò principalmente gli elementi sotto Ice Breakers dall'elenco di leve riportato di seguito:

Ognuno di questi ha uno scopo molto specifico nel percorso dell'utente e viene utilizzato di conseguenza. Diamo un'occhiata a loro, uno per uno, mentre parliamo delle sfide in ciascun caso e di cosa abbiamo fatto per superarle. Parlerò anche di metriche aziendali, ove applicabile.

Home page Carte di atterraggio

Sfida

• Il 45% del traffico web su Zivame è composto da utenti per la prima volta

• Il 40% del traffico diretto e organico arriva sulla homepage di Zivame

• La maggior parte degli utenti di cui sopra ha pochissime idee sull'ampiezza dei prodotti che offriamo

Soluzione

Non avere un menu orizzontale aperto e utilizzare una navigazione per hamburger mobile first è stato un approccio molto ben ponderato e testato dagli utenti che abbiamo iniziato a seguire con il nostro nuovo stack.

È venuto a costo di non essere in anticipo sulle nostre offerte.

Quindi, è diventato fondamentale per noi comunicare lo stesso, proprio nella prima piega. Le carte mostrate di seguito servono esattamente a questo scopo.

La cosa interessante è che questo approccio è stato inizialmente concettualizzato per desktop e successivamente adattato per dispositivi mobili, come mostrato di seguito. Nella versione desktop,

le carte occupano lo spazio più alto nella prima piega, mentre in mobile sono proprio sotto lo stendardo dell'eroe a causa del vincolo di spazio verticale.

Quando stavamo concettualizzando questo, i nostri dirigenti lo immaginavano come segue:

Nessuno che trascorre 8 secondi sulla mia home page dovrebbe andarsene senza sapere che Zivame vende lingerie, abbigliamento e abbigliamento sportivo. – Shaleen, COO Zivame

…e penso che abbiamo fatto un buon lavoro per ottenere lo stesso risultato attraverso il design. Il posizionamento delle card le rende imperdibili ei titoli insieme ai link fissano chiare aspettative sulle singole categorie , ovvero Lingerie, Activewear e Apparel. Inoltre, la quarta carta consente una flessibilità sufficiente per mettere i meta oggetti che meritano un posto al primo fold.
PS Questo componente è in fase di sviluppo mentre scrivo questo post e verrà rilasciato presto!

(Leggi anche: Dare forma all'esperienza utente in Zivame: un caso di studio sulla gestione del prodotto)

Tentativo

È difficile capire quali 4 cose andranno in ogni carta, perché ogni stakeholder dell'azienda è alla ricerca di immobili di prim'ordine per la sua proprietà!
Sebbene i dati sembrino essere una facile via di fuga, in cui potresti semplicemente tenere in primo piano le cose più richieste, l' azienda potrebbe avere una direzione contrastante . Ad esempio, l'abbigliamento stesso contribuisce solo all'8% delle entrate di Zivame ad oggi, ma occupa il 25% del principale settore immobiliare.

Una collaborazione interfunzionale con una discreta dose di moderazione da parte dei dirigenti dell'azienda dovrebbe darti la risposta giusta. Come dice il mio product manager:

Devi essere sproporzionatamente gentile con determinate entità per assicurarne una crescita sproporzionata. – Vishrut Shukla, Suor PM – Zivame

Homepage Hero Carosello

Sfida

• Questo è il prossimo immobile principale e la proprietà è visiva. Deve rappresentare il marchio e deve essere seguito un rigoroso linguaggio di design visivo.

Soluzione

Francamente, questo è stato facile da progettare, ma difficile da eseguire. Sapevamo che stavamo seguendo un linguaggio di progettazione bello e audace, quindi è stata una decisione facile che il banner dovesse occupare il 100% della larghezza dello schermo e il 100% dell'altezza dello schermo rimanente. Ma questo ci ha lasciato con 2 problemi da risolvere:

• Su alcune dimensioni dello schermo, il banner veniva ritagliato poiché avremmo utilizzato l'algoritmo di "copertura".

• Quando il banner si estende fino al bordo inferiore dello schermo, gli utenti potrebbero avere l'illusione che la pagina finisca lì e che non ci sia nient'altro.

Per risolvere il problema del ritaglio, abbiamo definito le aree sicure e le abbiamo testate su più risoluzioni. Dopo alcuni colpi e prove, siamo stati in grado di inchiodarlo.
Abbiamo posizionato un gallone nella parte inferiore del banner per dare un segnale visivo agli utenti che c'è dell'altro oltre il banner. Per mantenerlo pulito abbiamo deciso di rendere la freccia di navigazione unidirezionale, ma abbiamo anche fornito indicazioni per la presentazione inserendo la navigazione basata su punti.

Una grande quantità di collaborazione interfunzionale è stata necessaria per creare il banner giusto, con il messaggio giusto e cucirlo insieme ai banner delle pagine di categoria, tenendo presente il viaggio dell'utente. La sezione sopra mostra uno screenshot di esempio e di seguito è come abbiamo definito l'area sicura:

Raccolte in evidenza

Sfida

• I banner sono utili per attirare l'attenzione, ma per generare interesse da parte degli utenti e far sì che gli utenti facciano clic con la giusta aspettativa, dobbiamo dire loro qualcosa in più sulla raccolta. Tuttavia, il patrimonio immobiliare è limitato e c'è molta concorrenza tra le diverse collezioni.
• Il precedente design della home page di Zivame per dispositivi mobili presentava una fisarmonica di collezioni in cui ogni collezione aveva una serie di 10 prodotti seguiti da un pulsante "Vedi altro" dopo essere passati all'ultima miniatura. L'analisi dei dati ha rivelato che oltre il 40% degli utenti che hanno interagito con la fisarmonica hanno cliccato per vedere di più. Ciò rafforza il punto sopra menzionato. Tuttavia, non volevamo usare la fisarmonica perché non era visiva e aveva un testo pesante.

  

• Il caricamento anticipato di troppe immagini di prodotti influisce negativamente sulle prestazioni della pagina. Per ogni secondo in più di tempo di caricamento della pagina, la conversione diminuisce di un enorme 7%.

Soluzione

Al costo di un clic in più, mostra gli USP e un'anteprima di ogni collezione. Oltre a un collage di prodotti, abbiamo semplicemente fatto emergere 3 informazioni critiche:

1. Nome della raccolta
2. Descrizione
3. Attributi della firma

Questo non solo ha suscitato interesse per la collezione, ma guida anche l'utente in un viaggio di scoperta del prodotto con un'aspettativa prestabilita. Il collage del prodotto può essere tecnicamente ottimizzato per essere restituito come un'unica immagine collage anziché come immagini multiple del prodotto. Anche in questo caso, questa versione è stata parzialmente distribuita sul sito corrente e il resto viene implementato mentre scrivo questo articolo.

Visita Zivame

Testata di categoria

Sfida

• Le pagine di categoria sono pagine di destinazione principali per il traffico a pagamento. Inoltre, chiunque clicchi su uno qualsiasi dei banner di raccolta/offerta all'interno del sito, atterra su una pagina di categoria. Quindi, diventa cruciale ricucire qui il percorso dell'utente e mantenere il contesto.

• Più ampia è la categoria, più difficile è per gli utenti fare una scelta. Pertanto, in alcuni casi, potremmo voler restringere il percorso dell'utente a una sottocategoria più specifica e successivamente a prodotti specifici.

• Alcune categorie sono molto speciali o nuove e gli utenti devono essere informati degli USP nel momento stesso in cui atterrano sulla pagina.

Soluzione

La testata è composta da 4 componenti principali. Abbiamo escogitato un approccio in cui i componenti configurabili si sarebbero occupati dei casi d'uso sopra menzionati: semplicemente inserendo un banner nel masthead e affidandoci ai banner creativi, fare acquisti per, filtrare/ordinare la barra degli strumenti e offrire la comunicazione per fare il resto.
Parlerò dei banner qui e parlerò di "acquista entro" e delle offerte in seguito. Abbiamo progettato 3 varianti o modelli per i banner di categoria:

1. Stendardo unico
2. Giostra
3. Banner divisi

I banner singoli funzionano perfettamente per categorie ristrette e parlano dei loro USP. I caroselli e i banner divisi, d'altra parte, sono un ottimo modo per fornire più banner all'interno di un immobile limitato e vengono utilizzati per condurre a sottocategorie.
Quando promuovono una di queste pagine, i team creativi e di marketing digitale si assicurano che le creatività di marketing parlino la stessa lingua e utilizzino immagini simili per ricucire il percorso dell'utente.

Ora, proprio come il banner dell'eroe della home page, questi banner occupano il 100% della larghezza disponibile, tuttavia, l'altezza è costante. Quindi, in alcuni casi (o risoluzioni) finiamo per ritagliare il banner da destra. Quindi, proprio come la home page, abbiamo definito aree sicure e al team creativo è stato chiesto di seguire lo stesso durante la progettazione di questi banner.
Di seguito è riportato un esempio di come abbiamo definito lo stesso per un banner diviso:

Avvertimento

Questo non è un design mobile-first e, a seguito di un grazioso degrado, sui dispositivi mobili torniamo a un semplice banner o a un carosello abilitato allo scorrimento. Non esiste un banner diviso per i cellulari.

Integrazione dell'app

Sfida

• Vuoi dire così tanto agli utenti, ma andare oltre le 4 carte durante l'onboarding è eccessivo. Lo spazio è limitato, le funzionalità sono enormi, gli utenti non hanno tempo per leggere e, nonostante tutto, è necessario fare in modo che l'app si attacchi.

• Non sai chi sta navigando : un principiante o un esperto, un esploratore o un navigatore; e devi progettare un'esperienza di onboarding adatta a tutti

Soluzione

Invece di pensare a cosa vogliamo dire all'utente, abbiamo iniziato a pensare il contrario → Cosa vorrebbero imparare gli utenti? Con una rapida ricerca con l'astina di livello, siamo stati in grado di capire che gli utenti stavano principalmente cercando risposte alle seguenti domande:

1. Cosa riguarda?
2. Cosa posso fare qui?
3. Come iniziare?
4. Che vantaggio ne ricavo? Come mi aiuta?

Quindi il problema è stato semplicemente ridotto a 4 schermate in grado di rispondere a queste domande. Quindi abbiamo azzerato le seguenti 4 schermate:

L'ultima schermata è progettata in modo intelligente per promuovere il FitCode, ma gli utenti sono liberi di saltarla e continuare a fare acquisti.

Avvertenze

Ci sono un paio di difetti, che ora stiamo correggendo e vorrei metterti in guardia su:

1. Il pop-up di autorizzazione alla notifica viene visualizzato direttamente nella schermata di onboarding. Questo è molto irritante per l'utente ed è probabile che otteniamo una conversione minima qui. Cosa si dovrebbe fare invece: l'autorizzazione alla notifica dovrebbe essere richiesta al verificarsi di un determinato evento (ad esempio accesso, successo dell'ordine o accesso al contenuto, ecc.).
2. I messaggi di coinvolgimento sul Web (popup di marketing) a volte vengono visualizzati durante l'onboarding. Ancora una volta, è un'esperienza molto negativa ed è molto probabile che gli utenti non siano ricettivi a qualsiasi messaggio di marketing durante l'onboarding. Dobbiamo fare attenzione che nessun pop-up venga mostrato sulle schermate di onboarding.

FitCode

Sfida

• Molte donne preferiscono acquistare da un negozio fisico piuttosto che online. Uno dei motivi più comuni per questo è che non sono sicuri se un particolare prodotto si adatterà a loro. Non possono provarlo online.

• Donne diverse hanno forme corporee diverse e non esiste un prodotto adatto a tutti quando si tratta di lingerie. Quindi presentare loro il prodotto che si adatta alla loro forma fisica e alle loro preferenze è fondamentale.

• Se dai loro un modulo per compilare le loro misurazioni e preferenze, i drop-off sono alti. Quindi, qualunque soluzione troviamo, deve essere efficace.

Soluzione

Il team di Fashion Design di Zivame, insieme ai Product Manager, ha condotto ricerche approfondite e ha dedotto che i tipi di corpo delle donne possono essere descritti accuratamente raggruppandoli in 11 tipi di profili.

Associa questi profili, insieme alle misurazioni e alle preferenze, e dovresti essere in grado di fornire i giusti consigli sui prodotti agli utenti. Chiamiamo questo FitCode, che viene derivato ponendo agli utenti una serie di domande (FitCode Quiz).
Una versione di questo è stata progettata, testata dall'utente, implementata e rilasciata sulle app. Mentre gli utenti stavano imparando il concetto e rispondevano al quiz, c'erano 2 problemi evidenti:

• Elevato numero di abbandoni
• Alcune persone pensavano che le immagini che avevamo usato per rappresentare i profili fossero inquietanti.

Abbiamo pensato che il quiz fosse stato progettato in modo da porre prima agli utenti le domande difficili e questo approccio doveva cambiare. Avevamo bisogno di coinvolgere gli utenti ponendo loro prima le domande più facili e poi quelle più difficili. Abbiamo anche cambiato i nostri creativi e li abbiamo resi più astratti. Non erano più inquietanti. Dai un'occhiata alle schermate qui sotto:

Trova la tua vestibilità perfetta

Spero che tu abbia trovato questo articolo informativo e perspicace.

Studia i corsi di Product Management online dalle migliori università del mondo. Guadagna master, Executive PGP o programmi di certificazione avanzati per accelerare la tua carriera.

Programma in primo piano per te: programma di certificazione Design Thinking di Duke CE

Cosa si intende per scoperta di prodotti a più vie?

La scoperta del prodotto si riferisce al modo in cui un cliente, che è arrivato a un punto di contatto con il cliente per la prima volta, apprende, comprende e conserva le informazioni sul prodotto offerto dall'azienda, abbastanza da garantire che ricorderanno immediatamente il marchio la prossima volta che avere un requisito di ripetizione. L'obiettivo di tutti i product manager dovrebbe essere quello di garantire che ciò avvenga entro i primi 8 secondi dall'esperienza del cliente presso i vari punti di contatto con i clienti dell'azienda. Nel caso in cui l'azienda offra più di un prodotto, l'obiettivo è fare in modo che ciò accada per tutti loro. Questo è fondamentalmente ciò che riguarda la scoperta di prodotti a più vie.

Esistono corsi specifici di product management per le aziende di e-commerce?

No, non ci sono corsi specifici di product management per l'e-commerce. Alcune aziende meno scrupolose potrebbero affermarlo, ma sarebbe saggio controllare le proprie credenziali prima di entrare. I buoni programmi per la gestione del prodotto non sono così specifici, poiché sarebbe uno svantaggio per gli studenti. L'obiettivo di consentire a uno di diventare un buon product manager è garantire che abbia le competenze e le conoscenze necessarie per svolgere un buon lavoro indipendentemente dalla scelta del settore, il che a sua volta consentirebbe loro di passare da un settore all'altro nelle fasi successive della loro carriera.

Come faccio a diventare un product manager senza un MBA?

Per essere un buon product manager in grado di affrontare le interviste più difficili, le competenze di base di cui hai bisogno sono una discreta comprensione della tecnologia del prodotto, un'eccellente conoscenza della progettazione del prodotto e della progettazione dei percorsi dei clienti e capacità di gestione aziendale. Pertanto, potrebbe essere scoraggiante per un individuo che ha sufficienti competenze tecniche ed esperienza lavorativa, ma non comprende la gestione aziendale come pianificazione finanziaria, budgeting, gestione dei progetti, marketing, strategia e così via. Il modo migliore per svilupparli consisterebbe infatti nel perseguire un MBA. Tuttavia, grazie alla richiesta di product manager qualificati, si può anche entrare in questi ruoli seguendo corsi part-time in product management.