4 proste sposoby projektowania zabójczych przycisków wywoływania akcji
Przyciski wywoływania działań, które są łatwe do zauważenia i zrozumienia, będą miały ogromny wpływ na współczynniki konwersji klienta. Projektując te przyciski, należy wziąć pod uwagę szeroki zakres czynników. Niektóre z nich obejmują kolor, kontrast, kopiowanie przycisków, a nawet to, czy mają zawierać wskazówki kierunkowe tuż obok przycisku.
Krótko mówiąc, w przypadku elementu, który zajmuje małe miejsce na Twojej stronie, będziesz musiał zainwestować nieproporcjonalnie dużo czasu, zastanawiając się, jak najlepiej zaprezentować go swoim użytkownikom. Tak, dzwonienie do przycisków akcji jest tak ważne. W końcu są gwiazdami strony, niezależnie od tego, czy chcą zachęcić użytkowników witryny do zakupu czegoś, zarejestrują się w coś lub po prostu klikną.
Reprezentują cel Twojej strony. Każda strona powinna mieć cel. Na przykład, strona docelowa ma skłonić potencjalnych klientów do przejścia na główną stronę produktu lub usługi. Inteligentnie zaprojektowany przycisk, który uwzględnia to, w jaki sposób Twoi goście chcą coś kupić lub zarejestrować się, jest tym, do czego każdy projektant powinien dążyć.
1) Kierunkowe sygnały
Jako istoty ludzkie jesteśmy po prostu sztywno związani z reagowaniem na kierunek oka, jako potężny sposób namierzania nas. Pomyśl o tym: Kiedy widzisz, że ktoś patrzy na coś nie w twoim polu widzenia, automatycznie jesteś ciekawy, na co on patrzy. Ta sama zasada kierowania kierunkowego może być bezproblemowo zastosowana do strony, którą budujesz dla swoich klientów.
Tak, kierunkowe sygnały mogą być bardziej oczywistymi strzałkami, a nawet palcami wskazującymi na wywołania przycisków akcji, ale dla czegoś prawdziwie unikalnego i możliwego do zidentyfikowania dla odwiedzających twoją witrynę, zamiast tego zobacz zdjęcie osoby, która patrzy na twoje wezwanie do przycisków akcji. Nie możesz się pomylić.
Dla sprytnego przykładu, do którego się zwracamy Strona internetowa Salesforce . Salesforce to ogólnoświatowa firma cloud computing z San Francisco. W szczególności chcemy, abyś rzucił okiem na jeden mega obraz na stronie głównej: Wygląda na to, że kobieta patrzy na swój smartfon, wykonując transakcję mobilną.
Chociaż jest to z pewnością wiarygodna interpretacja, obraz również podwaja się jako ukryta, ale potężna wskazówka kierunkowa. Kiedy odwiedzający stronę widzą kobietę patrząc na telefon w jej ręce, ich oczy naturalnie podążają za jej spojrzeniem na prawo od strony głównej. Kiedy to robią, ich oczy będą nieuchronnie lądować na trzech przyciskach wezwania do działania obok jej twarzy i dłoni.
Dzięki miejscu, w którym spogląda jej wzrok, potencjalne szanse na zauważenie wezwań do przycisków akcji. Koniec końców przynosi to więcej konwersji i większą liczbę sprzedaży na stronie.
2) Naprawdę prosta konstrukcja przycisku
Gdy sprawisz, że twoje przyciski będą tak proste, jak to tylko możliwe, wyeliminujesz ryzyko, że użytkownicy Twojej witryny, kupujący i czytelnicy będą zdezorientowani. Kiedy się zdezorientują, zwykle nie wykonają działania, które chce im skopiować przycisk. Utrzymanie minimalnego projektu przycisku klienta jest tym, na co wszyscy projektanci stron internetowych powinni się starać.
Spójrzmy na Strona Twining's aby zobaczyć, jak marka może to zrobić dobrze.
Na stronie głównej znajdującej się nad zakładką widzimy szereg prostych przycisków w kolorach marki, które wyraźnie komunikują, co osiągniesz, klikając je. Przyciski wyglądają jak guziki, dzięki zaokrąglonemu prostokątnemu projektowi, a kontrast kolorów czerni na złocie sprawia, że są one jak najmniejsze.
Krótko mówiąc, klienci firmy Twining nie mogą zrozumieć, że przyciski są wezwaniami do działania.
3) Dobrze zdefiniowany mikrokopi
Mikrokopia jest gwiazdą wezwania do działania, ponieważ używa czasowników zorientowanych na działanie, które inspirują ludzi do poruszania się. Ilość nieruchomości, które projektanci stron internetowych muszą zaplanować na inteligentne etykiety, jest bardzo ograniczona, więc mikrokopia musi być krótka i rzeczowa. Mikrokopia, dzięki której odwiedzający witrynę wiedzą dokładnie, co klikają, jest zwycięzcą, ponieważ nie marnuje czasu.
Czasami mikrokopy można zaniedbać, co jest niefortunne. Pomimo całej uwagi poświęconej projektowaniu przycisków, kolorów i afordancji kopia nie powinna cierpieć. Witryny, których mikrokopię cierpią, to witryny, których współczynniki konwersji również cierpią.
Wiesz, że masz udaną mikrokopię, gdy masz obok siebie różne przyciski wezwań do działania, a odwiedzający stronę mogą natychmiast powiedzieć, jaki jest cel każdego przycisku.
Pomocną ilustrację tego można znaleźć na stronie Strona produktu J. Crew za koszulę z rozpiętym kołnierzykiem. Istnieją dwa przyciski rywalizujące o uwagę kupujących: przyciski "Dodaj do torby" i "Dodaj do listy życzeń".
Ponieważ oba są bardzo wyraźnie oznaczone, kupujący nie są zdezorientowani i mogą osiągnąć swoje cele z większą pewnością niż kiedykolwiek. Dobrze zdefiniowana kopia przycisku, która nie pozostawia żadnych wątpliwości co do działania użytkownika, zawsze jest zwycięzcą.
4) Kontrast kolorów
Kupujący są niewiarygodnym grono, dlatego doświadczenie użytkownika musi być dostosowane do nich. Innymi słowy, kupowanie czegoś ze sklepu e-commerce twojego klienta powinno być najłatwiejszą i najłatwiejszą rzeczą na świecie. Coś tak podstawowego, jak kontrast kolorów, może znacznie poprawić wygodę zakupów dla odwiedzających witrynę.
Kontrast kolorów, który działa, może przyciągnąć uwagę klientów do przycisku wezwania do działania i sprawić, że będzie się wyróżniał na hałaśliwym tle. Gdy kupujący mogą łatwo znaleźć to, czego potrzebują, aby dokonać zakupu, oczywiście współczynniki konwersji witryny będą drastycznie rosły.
Na Docelowa strona produktu w przypadku odtwarzacza DVD firmy Sony przyciski wezwań do działania - "dodaj do koszyka" i "znajdź w sklepie" - zastosuj kontrast kolorów, aby uzyskać świetny efekt. Nie tylko kontrast kolorów jest łatwy do zauważenia - biały, odpowiednio, na czerwono i biało na niebiesko - ale udało się przyciągnąć oko kupującego do przycisku. Fakt, że tło wypełnione jest białą przestrzenią, tylko pomaga wyróżnić ten kontrast jeszcze bardziej efektywnie.
Dolna linia
Wezwanie do przycisków akcji ma kluczowe znaczenie dla kwoty, jaką zarobi strona Twojego klienta. Wszyscy projektanci stron internetowych muszą zdawać sobie sprawę, że celem ich projektu powinno być zawsze wspieranie większej liczby konwersji. W przypadku witryn e-commerce będzie to sprzedaż. W przypadku witryn z wiadomościami będą to zapisy dotyczące takich biuletynów i tym podobnych. Chodzi o to, że konwersje mają największe znaczenie, a przyciski wezwań do działania muszą cały czas wspierać ten cel.
Dlatego należy zainwestować wiele wysiłku w zaprojektowanie przycisku wezwania do działania. Mimo że zajmuje bardzo mało miejsca na stronie, jej znaczenie jest niezmierzone. Cokolwiek od kolorów po kopiowanie przycisków do pobliskich wskazówek kierunkowych spowoduje lub przełamie jego skuteczność.
Aby dostarczyć swoim klientom projektantów, muszą oni wyglądać poza wyglądem i układem przycisków aż do praktycznej strony rzeczy. Czy ten przycisk zwiększy prawdopodobieństwo, że potencjalni klienci klikną i staną się rzeczywistymi konwersjami? Projektanci, którzy tak myślą, wykonują świetną usługę dla swoich klientów i powinni być pochwaleni. Projektanci, którzy nie myślą tak daleko, muszą poprawić swoje priorytety i dotrzeć do swoich klientów za każdym razem, gdy pracują nad projektem.