Dal 2011, molti membri della comunità del design hanno spinto il design responsivo ai nostri clienti come una caratteristica "piacevole da avere". Ma nel 2014 è iniziata la realtà: un sito web reattivo è diventato una parte essenziale della presenza online di qualsiasi azienda.
Un'area del Web che è molto indietro in termini di fornire un'interfaccia moderna e di facile utilizzo per i clienti è la vendita al dettaglio online. Molti rivenditori, anche di grandi dimensioni, non hanno investito le risorse per costruire un estore reattivo che funzioni su tutte le dimensioni e le forme dei dispositivi.
Ma è davvero necessario un vero e proprio reattivo estore? Voglio dire, chi ha veramente preso qualcosa sul telefono in questi giorni? Tutti sanno che le persone usano solo i telefoni per musica, foto e social media - giusto?
Bene, continua a leggere per vedere cosa Amazon ha da dire su questo ...
Sappiamo tutti che le vendite di dispositivi mobili sono in pieno boom, ma non fa male ricordare a noi stessi quanto sia grande una sezione del mercato mobile.
Nel 2009, Amazon ha venduto oltre $ 1.000.000.000 di merchandising agli acquirenti di dispositivi mobili. Nel 2012, hanno venduto tra $ 3 e $ 5 miliardi di vendite annuali da dispositivi mobili. Sì, è giusto un aumento 5x a $ 5 miliardi di dollari in soli 3 anni!
Nel Black Friday del 2013, le vendite mobili rappresentavano il 21,8% di tutte le vendite online. Questo è quasi un aumento del 43% rispetto al 2012, secondo il report IBM Benchmark di IBM.
Pensaci per un minuto ... questo è un sacco di potenziali entrate perse se il tuo sito web non è ottimizzato per funzionare bene su schermi di dimensioni minori.
Una cosa interessante da notare, è che il Black Friday mentre il traffico mobile rappresentava il 37% di tutto il traffico online, rappresentava solo il 21,8% delle vendite online. Ciò significa che alcuni clienti utilizzano i propri dispositivi più piccoli per cercare e acquistare i prezzi dei loro articoli, ma andranno sul loro tablet o desktop in seguito per acquistare gli articoli.
Quella discrepanza del 15% tra traffico e vendite probabilmente significa che, come progettisti e rivenditori, abbiamo ancora un po 'di lavoro da fare per ottimizzare le nostre esperienze di shopping mobile.
Una ragione potrebbe essere dovuta al fatto che la procedura di checkout di solito richiede al cliente di compilare molti campi con tutte le informazioni di acquisto. Compilare i moduli può essere difficile su schermi di dimensioni minori, quindi i clienti possono semplicemente scegliere di mettere le cose nel carrello e passare a un tablet o desktop per l'acquisto.
Ma perché un processo di pagamento mobile dovrebbe essere più difficile di un desktop? Non possiamo rimuovere parte di quella procedura di fill-in manuale utilizzando gli account Paypal, Google Wallet, Amazon o iTunes?
O che ne dici di scansionare la carta di credito di un cliente con la sua fotocamera per rendere più facile la verifica? L'ultimo iOS 8 di Apple, che debutterà nell'autunno del 2014, avrà questa capacità integrato in Safari .
Secondo a studi recenti da Mobify, se il tuo estore non risponde, il 30% dei clienti abbandonerà il sito prima dell'acquisto.
Pensa a quanti soldi un rivenditore tradizionale perderebbe l'anno prossimo se ogni lunedì mettessero un segno nelle vetrine dei negozi che dicevano "Sì, siamo chiusi oggi!" Non perderebbero solo un'enorme quantità di entrate, ma i clienti frustrati vorrebbero vai invece ai loro concorrenti.
Per i progettisti ciò significa che abbiamo davvero bisogno di lavorare sulle nostre capacità di progettazione reattiva in modo che possiamo costruire migliori stabili e aiutare i clienti a offrire ai loro clienti un'esperienza migliore. Significa che dobbiamo imparare i framework ecommerce come Shopify , Magento , LemonStand e Bigcommerce che ti danno il potere di costruire temi estore personalizzati e reattivi.
Per i rivenditori online, questo significa che abbiamo davvero bisogno di fare un bilancio delle nostre proprietà e vedere quanto sono ottimizzate per funzionare su tutte le dimensioni e forme dei dispositivi. Dovremmo anche dare un'occhiata a quanto sia semplice e facile per i clienti acquistare cose da noi. Molti negozi perdono ogni anno moltissimi clienti perché la procedura di checkout non è semplice e facile, e richiede troppo tempo.
Una ragione spesso trascurata per costruire un'esperienza di e-commerce reattiva è ciò che comunica del tuo marchio ai tuoi clienti. Un primo sito web reattivo e di piccole dimensioni dice ai clienti che ci si preoccupa delle loro esigenze e abitudini. Sempre più persone in questi giorni stanno usando i loro telefoni per eseguire la maggior parte delle loro attività su Internet. Non soddisfacendo i bisogni delle persone, stai dicendo loro che non ti importa dei loro affari e preferirebbe fare acquisti altrove.
Non costruire un estore reattivo è come avviare una società per promuovere uno stile di vita sano, e poi ogni settimana ognuno guida la propria auto alla riunione della società! Dire che ti preoccupi dei clienti e vuoi far crescere il tuo business è una cosa, ma il tuo sito web lo dimostra davvero?
Un estore reattivo che è ben progettato parla volumi sulla tua azienda. Dice che sei lungimirante e stai attivamente cercando modi per migliorare i tuoi prodotti e la vita dei tuoi clienti. Segnala ai potenziali investitori che ti interessi per far crescere la tua attività. Inoltre, consente ai clienti di sapere che sei un business di successo.
Pensa a quest'ultima affermazione. Immaginate se avete sentito parlare di questa grande nuova caffetteria che qualcuno ha consigliato, ma quando siete andati lì per comprare un caffè, il marciapiede era pieno di spazzatura, tutti i tavoli all'interno stavano cadendo a pezzi, e non avevano nessuna connessione wi-fi! Penso che sia sicuro dire che la maggior parte di noi andrebbe via e non tornerà mai più.
Una delle grandi spinte nella comunità del design in questo momento è quella di progettare i siti da una prospettiva in piccolo formato mobile. Partire da una dimensione così limitata ti costringe a pensare a ciò che conta veramente per i tuoi utenti. Ti aiuta a creare un'esperienza generale migliore per loro iniziando in piccolo e lavorando, invece di costruire un sito grande e poi rimpicciolire le cose per piccoli dispositivi.
Uno dei grandi vantaggi di questo modo di approcciare i siti Web è che ti costringe a pensare a soluzioni semplici per utenti mobili e touch che in definitiva miglioreranno l'esperienza di tutti i tuoi clienti.
Se inizi a progettare da una grande dimensione del desktop, puoi costruire una bella intestazione con link, il tuo logo, le informazioni di contatto, le informazioni sul carrello ecc. Ma quando provi a ridurlo a dimensioni più piccole, scopri che occupa metà spazio verticale del tuo viewport - ahi, non è molto facile da usare!
Se invece si inizia da una piccola forma e si pensa allo spazio pubblicitario visibile, si progetta qualcosa di semplice e breve per mostrare solo le informazioni più importanti.
Questo processo ti costringe a riflettere su ciò che è più importante per i tuoi utenti / clienti. Il semplice processo di organizzazione delle cose basato sull'importanza fa molto per aiutarti a progettare un'interfaccia migliore e più utilizzabile in tutti i formati e fattori di forma.
Quindi potresti pensare in grande, questo articolo è davvero necessario per aziende come Apple, Walgreens e il mio bagel-shop locale, ma cosa significa per me come web designer?
Questa mancanza di ben progettato, super user-friendly, caricamento veloce, estore reattivo significa che c'è una grande opportunità per te come designer da cogliere. Molte, molte aziende non hanno costruito un estore reattivo, né sanno nemmeno perché dovrebbero. Tu come designer puoi affiancarti come prezioso consulente aziendale e aiutarli a educarli e mostrare loro dove è diretto il mercato.
Ciò significa anche che potresti probabilmente concentrare tutte le tue energie sulla riprogettazione delle vecchie stanze a larghezza fissa e avere abbastanza lavoro per tenerti occupato per i prossimi 2 anni. Ora cosa stavi dicendo l'altro giorno di aver bisogno di più clienti ?!