7 tipů pro návrh lepší stránky pokladny
S prázdninovou sezónou hned za rohem bude mnoho z nás nakupovat online. (Dobře… možná hodně nakupování!) Stránka s pokladnami na webu může tento zážitek zapamatovat, nebo si přejete zapomenout.
Pokud navrhujete stránku pokladny, existuje tolik úvah - funkčnost, použitelnost, zabezpečení a design. Posledním prvkem je něco, na co může mít každý návrhář vliv. Stránka pokladny by neměla být navržena jako dodatečná myšlenka; je to pravděpodobně nejdůležitější stránka v online nakupování.
Ať je to vizuální
Může to znít jako zřejmý nápad, ale stránka pokladny na stránce elektronického obchodu musí být vizuální. Příliš mnoho webových stránek jej mění v základní formu.
To je důležité z několika důvodů. Vizuální propojení mezi stránkami pokladny a zbytkem webu vytváří důvěryhodnost značky. Pokud stránka pokladny vypadá jako zbytek webu, je to bezpečné a patří k webu. Vizuální prvky, od loga po položky v košíku, pomáhají uživatelům zapamatovat si, proč a kde jsou na webu. (Pamatujte, že většina světa je poměrně rozptýlená skupina uživatelů internetu.)
Takže jaký druh vizuálů byste měli používat?
- Snímky. Ke každé položce by měla být připojena minimálně ikona, která ukazuje, co uživatel kupuje.
- Loga. Logo společnosti by mělo být vždy jasně viditelné (a kliknutím na něj se dostanete zpět na zbytek webu).
- Velká tlačítka. Volejte na akce, jako je „Přidat do košíku“, „Aktualizovat položku“ a „Koupit nyní“ velké, barevné a vizuálně přitažlivé. Tlačítka by měla být snadno k nalezení a měla byste na ně kliknout.
- Barva. Příliš mnoho stránek pokladny je bílé s obrysy. Je v pořádku použít barvu. Na stránce pokladny udržujte barevné schéma zbytku webu.
- Typografie. Text by měl být jednoduchý a snadno čitelný. (Lidé mají tendenci „důvěřovat“ jednoduchým patkovým nebo bezpatkovým typům písma více než skript nebo novinové písmo.) Ale můžete se také bavit s většími textovými prvky.
Zahrňte platební loga a bezpečnostní plomby
Zahrňte vizuální prvky, díky nimž se uživatelé budou s nákupem cítit dobře. Zatímco většina lidí chápe, že mohou platit kreditní kartou online, tuto myšlenku posiluje malá loga vedle platebních tlačítek.
Je to malá, ale přesto uklidňující vizuální narážka pro uživatele. Může pomoci zamezit nejasnostem ohledně toho, jaké typy plateb jsou přijímány.
Nezapomeňte zahrnout loga pro všechny typy plateb. (Příliš mnoho webů si pamatuje loga kreditních karet, ale zapomeňte na PayPal nebo Apple Pay.) Uchovávejte obrázky malé a uspořádejte je do organizovaného uspořádání. (Naštěstí pro návrháře se většina těchto prvků vykresluje dobře v malých formátech a mají podobné poměry stran.)
Pro tento účel zvažte vytvoření nebo stažení speciální loga uživatelského rozhraní. Nejste omezeni na loga akcií společnosti. Jen se s designem příliš nestarejte; cílem je, aby uživatelé rozpoznali loga na velmi malé velikosti na obrazovce.
Zvažte zvětšení obrázků
Skvělé bonusem jsou stránky pokladny, které uživatelům umožňují poslední pohled na položky v košíku. Efekty přechodu, které zvětšují každou položku v košíku nebo vyskakovací okno, mohou uživatelům usnadnit poslední potenciální nákupy a eliminovat frustrace z nutnosti vrátit se zpět a zkontrolovat barvu nebo velikost.
Další možností je vytvoření nadměrných miniaturních obrázků pro položky na stránce pokladny. Tento dodatečný obrázek může pomoci uživateli potvrdit, zda je volba nakupování, a cítí se při nákupu ještě lépe.
Příliš mnoho designérů zanedbává zahrnutí obrázků vůbec, což usnadňuje opuštění košíku. Přemýšlejte o tom tímto způsobem, mít obrázek u pokladny je ekvivalentní postavení v řádku u fyzického obchodu s položkou v ruce. V tuto chvíli si mnoho lidí nemění názor.
Použijte tabulky
Informace v košíku musí být uspořádány k dokonalosti. Nejjednodušší způsob, jak toho dosáhnout, je navrhnout vozík ve formě tabulky nebo podobného formátu založeného na mřížce.
Pomocí sloupců a řádků můžete zobrazit každou položku, obrázek, popis, množství, cenu a další důležité informace. Položky by měly být uspořádány svisle ve sloupcích s dalšími informacemi v odpovídajícím řádku. Tento styl třídění je nezbytný pro vozíky s více položkami, takže uživatelé nejsou nuceni pohybovat se po obrazovkách místo nahoru a dolů (což je pohodlnější).
V každé tabulce nebo mřížce použijte konzistentní zarovnání. Nejčastější je vlevo. Zvažte také způsob zarovnání cen tak, aby byly snadno vidět na obrazovce. Ideálně by se ceny měly zarovnat tak, aby čísla před a po období byla pro každou položku na stejných pozicích.
Přemýšlejte o funkčnosti
Přestože velká část celkové funkčnosti návrhu stránky pokladny nemusí být směrnicí návrháře, je třeba ji zvážit. (Zda tým designéři nebo vývojáři vytvářejí tyto koncepty se mohou v týmu lišit.)
Mezi klíčové problémy týkající se funkčnosti, které vyžadují konstrukční prvky, patří:
- Schopnost a snadnost tisku z více obrazovek, včetně před a po pokladně.
- Zahrňte funkce seznamu přání nebo jinou metodu pro uložení položek pro pozdější nákup. Umožněte tuto informaci sdílet.
- Příliš mnoho stránek pokladny se stane tmavými dírami bez odkazů zpět na jiné části nákupního zážitku. Nezamykejte uživatele na stránky, ze kterých se nemohou dostat.
- Povolit úpravy položek v košíku.
- Zvažte možnost fakturace pro tisk nebo stránku. (To je zvláště důležité, pokud vaši zákazníci zahrnují obchodní klienty.)
- Usnadněte uživatelům pochopení, jak upravit, změnit nebo aktualizovat objednávky. Mnoho stránek pokladny obsahuje počítadlo množství vedle každé položky. Usnadněte editaci tohoto čísla (a mělo by se automaticky aktualizovat).
- Usnadněte si vytvoření účtu po pokladně. Ne každý zákazník s vámi už nakupoval. Mělo by být rychlé a snadné provést nákup a poté se zaregistrovat k účtu. Nejprve zakryjte prodej.
Klíčové ikony by se měly objevit na každé stránce
Když přemýšlíme o designu stránky pokladny, začíná okamžik, kdy koncept webových stránek začne zahrnovat možnost elektronického obchodování. Některé konstrukční prvky musí být přenášeny na celém webu.
Ikony přidat do košíku a stránky pokladny by se měly přenášet v celém návrhu. Tlačítka nebo navigační prvky by měly mít stejný design (nebo docela podobný) jako odpovídající akční tlačítka na stránce pokladny.
Pamatujte si mobilní uživatele
Rostoucí procento prodeje se děje spíše na mobilních zařízeních než na stolních počítačích. Přemýšlejte o designu vaší stránky pokladny a o snadném použití pro tyto zákazníky. (Nic není frustrující - a až příliš běžné - než web, který pracuje na telefonu až po stránku pokladny.)
Navrhněte prvky s kohoutkem a přejeďte prstem. Tlačítka by měla být větší a lépe viditelná. Formulář by měl obsahovat hlubší rámečky, aby se na ně snadno bylo možné napojit, aniž by bylo nutné přiblížit obrazovku.
Pokud jde o mobilní uživatele, je stejně důležité mít vše na jedné stránce. Vytvořte stránku pokladny, která spíše posouvá než prolíná více obrazovek.
Závěr
Návrh stránky pokladny může být velkým úkolem pro každého návrháře. Klíčem je něco, o čem v komunitě designu často mluvíme: Zachovejte to jednoduše. Navrhněte jednoduchý obrys s minimálními efekty a zaměřením na použitelnost a je pravděpodobnější, že najdete úspěch.
Pamatujte na uživatele, když přemýšlíte o pokladních stránkách. Snažte se navrhnout stránku, která má vizuální přitažlivost, loga pro vedení a informování uživatelů, spoustu obrázků, organizované rozvržení, funkce, ikony pro vedení a propagaci prodeje a rozhraní přátelské k mobilu.
Fotografie S laskavým svolením Creative Market.
