10 consigli per progettare un grande negozio online

Gli imprenditori e i rivenditori al dettaglio che desiderano espandersi nello shopping online hanno più opzioni disponibili che mai, ma hanno anche più considerazioni sui siti Web e opzioni tecniche da decifrare. Costruire un negozio online efficace ha ancora fornitori chiavi in ​​mano, come i negozi Wix, che possono rendere la tua presenza iniziale rapida e semplice. Ma quelli che sono davvero seri nella crescita delle loro attività online scopriranno che le loro esigenze si evolvono abbastanza rapidamente oltre questi servizi chiavi in ​​mano.

Ci sono molte domande a cui rispondere prima che qualsiasi cosa appaia effettivamente nel cyberspazio e poi molto di più man mano che l'azienda matura. La raccolta di dati sui clienti è un ottimo esempio e una grande domanda oggi, soprattutto per tutti i negozi che desiderano accedere ai mercati europei. La conversione di valuta e le diverse leggi sul commercio elettronico sono ancora problemi spinosi in quei mercati, ma ora dovrai anche occuparti del Regolamento generale sulla protezione dei dati (GDPR), che richiede un processo di gestione molto più attento per i dati dei clienti.

La sicurezza delle transazioni è un'altra domanda chiave perché significa bilanciare la necessità della sicurezza dei clienti con il numero di cerchi che dovranno passare prima che possano effettuare un acquisto. E indipendentemente dalle decisioni che prendi per il tuo sito Web standard, dovrai tenere le stesse discussioni per la sua iterazione mobile. Perché, sebbene la mobilità sia stata certamente una delle parole d'ordine cara dello scorso anno, i 12 mesi in più non ne hanno minimizzato l'importanza.

Il pensiero attuale indica che i costruttori Web devono prima progettare l'esperienza mobile e quindi regolare l'esperienza desktop come necessario.

"Ogni elemento, ogni contenuto, deve essere funzionale su dispositivo mobile", ha dichiarato Jimmy Rodriguez, Chief Operating Officer (COO) di 3dcart. "Se parti da zero, progetti per dispositivi mobili. Con un design reattivo, puoi creare il sito Web per iniziare su dispositivi mobili e quindi portarlo sul desktop."

Per aiutarti a progettare il tuo negozio di e-commerce sia per utenti mobili che desktop, abbiamo raccolto i 10 suggerimenti importanti di seguito. Tuttavia, Rodriguez raccomanda che, prima che le aziende li incorporino nei loro negozi, dovrebbero testare A / B queste funzionalità su pagine di prodotti specifici per vedere come fanno prima di distribuirle su tutto il loro sito web.

1. Navigazione appiccicosa dell'intestazione

Siamo stati tutti lì: abbiamo fatto scorrere verso il basso fino alla fine di una pagina del prodotto per leggere le recensioni degli utenti o i dettagli del prodotto e ora siamo pronti a lasciare la pagina per tornare al menu per continuare il nostro viaggio di shopping. Sfortunatamente, per tornare al menu, in genere abbiamo dovuto fare clic sul pulsante "Pagina su" sulle nostre tastiere desktop o toccare nella parte superiore dello schermo sui nostri dispositivi mobili.

Con le intestazioni adesive, mentre scorri verso il basso, il menu si ridimensiona e si regola. Il menu ti segue lungo il viaggio per mantenere la navigazione sullo schermo nel caso in cui dovessi saltare rapidamente le pagine. Puoi vederlo in effetti su Bose.com. Pur essendo a metà della pagina, sei ancora in grado di accedere alla navigazione principale della pagina senza dover tornare in cima allo schermo.

2. Menu di hamburger

Sebbene i menu di Hamburger sembrino la funzionalità più adatta ai fast-food, stanno rapidamente diventando un must per le aziende che fanno molti affari sui dispositivi mobili. Li hai già visti in precedenza: i menu Hamburger sono diventati l'icona mobile standard per la navigazione e i menu mobili.

Sono dotati di tre linee orizzontali che, una volta premuto, offrono un menu a discesa della navigazione di un sito Web. Sono particolarmente utili su dispositivi mobili in cui il settore immobiliare dello schermo è un premio. Ma stiamo iniziando a vederli anche sui siti Web desktop, quindi i consumatori hanno un'esperienza simile sui siti Web aziendali indipendentemente dal dispositivo che stanno utilizzando.

