12 najlepszych praktyk dla Super skutecznych mobilnych przycisków Call-To-Action

Obecnie na całym świecie jest około 3 miliardów użytkowników smartfonów. Nawet jeśli Twoja witryna dociera tylko do najmniejszej części tych globalnych użytkowników, jestem gotów założyć się, że istnieje znaczna część odwiedzających mobilnych, które obejmują ogólny ruch w witrynie. Dlaczego to mówię? Ponieważ w samych Stanach Zjednoczonych użytkownicy smartfonów mają dostęp do Internetu średnio 87 godzin miesięcznie.

Powiedzmy, że statystyka jest na miejscu dla docelowej grupy demograficznej. Jeśli tak jest, oznacza to, że posiadająca smartfon publiczność wydaje prawie trzy godziny surfowanie po sieci z telefonów każdego dnia. Jeśli wykonałeś pracę, aby zoptymalizować swoją witrynę pod kątem urządzeń mobilnych i wyszukiwania, najlepiej, aby Twoja witryna trafiła na radar w pewnym momencie w tym trzygodzinnym przedziale czasowym każdego dnia.

Teraz pojawia się pytanie: Czy Twoja strona jest gotowa do konwersji tych użytkowników smartfonów?

Ostatnio pisałem o tym, co badania mówią o tym, jak optymalnie umieszczać wezwania do działania w swojej witrynie WordPress. Chociaż krótko wspomniałem o możliwej różnicy między umieszczaniem CTA na komputerach stacjonarnych i mobilnych, nie było zbyt wielu dostępnych dowodów, aby ostatecznie udowodnić wyraźną różnicę. Mając to na uwadze, wiemy, że istnieją inne cechy definiujące, które mają mobilne CTA, a których nie mają stacjonarne.

Co powiesz na to, abyśmy głębiej zbadali, jak optymalnie zaprojektować CTA specjalnie dla użytkowników smartfonów?

Projektowanie przyjaznych dla urządzeń mobilnych CTA dla WordPress

Jeśli chodzi o coś tak specyficznego, jak zaprojektowanie wezwania do działania dla użytkowników smartfonów, Lubię najpierw zastanowić się nad własnymi doświadczeniami.

Czy kiedykolwiek…

Zmagałeś się z znalezieniem CTA na stronie, ponieważ był zbyt zaśmiecony tekstem, obrazami i innymi elementami projektu?

Czułeś się przytłoczony linkiem do strony, niezależnie od tego, czy jest to wielostronicowy formularz, który musisz teraz wypełnić, czy zbyt mały, aby przeczytać plik PDF, który naprawdę chciałeś wysłać do Ciebie e-mailem?

Próbowałeś dotknąć przycisku witryny tylko po to, aby przypadkowo uderzyć w inny link lub przycisk w pobliżu?

Wtedy wiesz, jak frustrujące może być, gdy wszystko, co chcesz zrobić, to kliknąć ten CTA, ale tak wiele złych wyborów projektowych powstrzymuje cię od tego. Oto moje zalecenia 12, aby upewnić się, że nie stracisz zainteresowania odwiedzających, zanim w ogóle będą mieli szansę na konwersję.

Wskazówka # 1. Go Light on Copy

O ile Twoja witryna WordPress nie zajmuje się wyłącznie dostarczaniem treści blogów i artykułów, odwiedzający najprawdopodobniej pojawią się z szybkim planem działania. Czy chcą poznać godziny pracy Twojego sklepu? Czy potrzebują zrobić szybkie wyszukiwanie produktu? Czy jest coś, co ludzie zwykle chcą kupić w locie ze swojego telefonu? Ogólnie rzecz biorąc, najlepiej zawsze dążyć do tego, aby wiadomości były krótkie. Jest to szczególnie prawdziwe w przypadku mobilnego CTA, a także tekstu opisowego wokół niego.

Wskazówka # 2. Odwołanie się do emocji

Ponownie, ważne jest, aby postawić się w sytuacji odwiedzających. Smartfony zazwyczaj utożsamiają się z „wygodą”, więc skorzystaj z tego dzięki komunikatom CTA. Nie zmuszaj nikogo do zgadywania. Używaj słów akcji, które mówią im dokładnie, co mają robić i co stanie się teraz, jeśli to zrobią. Jeśli ma to większy sens, możesz zamiast tego spróbować odwołać się do ich obecnego stanu emocjonalnego.

Wskazówka # 3. Sprawdź Wyniki wyszukiwania

Nie spędziłeś zbyt wiele czasu w Google Analytics? Jeśli chcesz poprawić wrażenia użytkownika dla użytkowników mobilnych, zdecydowanie powinieneś.

Jednym ze sposobów, w jaki możesz to zrobić—co pomoże Ci również stworzyć super atrakcyjne CTA—jest studiowanie słów kluczowych zarówno z wyszukiwania mobilnego, jak i paska wyszukiwania witryny. Te słowa kluczowe mogą pomóc w określeniu, co użytkownicy smartfonów chcą zobaczyć jako pierwsi. Następnie możesz zaprojektować CTA, które od razu przeniosą je do tego miejsca swojej witryny bez konieczności przewijania lub przekopywania nawigacji.

Wskazówka # 4. Zastanów Się Nad Kolejnymi Krokami

Nie chodzi tylko o zaprojektowanie przyciągającego wzrok CTA, ale o to, aby nagroda była tego warta. Zawsze zastanów się, co dzieje się po kliknięciu przez użytkowników smartfonów twojego CTA. Chociaż mogą być podekscytowani zdobyciem tego darmowego do pobrania, Co zrobią z tym EBOOKIEM PDF na swoim telefonie? Zamiast mieć nadzieję, że będą w stanie podjąć kolejne kroki tak samo, jak na komputerze, daj im inną opcję(np. e-mail).

