7 consigli per progettare una pagina di checkout migliore
Con le festività natalizie dietro l'angolo, molti di noi faranno shopping online. (OK ... forse un sacco di acquisti!) La pagina di checkout di un sito Web può rendere quell'esperienza da ricordare o che vorresti dimenticare.
Se stai progettando una pagina di checkout, ci sono così tante considerazioni: funzionalità, usabilità, sicurezza e design. L'ultimo elemento è qualcosa su cui ogni designer può avere un impatto. Una pagina di checkout non deve essere progettata come ripensamento; è senza dubbio la pagina più importante dell'esperienza di acquisto online.
Renderlo visivo
Potrebbe sembrare un'idea ovvia, ma la pagina di pagamento di una pagina di e-commerce deve essere visiva. Troppi siti Web lo trasformano in un modulo di base.
Questo è importante per diversi motivi. Una connessione visiva tra le pagine di checkout e il resto del sito stabilisce la credibilità del marchio. Se la pagina di checkout è simile al resto del sito, è sicura e appartiene al sito. Gli elementi visivi, dai loghi agli articoli nel carrello, aiutano gli utenti a ricordare perché e dove si trovano sul Web. (Ricorda, gran parte del mondo è un gruppo abbastanza distratto di utenti di Internet.)
Quindi che tipo di immagini dovresti usare?
- Immagini. Come minimo, ogni articolo dovrebbe essere accompagnato da un'icona che mostra ciò che l'utente sta acquistando.
- Loghi. Il logo dell'azienda dovrebbe essere sempre chiaramente visibile (e cliccabile per tornare al resto del sito).
- Grandi pulsanti. Fai inviti all'azione come "Aggiungi al carrello", "Aggiorna elemento" e "Acquista ora" grandi, colorati e visivamente accattivanti. I pulsanti dovrebbero essere facili da trovare e farti desiderare di fare clic su di essi.
- Colore. Troppe pagine di checkout sono tutte bianche con caselle delineate. È OK usare il colore. Mantieni la combinazione di colori del resto del sito Web nella pagina di pagamento.
- Tipografia. Il testo dovrebbe essere semplice e facile da leggere. (Le persone tendono a "fidarsi" di caratteri serif semplici o sans serif più di uno script o di un carattere di novità.) Ma puoi anche divertirti con elementi di testo più grandi.
Includi loghi di pagamento e sigilli di sicurezza
Includi elementi visivi che facciano sentire bene gli utenti che fanno acquisti con te. Mentre la maggior parte delle persone capisce di poter pagare con una carta di credito online, avere piccoli loghi accanto ai pulsanti di pagamento rafforza questa idea.
È un segnale visivo piccolo ma rassicurante per gli utenti. Può aiutare a eliminare la confusione su quali tipi di pagamento sono accettati.
Ricorda solo di includere i loghi per tutti i tipi di pagamento. (Troppi siti ricordano i loghi delle carte di credito ma dimenticano PayPal o Apple Pay.) Mantenere le immagini piccole e raggrupparle in modo organizzato. (Per fortuna per i progettisti la maggior parte di questi elementi viene riprodotta bene in piccoli formati e ha proporzioni simili.)
A tal fine, prendere in considerazione la progettazione o il download di un kit di loghi di interfaccia utente speciale. Non sei limitato ai loghi di magazzino dell'azienda. Basta non scatenarsi troppo con il design; l'obiettivo è che gli utenti riconoscano i loghi di dimensioni molto ridotte sullo schermo.
Prendi in considerazione l'ingrandimento delle immagini
Le pagine di checkout che consentono agli utenti di dare un'ultima occhiata agli articoli nel carrello sono un grande bonus. Gli effetti al passaggio del mouse che ingrandiscono ogni articolo nel carrello o un pop-up possono facilitare agli utenti di vedere i potenziali acquisti un'ultima volta ed eliminare la frustrazione di dover tornare indietro per controllare un colore o una dimensione.
Un'altra opzione è quella di creare immagini in miniatura di grandi dimensioni per gli elementi nella pagina di pagamento. Questa immagine aggiuntiva può aiutare un utente a confermare la sua scelta di acquisto e a sentirsi ancora meglio riguardo all'acquisto.
Troppi designer trascurano di includere le immagini, facilitando l'abbandono di un carrello. Pensala in questo modo, avere un'immagine alla cassa equivale a stare in fila in un negozio fisico con un oggetto in mano. Non molte persone cambiano idea a questo punto.
Usa le tabelle
Le informazioni nel carrello devono essere organizzate alla perfezione. Il modo più semplice per raggiungere questo obiettivo è progettare il carrello sotto forma di tabella o formato simile basato su griglia.
Usa colonne e righe per visualizzare ogni articolo, un'immagine, descrizione, quantità, prezzo e ogni altra informazione rilevante. Gli elementi devono essere ordinati verticalmente in colonne con altre informazioni nella riga corrispondente. Questo stile di ordinamento è essenziale per i carrelli con più elementi in modo che gli utenti non siano costretti a spostarsi tra gli schermi anziché su e giù (il che è più comodo).
All'interno di ogni tabella o griglia, utilizzare un allineamento coerente. Sinistra è più comune. Considera anche il modo in cui i prezzi si allineano in modo che siano facili da vedere sullo schermo. Idealmente, i prezzi dovrebbero essere allineati in modo tale che i numeri prima e dopo un periodo siano nelle stesse posizioni per ciascun articolo.
Pensa alla funzionalità
Mentre gran parte delle funzionalità generali di un design di una pagina di checkout potrebbero non essere la direttiva di un designer, è qualcosa che deve essere considerato. (Il fatto che designer o sviluppatori creino questi concetti può variare in base al team.)
I principali problemi di funzionalità che richiedono elementi di design includono:
- Capacità e facilità di stampa da più schermate, anche prima e dopo il checkout.
- Includi la lista dei desideri o un altro metodo per salvare gli articoli per un acquisto successivo. Rendi condivisibili tali informazioni.
- Troppe pagine di checkout diventano buchi scuri senza collegamenti ad altre parti dell'esperienza di acquisto. Non bloccare gli utenti in pagine dalle quali non riescono a uscire.
- Consenti modifica nel carrello degli articoli.
- Prendi in considerazione un'opzione o una pagina di fatturazione stampabile. (Ciò è particolarmente importante se i tuoi clienti includono clienti aziendali.)
- Semplifica agli utenti la comprensione di come modificare, cambiare o aggiornare gli ordini. Molte pagine di checkout includono un contatore quantità accanto a ciascun articolo. Rendi quel numero facile da modificare (e dovrebbe aggiornarsi automaticamente).
- Semplifica la creazione di un account dopo il checkout. Non tutti i clienti hanno fatto acquisti con te prima. Dovrebbe essere semplice e veloce effettuare un acquisto e quindi registrarsi per un account. Prima converti la vendita.
Le icone chiave dovrebbero apparire su ogni pagina
Pensando al design della pagina di checkout, inizia nel momento in cui il concetto di sito Web inizia a includere un'opzione di e-commerce. Alcuni elementi di design devono essere presenti in tutto il sito Web.
Aggiungi al carrello e le icone della pagina di checkout devono essere trasportate in tutto il design. I pulsanti o gli elementi di navigazione dovrebbero avere lo stesso design (o abbastanza simile) dei pulsanti di azione corrispondenti nella pagina di pagamento.
Ricorda gli utenti mobili
Una percentuale crescente delle vendite avviene su dispositivi mobili anziché su computer desktop. Pensa al design della tua pagina di pagamento e alla facilità d'uso anche per questi clienti. (Niente è più frustrante - e fin troppo comune - di un sito Web che funziona su un telefono fino alla pagina di pagamento.)
Progetta gli elementi tenendo presente tocca e scorri. I pulsanti dovrebbero essere più grandi e più facili da vedere. Il modulo dovrebbe includere caselle più profonde in modo che siano facili da attingere senza dover ingrandire lo schermo.
Quando si tratta di utenti mobili, tenere tutto in una sola pagina è altrettanto importante. Crea una pagina di checkout che scorre anziché sfogliare più schermate.
Conclusione
Progettare una pagina di checkout può essere un grosso compito per qualsiasi designer. La chiave è qualcosa di cui parliamo spesso nella comunità del design: mantienila semplice. Progetta una struttura semplice con effetti minimi e attenzione all'usabilità e avrai maggiori probabilità di trovare successo.
Ricorda l'utente quando pensi alle pagine di pagamento. Sforzati di progettare una pagina che abbia un fascino visivo, loghi per guidare e informare gli utenti, molte immagini, un layout organizzato, una funzione, icone per guidare e promuovere le vendite e un'interfaccia ottimizzata per i dispositivi mobili.
Fotografie Stock Per gentile concessione del mercato creativo.