"Molte persone vedono i menu di Hamburger e sanno cosa significa, ma non sanno che è fondamentalmente il nuovo standard", ha detto Rodriguez. "I visitatori mobili hanno appreso il significato di questo simbolo e i siti Web dovrebbero accettarlo come standard per la navigazione mobile."

È possibile visualizzare un menu Hamburger nell'angolo in alto a destra di Target.com e sul sito Web mobile di Target. Puoi anche vederlo nella foto sotto.

3. Scorrimento di parallasse

Meno funzionalità e più modo per migliorare l'estetica del tuo sito web, Parallax Scrolling sfrutta i grandi banner che sono pieni di immagini ad alta risoluzione per aggiungere un tocco artistico al tuo sito web. Sfruttando immagini di grandi dimensioni e ampiezze, puoi creare un effetto di spostamento tra l'immagine di sfondo del tuo sito Web e l'immagine che si trova direttamente di fronte al tuo consumatore.

Come puoi vedere nell'immagine qui sotto da RimmelLondon.com, mentre scorri verso il basso la pagina, le immagini di sfondo del sito web cambiano. Tuttavia, la modifica si verifica sottilmente quando le immagini di sfondo e di primo piano si fondono l'una nell'altra. Lo screenshot seguente mostra il sito Web proprio nel momento in cui l'immagine di sfondo passa dal viola al rosa.

4. Scorrimento infinito

Lo scrolling infinito sembra più una tecnica di tortura che una funzione di e-commerce. Tuttavia, questo elegante strumento consente agli utenti di visualizzare continuamente nuovi prodotti senza dover fare clic e caricare una nuova pagina. Ecco come funziona: quando scorri verso il basso fino alla fine di una pagina di e-commerce, la pagina carica automaticamente più articoli nella parte inferiore della pagina. Sono ancora catalogate come pagine sul back-end ma il visitatore non lo sa.

Puoi vedere una funzione simile su UnderArmour.com. Sfortunatamente, Under Armour richiede di fare clic sul pulsante "Carica altro" per visualizzare contenuti aggiuntivi. Alcuni siti Web sono dotati di un meccanismo di apertura automatica che ti mostrerà più contenuti senza richiedere un clic.

5. Un pulsante "Aggiungi al carrello" mobile

Simile allo strumento Navigazione adesiva, i pulsanti "Aggiungi al carrello" mobili consentono ai tuoi consumatori di aggiungere prodotti al carrello indipendentemente da dove si trovano nella pagina del prodotto. In precedenza, gli utenti scorrevano verso il basso fino alle recensioni degli utenti, ai dettagli del prodotto e ad altri elementi della pagina inferiore e, per aggiungere il prodotto al carrello, dovevano scorrere di nuovo all'inizio della pagina. Ora, aziende come Diesel.com ti consentono di vedere il prezzo, la quantità, le opzioni di colore e l'immagine del prodotto, nonché il pulsante "Aggiungi al carrello", indipendentemente da dove ti trovi nella pagina del prodotto.

6. Usa la legge di Fitts

Non ti annoieremo con la matematica dietro la Legge di Fitts, ma è essenzialmente una teoria secondo cui più un oggetto è grande e più vicino a noi, più è probabile che interagiamo con esso. Lo stesso principio di base può essere applicato al commercio elettronico. Se si desidera guidare gli utenti verso pagine di prodotti, carrelli della spesa e promozioni, è necessario rendere questi pulsanti più grandi, colorati e il più vicino possibile al centro della pagina.

Se si ignora la Legge di Fitts e si posizionano piccoli pulsanti in bianco e nero lungo i binari o nella parte inferiore delle pagine, si potrebbero perdere potenziali acquirenti. Non commettere questo errore.

7. Visualizzare le recensioni e le testimonianze dei clienti

Non desideri che i clienti vengano sul tuo sito Web, visualizzino i tuoi prodotti e quindi si dirigano su Amazon.com per controllare le recensioni degli utenti. Dopotutto, Amazon.com potrebbe vendere il prodotto in modo più economico o il cliente potrebbe preferire l'esperienza di acquisto di Amazon.com a quella del tuo sito web.