Wskazówka # 5. Zapamiętaj strefę kciuka

Projektant UX Steven Hoober przeprowadził badanie w 2013 roku, które zidentyfikowało najczęstsze sposoby interakcji użytkowników mobilnych z telefonami. Oprócz rejestrowania procentu wykonanych rozmów telefonicznych i słuchanej muzyki, najciekawsze spostrzeżenia pojawiły się w postaci tego, jak użytkownicy zazwyczaj trzymają się swoich urządzeń. Doprowadziło to do Objawienia „strefy kciuka”–plam na telefonie najłatwiejszych do osiągnięcia, a w konsekwencji najczęściej używanych przez ludzi.

Chociaż nie będziesz w stanie uwzględnić wszystkich trzech najczęstszych pozycji kołysania, możesz zwrócić uwagę na te gorące łóżka z „dotykiem” kciuka podczas umieszczania CTA.

Wskazówka # 6. Ogranicz opcje

Ogólnie rzecz biorąc, najlepszą praktyką jest ograniczenie liczby wyborów, które użytkownicy muszą dokonać w Twojej witrynie. Zbyt wiele opcji i ryzykujesz zakłócenie pokoju paradoksem wyboru. Tak więc, planując, gdzie umieścić swoje CTA dla telefonów komórkowych, sugeruję, abyś spróbował utrzymać je do jednego CTA w danej przestrzeni. Pracujesz już z ograniczoną ilością nieruchomości, więc nie komplikuj procesu podejmowania decyzji, jeśli nie musisz.

Wskazówka # 7. Trzymaj się Strony

O ile nie masz CTA, który absolutnie musi być dostarczony w wyskakującym okienku w określonym czasie lub ukierunkowanym, sugeruję, abyś zastosował prostsze podejście do dostarczania: zachowaj wszystkie CTA bezpośrednio na stronie. Możesz nawet chcieć dosłownie sprawić, by „przyklejali się” do dołu ekranu telefonu komórkowego, aby niezależnie od tego, jak daleko odwiedzający podróżują, wezwanie do działania jest zawsze z nimi.

Porada #8. Wykorzystaj Białą Przestrzeń

Wiemy już, że deklowanie jest koniecznością dla dobrego projektowania stron internetowych. Jak można sobie wyobrazić, jest to szczególnie ważne, aby zwrócić uwagę na przyciski, które chcesz kliknąć, w minimalnej przestrzeni, z której odwiedzający smartfon muszą go zobaczyć.

Dołącz wystarczającą ilość białej przestrzeni wokół CTA, aby zwrócić na nią uwagę; zbyt rozpraszające lub zaśmiecone miejsce może działać przeciwko tobie. Nie chcesz również, aby użytkownicy denerwowali się, próbując kliknąć przycisk, tylko wielokrotnie (i przypadkowo) kliknąć link Warunki użytkowania lub inną klikalną zawartość w pobliżu.

Wskazówka # 9. Używaj Kolorów Mądrze

Ogólnie rzecz biorąc, cokolwiek użyłeś do swoich CTA na swojej stronie internetowej, powinno działać dobrze dla użytkowników mobilnych. Jeśli potrzebujesz odświeżenia tego, jakie kolory działają w CTA, zapoznaj się z tym przewodnikiem na temat psychologii koloru.

Tip #10. Pamiętaj o wytycznych dotyczących umieszczania

Dla przypomnienia, to jest to, co udało mi się wykopać do badań nad optymalnym umiejscowieniem CTA. Sugeruję zwrócić uwagę nie tylko na wyniki stacjonarne i mobilne, ale także na inne, ponieważ Góra vs.dół i lewa vs. prawa nadal wpływają na wrażenia mobilne.

Tip #11. Rozmiar w górę, gdy masz wątpliwości

Jeśli zastanawiasz się, jaki rozmiar zrobić CTA dla telefonu komórkowego, Apple ma na to odpowiedź i jest to tak mocno cytowana statystyka, że sugerowałbym, aby nie odbiegać od niej zbyt daleko. Minimalny rozmiar CTA zalecany przez Apple w przypadku konwersji ekranu dotykowego wynosi 44 x 44 piksele. Nie oznacza to, że musisz mieć kwadratowe CTA, są to tylko minimalne parametry, które sugerują.

Tip #12. Bądź kreatywny dzięki szerokości

Powiedziałbym, że możesz uznać ten ostatni punkt za opcjonalny, ponieważ ogólny projekt Twojej witryny będzie dyktował, czy ma to sens estetyczny, czy nie. Jeśli jednak możesz zaprojektować mobilne CTA, aby rozciągnąć całą szerokość ekranu, pomyśl o tym, jak trudno byłoby odwiedzającym go przegapić lub spróbować go połysk. Nie ma wokół niej nic, co mogłoby od niej odwrócić uwagę. Tylko treść, a potem bam! Wezwanie do działania.

Wrapping Up

Wiem, że ostatnio dużo mówiłem o wezwaniach do działania, ale to ma sens, prawda? Bez nich musisz zaufać, że odwiedzający przeczytają wszystkie Twoje treści i zdecydują się dotrzeć lub podjąć kolejne kroki na własną rękę… i wiemy, że tak się nie stanie.

Tak więc, jeśli zauważysz, że twój procent użytkowników mobilnych rośnie i chcesz poprowadzić ich przez proces konwersji, zwróć uwagę na te zalecenia. Następnie obserwuj, jak ich doświadczenie na urządzeniach mobilnych poprawia się, a konwersje rosną.

Tagi:

• wezwanie do działania
• cta
• mobile