Dobry projekt jest pod wieloma względami „niewidoczny” dla przeciętnego użytkownika Internetu, szczególnie jeśli chodzi o sklepy internetowe. Wielu z nas prawie nie rozważy projektu strony e-commerce, dopóki nie zawiedzie nas w jakiś sposób. Ten irytujący moment, w którym nie możesz znaleźć produktów, które chcesz kupić, lub gdy zdjęcia produktów są zbyt małe i zbyt długo ładują się, tak bardzo irytując! Funkcjonalność zawsze znacznie przewyższy styl i estetykę, jeśli chodzi o stworzenie projektu, który naprawdę działa dla marki e-commerce. Oto kilka ważnych zasad, które pomogą Ci zaprojektować swój sklep internetowy. Hierarchie wizualne służą jako element zakotwiczający dla przeglądarki, umożliwiając sortowanie elementów strony w milisekundach. Twoja typografia, schematy kolorów, odstępy i rozmiary pomagają prowadzić klientów za pośrednictwem ścieżki sprzedaży, a także zmieniać ich uczucia w stosunku do rzeczy, takich jak postrzegany produkt, jego wartość, funkcjonalność, dostępność i wiele innych. Na przykład, jeśli prowadzisz sprzedaż wybranych towarów, podzielenie tych produktów na karuzelę lub dodanie do nich logo spowoduje nadanie priorytetów zawartości na stronie. Odwrotnie, przestrzeń ujemna, tj. brak elementów kotwiących, służy również do ustalenia hierarchii wizualnej i stwierdzono, że zwiększa zrozumienie tekstu czytanego o prawie 20%! Jedną z najważniejszych w tym temacie rzeczy jest dopasowywanie czcionek - choć technicznie rzecz biorąc, w przypadku większości marek e-commerce będzie to oznaczać czcionki tytułowe, podtytułowe i treściowe to nie wszystko jeśli chodzi o sklepy internetowe. Inna kwestia to wymiarowanie - w najbardziej oczywistym znaczeniu, im większy jest element na stronie, tym bardziej jest zauważalny. Ale rozmiar treści projektu witryny nie jest tylko tym, czym się wydaje. Na przykład na stronie głównej pojedynczy fokus, obraz produktu, tytuł główny itp. może szybko zbudować narrację marki. Jednak w przypadku stron kategorii produktów ta ilość fokusu może zmylić widzów. W tym przypadku sklepy internetowe chcą skupić się na szerokim asortymencie towarów, aby pomóc klientom dokonać właściwego wyboru. Skanowanie - czyli znana ścieżka, którą nasze oko przejmuje na danej stronie internetowej. Górna część skanowania – to baner lub nagłówek, oko następnie skanuje w dół i w lewo do napisów poniżej, w końcu skanując w dół strony. Wdrażanie tego systemu hierarchii wizualnej dla stron wyników wyszukiwania produktów, FAQ sprawi iż znacznie się poprawi użyteczność twojej strony. Projektowanie stron internetowych e-commerce zawsze powinno się opierać o ten wzór, aczkolwiek jednak nie musisz sztywno trzymać się reguł wzorca F, możesz również dobrze wykorzystać wzór Z. Wzory Z reprezentują interesujące punkty, które strona zakłada od początku. Sklepy internetowe ułożone w ten sposób muszą mieć chwytliwy nagłówek, główny poziomy pasek nawigacyjny w prawym górnym rogu, główny obraz lub wideo w centrum na linii poniżej, "wezwanie do działania", link do przycisku, który zwiększa zaangażowanie. Układy z wzorami Z działają dobrze ze stronami produktu, które zawierają objaśniające wideo. Układy typu Z mogą również dobrze działać w przypadku rejestracji e-mail, kampanii zbierania funduszy i linków do udostępniania, czasem jednak też sprawdzają się jeśli chodzi o zwykłe sklepy internetowe. Organizacja - UX witryny zależy od umiejętności organizacji produktów i projektowania witryn w logiczne grupowania. Rozważania te należy rozpatrywać z punktu widzenia użytkownika, a nie jego potrzeb. Potem czas na kolorystykę strony. Kolor jest niczym innym, jak tym co przyciąga oko bądź je odpycha w inne miejsce. Tak wiele naszego zrozumienia życia jest zakorzenione właśnie w naszym postrzeganiu kolorów, nie inaczej jeśli chodzi o sklepy. Czerwony oznacza niebezpieczeństwo, zielony oznacza „idź”, niebieski dla chłopców i różowy dla dziewczyn - lista jest nieskończona, a reguły zmieniają się nieustannie. Na przykład we wczesnych latach 1900 w Stanach Zjednoczonych zakładano, że różowy był kolorem dla chłopców, a kolor niebieski dla dziewcząt. Zastanawiając się nad kolorystyką swojej marki e-commerce, myśl w kategoriach koloru jako raczej wrażenia a nie zauważalnego wyboru w swoim projekcie. Rozważ uczucia, które chcesz stworzyć u swoich klientów. Podstawy teorii kolorów są tym, co muszą zrozumieć wszystkie osoby które chcą mieć dobrze prosperujące sklepy internetowe. Czerwony – podczas gdy konotacje czerwieni dają szeroki zakres uczuć w widzu (wszystko od niebezpieczeństwa do dobrobytu), nie ma nic nieśmiałego w tym kolorze. We wszystkich przypadkach czerwony jest używany do tworzenia akcji. W przypadku elementów witryny, w których potrzebujesz wezwania do działania tu i teraz lub chcesz zwrócić na coś uwagę, czerwone przyciski i hasła stworzą taką obecność na ekranie. W większości przypadków projektanci powinni rozważyć użycie jednak go w oszczędny sposób, najlepiej jako kolor akcentujący, ponieważ w nadmiarze używany ma tendencję do zmniejszania czytelności. Pomarańczowy – oznacza żywiołowość i energię. To świetny kolor do akcentowania, tworząc efekt wizualny, który może być naprawdę przyciągający uwagę. W Internecie jest obecnie ponad 12 milionów sklepów internetowych, a liczba ta rośnie każdego dnia. Pomyślcie: kiedy dana osoba chce coś kupić, ma tysiące, jeśli nie miliony, możliwości, gdzie to zrobić. Konkurencja jest zaciekła. Ale to nie jest tak trudne, jak mogłoby się wydawać. Popatrz: tylko około 5,2% lub 65 000 wszystkich sklepów internetowych generuje przychód. Oznacza to, że chociaż istnieją miliony sklepów, niewielki ich odsetek rzeczywiście przyciąga kupujących i przynosi zyski. Poruszanie się między najlepszymi sprzedawcami nie jest trudne, jeśli jesteś gotów, aby zrobić więcej i sprawić, by zakupy Twoich klientów były bardziej spersonalizowane, bezproblemowe i przyjemniejsze niż to co poprzez swoje sklepy internetowe oferuje twój konkurent. To powiedziawszy, mamy dla ciebie jeszcze kilka pomysłów na ulepszenie sklepu od A do Z, które sprawią iż wszystkie sklepy internetowe będą mieć szansę zaistnieć w dżungli online, sprawią, że klienci będą u ciebie chcieć kupować i, co najważniejsze, dokończą zakupy. Znaczniki Alt dla obrazów – tak na dobry początek. Tagi alternatywne (tekst alternatywny) są używane do celów SEO w celu opisania treści obrazów, co pomaga Google prawidłowo je indeksować. Krótko mówiąc, poprzez wyraźne opisanie tego, co widać na obrazie, pomagasz wyszukiwarkom wyszukiwać obrazy, gdy ktoś szuka określonego słowa kluczowego. Dlaczego jeśli chodzi o sklepy internetowe to ma znaczenie? Google nie "widzi" obrazów tak jak my, więc może błędnie uszeregować obrazy swoich produktów pod kątem niewłaściwych słów kluczowych lub jest możliwe, że nie pojawiają się one w wynikach wyszukiwania. Kiedy tak się dzieje, tracisz wolny ruch organiczny i szansę na odkrycie przez nowych klientów. Ludzie poświęcają swoją uwagę w czasie trwającym zaledwie około 8 sekund. Kiedy dana osoba znajdzie się w twoim sklepie, masz 8 sekund na pokazanie jej tego, co ma u ciebie kupić. Oznaczenia produktów to świetny sposób na wyróżnienie najlepiej sprzedających się lub niedawno dodanych produktów, przyciągnięcie uwagi odwiedzającego, a następnie poprowadzenie ich do dalszej eksploracji swoich produktów. Poza tym takie elementy są także sposobem na ułatwienie użytkownikom ograniczania wyborów. Kiedy jest zbyt wiele opcji, ludzie doświadczają paraliżu decyzyjnego - to się nazywa Paradoks wyboru. Korzystając ze swoich możliwości oszczędnie, możesz pomóc klientom w szybszym podejmowaniu decyzji dotyczących zakupów. 72% kupujących online przyznaje, że oglądanie zdjęć klienta na Instagramie zwiększa ich szanse na zakup. Przeprowadzono także analizę przypadku i stwierdzono, że dodanie zdjęć klientów do stron produktów może zwiększyć liczbę konwersji o prawie 29% (!). Zdjęcia klientów są dowodem społecznym ze względu na ich autentyczność w porównaniu do obrazów generowanych przez markę. Widząc prawdziwych ludzi korzystających i akceptujących produkty pomaga to kupującym w ich procesie podejmowania decyzji. W rzeczywistości 77% klientów twierdzi, że wolą zdjęcia generowane przez użytkowników nad zdjęciami firmowymi podczas zakupów online, gdy odwiedzają sklepy internetowe. I tak, zdjęcia generowane przez użytkowników nie zawsze są idealne, ale to właśnie sprawia, że są tak godne zaufania. Chcesz usłyszeć coś dziwnego? 83% kupujących online przyznaje, że potrzebuje wsparcia, aby sfinalizować zakup, ale mniej niż połowa twierdzi, że szuka pomocy. Oznacza to, że ludzie mają pytania, ale nie szukają odpowiedzi. Zamiast tego opuszczają witrynę bez większego zastanowienia. Pamiętaj o tym: upewnij się, że wszystkie ważne informacje są wyraźnie widoczne na stronie produktu, inaczej możesz stracić klienta. Oznacza to, że nie ma co umieszczać ważnych informacji o wysyłkach lub rozmiarach w swoich często zadawanych pytaniach, ponieważ ponad połowa potencjalnych nabywców i tak nie będzie się starała szukać tych informacji. Wyskakujące okno subskrypcji wiadomości e-mail wcale nie jest pomocne. Marki często wkładają wiele wysiłku (i pieniędzy) w pozyskiwanie ruchu do swojego sklepu, a następnie nie robią nic, aby utrzymać jakikolwiek związek z tymi odwiedzającymi. To kosztowny błąd. Reguła marketingowa stanowi, że ludzie muszą mieć około 7 interakcji z marką, zanim będą gotowi na konwersję. W ten sposób, wprowadzając nowego gościa do sklepu internetowego, wykonałeś 1/7 pracy… Dodanie prostego wyskakującego okienka po opuszczeniu strony, w którym ludzie zostawią swój adres e-mail to zaproszenie do pozostawania w kontakcie z odwiedzającymi, dopóki nie będą gotowi na konwersję. W rzeczywistości nasze doświadczenie pokazuje, że implementacja wyskakującego okienka po stronie może zwrócić się z zyskiem ponad 1000%. Wskazówka: nie przytłaczaj użytkowników zbyt dużą liczbą wyskakujących okienek na każdym kroku, bo takie sklepy internetowe nigdy nie odniosą sukcesu. Ponadto zaleca się wyłączanie wyskakujących okienek na urządzeniach mobilnych i wyświetlanie wyłącznie na komputerach i tabletach.
Sklepy Internetowe