Share
Con i continui progressi della concorrenza nella tecnologia dei telefoni cellulari e tablet, le sfide che si presentano al progettista di un sito di e-commerce sono in continua evoluzione. Mentre il progresso tecnologico in questo settore è popolare con il consumatore e offre costantemente ai proprietari di imprese nuove opportunità per raggiungere i clienti in scenari e luoghi sempre più vari, può certamente fornire ai progettisti di siti Web alcuni ostacoli interessanti. In questo articolo affronteremo alcuni di questi ostacoli. Analizzerò alcuni dei passaggi più importanti da prendere in considerazione nella preparazione di un sito di e-commerce per l'accesso mobile e offrirò alcuni consigli in base alla mia esperienza.
La domanda di siti di e-commerce accessibili ai dispositivi mobili è elevata, ma vale la pena notare che il modo in cui i consumatori acquistano dai dispositivi mobili è diverso da come potrebbero acquistare dal comfort del proprio desktop. C'è l'aspettativa di poter accedere agli stessi siti, ma in modo tale che sia opportunamente semplificato per lo schermo più piccolo.
Il comportamento di acquisto dei consumatori su dispositivi mobili differisce significativamente da quello rilevato con dispositivi statici di dimensioni maggiori. In un sondaggio pubblicato da Adobe, è stato evidenziato che gli acquirenti di tablet lo sono il doppio delle probabilità effettuare un acquisto come acquirenti di smartphone, dimostrando il modo in cui il particolare strumento influenza l'attività del consumatore. Per saperne di più su questa tendenza, dai un'occhiata a questo studio sullo shopping dei tablet (lo studio Adobe Digital Marketing Insights 2012 può essere scaricato qui).
Detto questo, è importante mantenere un equilibrio nell'accessibilità; mentre l'accesso ai tablet è ovviamente redditizio e gli utenti mobili più ricchi (a loro volta, i consumatori più abbienti) potrebbero inclinarsi verso l'iPhone, il sito dovrebbe essere progettato per funzionare altrettanto bene su tutte le piattaforme mobili. Sebbene questa differenza comportamentale rimanga probabilmente tra utenti di dispositivi più grandi e più piccoli, i progettisti di siti Web possono affrontare il problema, laddove possibile, prendendo in considerazione altri problemi che influiscono sulle differenze di comportamento e rendendo il più semplice possibile per gli utenti effettuare acquisti tramite il cellulare posto.
Sia che si tratti di un sito Web reattivo, sia di una soluzione mobile specifica, è fondamentale assicurarsi che le funzionalità più importanti vengano trasferite e che il contenuto del sito mobile abbia la priorità per la facilità d'uso. Queste funzionalità dovrebbero includere:
Un eccellente esempio di un sito di e-commerce mobile è il sito Web Toys R Us, così come ASOS; entrambi sono particolarmente chiari da navigare e disposti logicamente.
Se trovi un sito particolarmente piacevole da utilizzare su un dispositivo mobile, pensa ai motivi per cui e quali elementi rendono il sito mobile-friendly - i buoni siti hanno spesso molto in comune.
Decidere quali elementi sono rilevanti sia per i desktop che per i dispositivi mobili è una parte vitale del processo. Il trucco è in ordine di priorità; ordina i tuoi link in modo logico e assicurati che le funzionalità funzionino altrettanto bene per i visualizzatori mobili come visualizzatori desktop. Gli elementi più importanti per un sito di e-commerce sono:
Ne consegue che questi dovrebbero sempre essere nella parte superiore dello schermo. Meno importanti sono i social share e i link ai prodotti correlati, quindi mentre il sito dovrebbe ovviamente incoraggiare quest'ultimo, mantenere la concentrazione sul prodotto è fondamentale.
Utilizzare i punti di ancoraggio all'interno di una pagina è uno dei modi per gestire la navigazione del cliente; con una piccola selezione di link sotto il pulsante "aggiungi al carrello" (come "descrizione", "informazioni di consegna", "prodotti correlati") che, quando premuto, scorre automaticamente nella parte pertinente dello schermo, lo rende facile ed efficiente per gli utenti di scoprire il prodotto prima dell'acquisto. Avere un pulsante "back to top" sempre presente è d'obbligo.
Consiglio vivamente di creare siti di e-commerce utilizzando il framework Bootstrap di Twitter. È semplice, facile da usare e facilita il ridimensionamento tra schermi più grandi e più piccoli senza intoppi. Questo viene fornito con HTML, CSS e JS per numerosi usi, fornendo vari elementi di interfaccia tra cui gruppi di pulsanti, pulsanti a discesa, miniature, avvisi, barre di avanzamento e molto altro ancora. Offrono anche alcuni buoni consigli su come montare tutto insieme, oltre a alcuni modelli suggeriti e incoraggiamento a "iterare su [gli] esempi". Questo ti aiuta a rendere il tuo sito unico, ma con il beneficio della guida iniziale fornita dal framework.
Opendesk è costruito su Twitter BoostrapL'utilizzo di un framework come questo aiuta anche con un altro aspetto importante dell'e-commerce per dispositivi mobili: ottimizzazione delle prestazioni. Strumenti come Twitter Bootstrap possono aiutare con l'uso di CSS anziché di immagini ove possibile, il che aiuta l'ottimizzazione delle prestazioni. Se è necessaria una sfumatura, usa CSS piuttosto che una sezione immagine. Qualsiasi immagine può essere ottimizzata assicurandosi che la dimensione del file sia la più piccola possibile senza compromettere la qualità inutilmente. I file Javascript e CSS devono essere minimizzati e, soprattutto, assicurarsi che i file Javascript indesiderati non vengano richiamati quando caricati su un dispositivo mobile. Ad esempio, se nella pagina iniziale è presente un carousel e un plug-in "clic per ingrandire" nelle pagine del prodotto, assicurarsi che non vengano caricati quando si accede al sito da un dispositivo mobile. Tutti questi controlli consentono al sito di funzionare nel modo più efficiente possibile per gli utenti mobili.
A causa dei modi in cui utilizziamo i nostri cellulari per il social networking, è probabile che i clienti che visualizzano un sito dai loro cellulari siano già registrati sui loro account Twitter e Facebook. È importante che il tuo sito di e-commerce sia progettato per rendere la condivisione di elementi con amici e follower attraverso questi strumenti il più semplice e veloce possibile, dopotutto è pubblicità gratuita, quindi qualsiasi cosa possa essere fatta per incoraggiarla può essere utile solo per gli affari!
Etsy colloca i collegamenti di social sharing in modo prominente sotto ciascun prodottoAncora una volta, la natura delle abitudini di navigazione mobile significa che i consumatori rischiano di essere più limitati in tempo rispetto a quando si è seduti a un computer e sono molto meno propensi a intraprendere un processo complicato (questo è pertinente a tutti gli aspetti del sito di e-commerce mobile , non semplicemente social networking). Di conseguenza, è a nostro favore garantire che tutto ciò che viene offerto tramite un sito di e-commerce possa essere eseguito rapidamente e senza intoppi da un dispositivo mobile.
I collegamenti di social networking sono importanti quanto qualsiasi altro elemento, dopotutto possono spesso tradursi direttamente in un maggior traffico sul sito web e in più vendite di e-commerce. I collegamenti che possono essere facilmente copiati, i pulsanti "mi piace" di Facebook e i pulsanti "segui" di Twitter dovrebbero essere tutti accessibili e semplici. Allo stesso modo in cui il sito deve essere semplificato per i dispositivi mobili, anche le aspettative dell'utente mobile sono semplificate; nessuno vuole giocare con infinite schermate multiple su un telefono cellulare - vedi sotto per la nostra struttura di checkout consigliata per un esempio di cosa intendiamo. Se pensate al tipo di situazioni in cui si verifica più frequentemente l'accesso a Internet mobile - pendolarismo, attesa per un amico, in attesa di un treno - è importante prendere nota della mentalità che accompagna quelle attività. Il consumatore mobile è naturalmente più irrequieto rispetto all'acquirente statico. I clienti spesso abbandonano del tutto un sito mobile se affrontano un'esperienza frustrante da remoto. Tutto ciò che riguarda lo shopping mobile è ricondotto al punto di partenza che, se è complicato da fare, è molto probabile che il consumatore non lo faccia. Dai un'occhiata qui al Nielsen Social Media Report 2012 per alcune informazioni davvero utili sul comportamento dei consumatori attraverso il social networking.
Poiché la procedura di checkout richiede numerosi campi di testo, questa può essere una delle parti più difficili di un sito di e-commerce. Il processo deve essere ben strutturato e facile da seguire su un dispositivo mobile. Consiglierei di progettare il carrello acquisti in sezioni come segue:
Nel progettare il processo di checkout, una struttura a fisarmonica è un ottimo approccio. Ciò fornisce all'utente una visione chiara del processo e conserva tutte le informazioni rilevanti su una schermata. Anche in questo caso, i siti Web Toys R Us e ASOS fungono da buoni esempi di carrelli della spesa facili da utilizzare sui dispositivi mobili.
Dove lavoro, sviluppiamo tutti i nostri progetti di e-commerce usando il nostro sistema che abbiamo costruito noi stessi per renderlo il più veloce, affidabile e flessibile possibile. Se sei uno sviluppatore web e ti consigliamo vivamente di investire quel tempo nello sviluppo di un tuo sistema,in quanto ti consente di adattarlo alle tue esigenze precise. Tuttavia, non sottovalutare quanto possa essere complesso e coinvolto! Per gli individui spesso non ha senso dal punto di vista del ROI e può portare a ulteriori complicazioni quando lo sviluppo e il supporto devono continuare. Se invece si è alla ricerca di una soluzione "standard", i requisiti dipendono da Magento o Shopify. Anche il Woocommerce sta guadagnando rapidamente popolarità grazie alla sua familiare integrazione con la piattaforma Wordpress.
Distribuzione del tipo di tecnologia del carrello acquisti utilizzata a livello globale (marzo 2014)Magento è una piattaforma open source che può essere scaricata e personalizzata. Lo svantaggio di questa particolare opzione è che è grande e può essere lento, quindi se stai usando questa piattaforma, i punti di cui sopra sull'ottimizzazione delle prestazioni saranno particolarmente rilevanti.
Shopify è una soluzione ospitata che è veloce e facile da usare. Nuovi plugin e aggiornamenti vengono costantemente rilasciati e, di conseguenza, è facile trovare plug-in che consentano di velocizzare il tuo sito di e-commerce per dispositivi mobili. Dai un'occhiata alla serie recente Scopri come creare temi per Shopify per saperne di più.
Vale la pena "fare shopping un po 'da solo"; visitare diversi siti di e-commerce da un dispositivo mobile e prendere nota di quelli che sono buoni e, soprattutto, che sono cattivi. I siti che sembrano buoni da uno schermo del desktop non sempre si adattano bene ai dispositivi mobili. Prendi nota delle cose cattive tanto quanto le cose che ritieni utili, per evitare di commettere gli stessi errori.
Ricorda; mantienilo semplice Più chiari sono i passaggi e più trasparente è il processo di acquisto, meglio è.I consumatori mobili si aspettano un'esperienza semplice e rapida risposta; fare acquisti da un cellulare è intrinsecamente uno stato mentale tanto quanto una scelta di dispositivo. Soprattutto, rendi più facile per i tuoi clienti spendere i loro soldi con te,piuttosto che con qualcun altro il cui sito sembra essere meglio strutturato.
Accentsconagua