Se dai ai tuoi clienti la possibilità di valutare e recensire i prodotti, allora sarai in grado di respingere quei clienti cauti che hanno bisogno della certezza delle opinioni di altri consumatori prima di effettuare un acquisto. La maggior parte degli strumenti di e-commerce semplifica l'implementazione di valutazioni e recensioni, quindi non esitare a implementare questa pratica.

8. Un efficace servizio clienti

Interagire con il cliente è fondamentale per il successo della vendita al dettaglio e da nessuna parte è più facile o più efficace che al servizio clienti. Prendersi cura di un cliente irato, insoddisfatto o anche solo confuso è uno dei percorsi più sicuri per ripetere gli affari. Le applicazioni del service desk e dell'helpdesk di oggi lo rendono più semplice che mai. L'utilizzo di una di queste app non solo organizza le richieste dei clienti, ma consente anche di acquisire i dati dei clienti e delle risposte generati da questi incontri e inviarli ai motori di gestione delle relazioni con i clienti (CRM), di marketing e di analisi aziendale. In questo modo puoi tenere d'occhio ciò che i clienti pensano del tuo negozio e dei suoi prodotti.

Dove collochi il tuo servizio clienti, ancore e punti di contatto sono importanti per l'esperienza complessiva del cliente. E se questa interazione assume la forma di una semplice pagina di contatto, o arriva al punto di aprire una finestra di chat con chiunque rimanga sul sito Web per più di 60 secondi, è qualcosa che dipende dai tipi di prodotti che vendi e dal statistiche medie sulle visite al sito Web per il tuo negozio.

Ma rendere un servizio clienti un successo non riguarda solo il software. Devi assicurarti che un professionista sia lì per gestire queste richieste o che sia un investimento sprecato. I clienti che hanno avuto il problema di fare clic sul pulsante "Contatta il servizio clienti" si aspettano di ricevere aiuto dal vivo da un vero essere umano. Puoi gestirlo tramite telefono o chat istantanea, una funzionalità che sta diventando più comune con i fornitori di servizi di helpdesk. E se sei a corto di personale, puoi fronteggiare le tue operazioni di assistenza clienti con chatbot intelligenti che "suonano" umani, pur essendo in grado di gestire un diluvio di richieste in arrivo a livello base, distribuendo solo le richieste più complesse all'homo reale sapiens.

9. Pagamento Breadcrumb

Quando i clienti effettuano il check out dal tuo negozio, a loro piace sapere dove si trovano nel processo, quanto sono lontani dalla loro conclusione e come tornare facilmente senza perdere tutti i dati che hanno già inserito. Breadcrumb Checkout mostra ai clienti esattamente dove si trovano nel processo utilizzando un design lineare del pulsante di navigazione che consente ai consumatori di fare clic avanti e indietro da Accesso, Opzioni di pagamento, Opzioni di spedizione, Ordina ordine o Continua gli acquisti. Senza questo layout, i consumatori possono premere il pulsante Indietro, vedere che le loro informazioni non sono registrate, essere frustrati e quindi lasciare il sito Web.

10. Viste a 360 gradi

Hai mai acquistato una giacca apparentemente modesta online solo per rendersi conto che ha un dorso di strass abbagliato? Bene, quando hai restituito quel prodotto, hai sprecato il tuo tempo e il tempo del fornitore e sei costato i soldi dell'azienda. Non preoccuparti, non è stata colpa tua. Più che probabile, il venditore aveva solo immagini di vista frontale e laterale della giacca. Se il fornitore avesse offerto immagini di visualizzazione a 360 gradi, avresti individuato questi strass e fatto clic sul pulsante Annulla ordine.

Non commettere questo stesso errore sul tuo sito web. Oltre a consentire ai clienti di ingrandire le immagini, offri loro la possibilità di ruotare o visualizzare più angoli dell'immagine, proprio come fa Kenneth Cole.com. In questo modo, non sono sorpresi quando aprono la scatola di consegna ed estraggono un prodotto che non si aspettavano.