7 porad dotyczących projektowania lepszej strony kasy
Zbliża się sezon wakacyjny, a wielu z nas robi zakupy online. (OK ... może dużo zakupów!) Strona kasy na stronie może sprawić, że będzie to niezapomniane przeżycie lub zapomnisz o tym.
Jeśli projektujesz stronę kasy, jest tak wiele czynników - funkcjonalność, użyteczność, bezpieczeństwo i wygląd. Ostatni element jest czymś, na co każdy projektant może mieć wpływ. Strona kasy nie powinna być traktowana jako uzupełnienie; jest to prawdopodobnie najważniejsza strona zakupów online.
Zrób to wizualnie
Może to zabrzmieć jak oczywisty pomysł, ale strona kasy na stronie e-commerce musi być wizualna. Zbyt wiele witryn zmienia go w podstawową formę.
Jest to ważne z kilku powodów. Wizualne połączenie między stronami kasy a resztą witryny określa wiarygodność marki. Jeśli strona kasy wygląda jak reszta witryny, wydaje się bezpieczna i należy do witryny. Elementy graficzne, od logo po elementy w koszyku, pomagają użytkownikom pamiętać, dlaczego i gdzie są w sieci. (Pamiętaj, że duża część świata to dość rozproszona grupa użytkowników Internetu).
Jakiego rodzaju wizualizacji powinieneś używać?
- Obrazy. Przynajmniej każdemu przedmiotowi powinna towarzyszyć ikona pokazująca, co kupuje użytkownik.
- Logo. Logo firmy powinno być zawsze wyraźnie widoczne (i klikalne, aby wrócić do reszty strony).
- Duże przyciski. Wykonuj wezwania do działania, takie jak „Dodaj do koszyka”, „Zaktualizuj przedmiot” i „Kup teraz”, duże, kolorowe i atrakcyjne wizualnie. Przyciski powinny być łatwe do znalezienia i sprawiają, że chcesz je kliknąć.
- Kolor. Zbyt wiele stron kasy jest białych z obrysowanymi polami. Można używać koloru. Zachowaj schemat kolorów pozostałej części witryny na stronie kasy.
- Typografia. Tekst powinien być prosty i łatwy do odczytania. (Ludzie mają tendencję do „ufania” zwykłym czcionkom szeryfowym lub sans serif bardziej niż czcionce skryptu lub nowości.) Ale możesz też dobrze się bawić przy większych elementach tekstowych.
Dołącz logo płatności i plomby zabezpieczające
Uwzględnij elementy wizualne, które sprawią, że użytkownicy będą się dobrze bawić podczas zakupów z Tobą. Chociaż większość ludzi rozumie, że mogą płacić kartą kredytową online, małe logo obok przycisków płatności wzmacnia ten pomysł.
Jest to niewielka, ale uspokajająca wizualna wskazówka dla użytkowników. Może to pomóc w wyeliminowaniu nieporozumień dotyczących akceptowanych rodzajów płatności.
Pamiętaj tylko, aby dołączyć logo dla wszystkich rodzajów płatności. (Zbyt wiele witryn pamięta logo karty kredytowej, ale zapomina o PayPal lub Apple Pay.) Utrzymuj małe obrazy i grupuj je w uporządkowany sposób. (Na szczęście dla projektantów większość tych elementów renderuje się dobrze w małych formatach i ma podobne proporcje.)
Rozważ zaprojektowanie lub pobranie w tym celu specjalnego zestawu interfejsu użytkownika z logo. Nie jesteś ograniczony do logo zapasów firmy. Po prostu nie bądź zbyt szalony dzięki temu projektowi; celem jest, aby użytkownicy rozpoznawali logo w bardzo małym rozmiarze na ekranie.
Rozważ powiększenie zdjęć
Świetną premią są strony kasy, które pozwalają użytkownikom na ostatnie spojrzenie na przedmioty w koszyku. Efekty najechania, które powiększają każdy element w koszyku lub wyskakujące okienko, mogą ułatwić użytkownikom zobaczenie potencjalnych zakupów po raz ostatni i wyeliminować frustrację związaną z koniecznością cofania się w celu sprawdzenia koloru lub rozmiaru.
Inną opcją jest tworzenie dużych miniatur obrazów dla elementów na stronie kasy. Ten dodatkowy obraz może pomóc użytkownikowi potwierdzić wybór zakupów i poczuć się jeszcze lepiej na temat zakupu.
Zbyt wielu projektantów w ogóle zaniedbuje dołączanie obrazów, co ułatwia porzucenie koszyka. Pomyśl o tym w ten sposób - posiadanie obrazu przy kasie jest równoznaczne ze stanięciem w kolejce w fizycznym sklepie z przedmiotem w ręku. W tej chwili niewiele osób zmienia zdanie.
Użyj tabel
Informacje w koszyku muszą być uporządkowane do perfekcji. Najłatwiejszym sposobem na osiągnięcie tego jest zaprojektowanie wózka w formie tabeli lub podobnego formatu opartego na siatce.
Użyj kolumn i wierszy, aby wyświetlić każdy element, obraz, opis, ilość, cenę i wszelkie inne istotne informacje. Elementy powinny być sortowane pionowo w kolumnach z innymi informacjami w odpowiednim wierszu. Ten styl sortowania jest niezbędny w przypadku wózków z wieloma przedmiotami, aby użytkownicy nie byli zmuszani do przemieszczania się między ekranami zamiast w górę iw dół (co jest wygodniejsze).
W obrębie każdej tabeli lub siatki używaj spójnego wyrównania. Lewy jest najczęstszy. Zastanów się również, w jaki sposób ceny się wyrównują, aby były dobrze widoczne na ekranie. Idealnie ceny powinny być w jednej linii, aby liczby przed i po okresie były na tych samych pozycjach dla każdego elementu.
Pomyśl o funkcjonalności
Chociaż duża część ogólnej funkcjonalności projektu strony kasy może nie być dyrektywą projektanta, jest to coś, co należy wziąć pod uwagę. (To, czy projektanci czy programiści tworzą te koncepcje, może różnić się w zależności od zespołu).
Kluczowe obawy dotyczące funkcjonalności, które wymagają elementów projektu, obejmują:
- Możliwość i łatwość drukowania z wielu ekranów, w tym przed i po kasie.
- Dołącz funkcjonalność listy życzeń lub inną metodę zapisywania przedmiotów do późniejszego zakupu. Udostępnij te informacje.
- Zbyt wiele stron kasy staje się ciemnymi dziurami bez linków do innych części zakupów. Nie zamykaj użytkowników na stronach, z których nie mogą się wydostać.
- Zezwalaj na edycję przedmiotów w koszyku.
- Rozważ opcję lub stronę fakturowania do wydruku. (Jest to szczególnie ważne, jeśli Twoi klienci to klienci biznesowi).
- Ułatw użytkownikom zrozumienie, jak modyfikować, zmieniać lub aktualizować zamówienia. Wiele stron kasy zawiera licznik ilości obok każdego elementu. Uczyń ten numer łatwym do edycji (i powinien aktualizować się automatycznie).
- Ułatw założenie konta po zrealizowaniu zamówienia. Nie każdy klient robił już u Ciebie zakupy. Dokonanie zakupu powinno być szybkie i łatwe, a następnie założyć konto. Najpierw ukryj sprzedaż.
Kluczowe ikony powinny pojawiać się na każdej stronie
Myślenie o projekcie strony kasy zaczyna się w momencie, gdy koncepcja strony zaczyna zawierać opcję e-commerce. Niektóre elementy projektu muszą być przenoszone na całej stronie internetowej.
Dodaj do koszyka, a ikony strony kasy powinny być przenoszone przez cały projekt. Przyciski lub elementy nawigacyjne powinny mieć taki sam wygląd (lub dość podobny) jak odpowiadające im przyciski akcji na stronie kasy.
Pamiętaj o użytkownikach mobilnych
Rosnący odsetek sprzedaży odbywa się na urządzeniach mobilnych, a nie komputerach stacjonarnych. Pomyśl również o projekcie swojej strony kasy i łatwości użytkowania dla tych klientów. (Nie ma nic bardziej frustrującego - i zbyt powszechnego - niż strona internetowa działająca na telefonie aż do strony kasy).
Projektuj elementy z myślą o dotknięciu i przesunięciu. Przyciski powinny być większe i lepiej widoczne. Formularz powinien zawierać głębsze pola, aby można było z nich łatwo korzystać bez konieczności powiększania ekranu.
Jeśli chodzi o użytkowników mobilnych, utrzymanie wszystkiego na jednej stronie jest równie ważne. Utwórz stronę kasy, która przewija, a nie przewija przez wiele ekranów.
Wniosek
Projektowanie strony kasy może być dużym zadaniem dla każdego projektanta. Kluczem jest coś, o czym często rozmawiamy w społeczności projektantów: Prostota. Zaprojektuj prosty zarys z minimalnymi efektami i skupiając się na użyteczności, a bardziej prawdopodobne jest, że odniesiesz sukces.
Pamiętaj o użytkowniku, gdy myślisz o stronach kasy. Postaraj się zaprojektować stronę, która będzie wyglądać atrakcyjnie, z logo, które poprowadzą i poinformują użytkowników, dużą ilością zdjęć, uporządkowanym układem, funkcją, ikonami prowadzącymi i promującymi sprzedaż oraz interfejsem przyjaznym dla urządzeń mobilnych.
Zdjęcia Stock Dzięki uprzejmości Kreatywnie rynek.
