Con le festività natalizie dietro l'angolo, molti di noi faranno shopping online. (OK? Forse un sacco di shopping!) La pagina di checkout di un sito web può rendere quella esperienza da ricordare, o quella che si desidera 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 dovrebbe essere progettata come un ripensamento; è probabilmente la pagina più importante nell'esperienza di shopping online.
Rendilo visivo
Potrebbe sembrare un'idea ovvia, ma la pagina di verifica di una pagina di e-commerce deve essere visiva. Troppi siti Web lo trasformano in un modulo di base.
Questo è importante per diverse ragioni. Una connessione visiva tra le pagine di checkout e il resto del sito stabilisce la credibilità del marchio. Se la pagina di check-out si presenta come il resto del sito, sembra sicura e come appartiene al sito. Le immagini, 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 chiamate all'azione come? Aggiungi al carrello? ? Aggiorna elemento? e? Acquista ora? grande, colorato e visivamente accattivante. I pulsanti dovrebbero essere facili da trovare e farti desiderare di cliccarli.
- Colore. Troppe pagine di pagamento sono tutte bianche con riquadri delineati. Va bene usare il colore. Mantenere 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 tipografici serif o sans serif più di un font di script o di novità.) Ma puoi divertirti anche con elementi di testo più grandi.
Includi loghi di pagamento e sigilli di sicurezza
Includi elementi visivi che fanno sentire gli utenti soddisfatti dello shopping con te. Mentre molte persone capiscono di poter pagare con una carta di credito online, avere piccoli loghi accanto ai pulsanti di pagamento rafforza questa idea.
È un piccolo, ma rassicurante segnale visivo 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.) Conserva le immagini piccole e raggruppale in modo organizzato. (Fortunatamente per i progettisti la maggior parte di questi elementi è ben resa in piccoli formati e ha proporzioni simili).
Prendi in considerazione la possibilità di progettare o scaricare un kit di loghi speciali per l'interfaccia utente a questo scopo. Non sei limitato ai loghi delle scorte dell'azienda. Semplicemente non esagerare con il design; l'obiettivo è che gli utenti riconoscano i loghi su una dimensione molto piccola 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 vantaggio. Gli effetti al passaggio del mouse che ingrandiscono ogni elemento nel carrello o in una finestra a comparsa possono rendere facile per gli utenti la possibilità 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 è creare immagini in miniatura di dimensioni eccessive per gli articoli 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, rendendo più facile abbandonare un carrello. Pensaci 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.
Utilizzare le tabelle
Le informazioni nel carrello devono essere organizzate alla perfezione. Il modo più semplice per ottenere ciò è progettare il carrello sotto forma di tabella o di un simile formato basato su griglia.
Utilizza colonne e righe per visualizzare ogni elemento, un'immagine, descrizione, quantità, prezzo e qualsiasi altra informazione pertinente. Gli articoli dovrebbero 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 su schermi anziché su e giù (il che è più comodo).
All'interno di ogni tabella o griglia, utilizzare l'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 che i numeri prima e dopo un periodo si trovino nelle stesse posizioni per ciascun articolo.
Pensa alla funzionalità
Mentre la maggior parte delle funzionalità generali di una pagina di checkout potrebbe non essere la direttiva di un designer, è qualcosa che deve essere considerata. (Se i progettisti o gli sviluppatori creano questi concetti possono variare a seconda del team.)
Principali aspetti di funzionalità che richiedono elementi di progettazione:
- Capacità e facilità di stampa da più schermi, inclusi prima e dopo il checkout.
- Includi funzionalità wishlist o un altro metodo per salvare gli oggetti per l'acquisto successivo. Rendi le informazioni condivisibili.
- Troppe pagine di checkout diventano buchi scuri senza ricondurre i link ad altre parti dell'esperienza di acquisto. Non bloccare gli utenti in pagine da cui non possono uscire.
- Consenti la modifica nel carrello degli articoli.
- Considera un'opzione o una pagina di fatturazione stampabile. (Questo è particolarmente importante se i clienti includono clienti aziendali.)
- Rendi più facile per gli utenti capire come modificare, modificare o aggiornare gli ordini. Molte pagine di pagamento includono un contatore di quantità accanto a ciascun articolo. Rendi il numero facile da modificare (e dovrebbe aggiornarsi automaticamente).
- Semplifica la creazione di un account dopo il checkout. Non tutti i clienti hanno comprato con te prima. Dovrebbe essere veloce e facile effettuare un acquisto e quindi registrarsi per un account. Prima la vendita.
Le icone chiave dovrebbero apparire su ogni pagina
Pensando alla progettazione della pagina di pagamento, inizia nel momento in cui il concetto di sito Web inizia a includere un'opzione di e-commerce. Alcuni elementi di design devono essere trasportati attraverso l'intero sito web.
Aggiungi al carrello e le icone della pagina di pagamento dovrebbero 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 checkout.
Ricorda gli utenti mobili
Una percentuale crescente di vendite sta accadendo su dispositivi mobili piuttosto che 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.)
Elementi di design con tap e swipe in mente. I pulsanti dovrebbero essere più grandi e più facili da vedere. Il modulo deve includere caselle più profonde in modo che siano facili da sfruttare senza dover ingrandire lo schermo.
Quando si tratta di utenti mobili, tenere tutto in un'unica pagina è ugualmente importante. Crea una pagina di check-out che scorre piuttosto che capovolgere più schermi.
Conclusione
Progettare una pagina di pagamento può essere un grande compito per qualsiasi designer. La chiave è qualcosa di cui parliamo spesso nella comunità del design: mantieni la semplicità. Disegna un profilo semplice con effetti minimi e un'attenzione particolare all'usabilità e avrai maggiori probabilità di trovare il successo.
Ricorda l'utente quando pensi alle pagine di pagamento. Sforzati di progettare una pagina che abbia un aspetto visivo, loghi per guidare e informare gli utenti, moltissime immagini, un layout organizzato, funzioni, icone per guidare e promuovere le vendite e un'interfaccia ottimizzata per i dispositivi mobili.
Fotografie Stock Per gentile concessione del mercato creativo.