Nie trzeba już podkreślać znaczenia przygotowania witryny do urządzeń mobilnych. Rewolucja mobilna jest największą zmianą w krótkiej historii Internetu. Jedynym pytaniem jest to, czy użytkownicy smartfonów i tabletów będą stanowić więcej niż połowę odbiorców w tym roku czy w przyszłości.
Mając to na uwadze, optymalizacja stron docelowych dla urządzeń mobilnych jest obecnie niezbędnym procesem dla każdego projektanta. Nie musi to być trudne, ale istnieje prosta lista kontrolna, którą można przejść, aby upewnić się, że witryna jest gotowa na przeglądarki mobilne:
Niezmiernie ważna jest możliwość skalowania witryny do różnych urządzeń. Istnieją tysiące urządzeń, więc wybór kilku reprezentatywnych rozmiarów ekranu jest niepraktyczny.
Zaakceptowaną odpowiedzią jest responsywny projekt strony, niektórzy twierdzą, że adaptacja jest lepsza, inni twierdzą, że adaptacja to to samo. Te argumenty są naprawdę semantyczne. Najważniejsze jest to, że możesz sprawić, aby Twoja witryna działała na dowolnym urządzeniu, obecnym lub przyszłym. Niewykonanie tego byłoby nieodpowiedzialne.
Jedna ważna uwaga: upewnij się, że Twoja strona skaluje się prawidłowo w pionie i poziomie.
Oczywiście komórka oferuje o wiele mniej miejsca na dopasowanie treści do strony docelowej. Najlepiej, aby nagłówki były krótkie, zwięzłe, do punktu i około trzech do czterech słów. Podobnie, jeśli to możliwe, utrzymuj stronę jako wolną od zakłóceń, z małą liczbą linków i maksymalnie jednym obrazem.
Umieszczaj treść w punktach, aby oko mogło ją łatwo przenosić, bez konieczności zatrzymywania się i mrużenia oczu. Stwórz też wyraźne wezwanie do działania, aby zachęcić odwiedzającego do odwiedzenia reszty witryny. Powinien stanowić pewien rodzaj zachęty i może być tak prosty, jak przycisk umożliwiający odwiedzającym dzwonienie do firmy, szczególnie przydatny dla lokalnych firm, które również korzystają z usług lokalizacyjnych.
Około 75% użytkowników wyszukuje w wynikach wyszukiwania w ciągu godziny, więc łatwo zrozumieć, dlaczego wezwanie do działania powinno być silne. Umieść wezwanie do działania gdzieś w górnej części strony, aby była jedną z pierwszych rzeczy, które widzi użytkownik mobilny.
Tak, rozmiar naprawdę ma znaczenie - rozmiar pliku, to znaczy. Strona docelowa powinna być zawsze szybko załadowana, szczególnie ta, do której dostęp będzie możliwy za pośrednictwem urządzenia mobilnego.
Nie ma ustalonej reguły - im szybciej, tym lepiej - ale jako ogólny przewodnik, jeśli strona docelowa zajmie więcej niż 3 lub 4 sekundy, zaczniesz tracić wielu użytkowników.
Najlepiej byłoby, gdyby strona była wyjątkowo lekka, poniżej 20 kilobajtów. Ładowanie obrazów trwa bardzo długo i należy je ograniczyć do absolutnego minimum. Zachowaj cały swój kod w porządku i porządku, używaj duszków obrazowych, jeśli to konieczne, i używaj CSS zamiast obrazów, gdzie to możliwe.
Oprócz rozmiaru pliku, pomyśl o liczbie żądań, które są wprowadzane do serwera; zazwyczaj te żądania powodują więcej opóźnień niż faktyczne pobieranie pliku.
Użytkownicy mobilni są często w ruchu, więc korzystaj z usług lokalizacyjnych. Dostosuj stronę docelową tak, by była odpowiednia dla lokalnych użytkowników i zaoferuj im zachęty. Możesz na przykład dostosować zawartość do lokalnego oddziału sklepu.
W zależności od wielkości i zakresu projektu można również dostosować samą treść podstawową do lokalizacji.
Możliwość czytania tego, co jest na ekranie, jest ważna, dlatego mniej znaczy więcej. Jeśli nie możesz odczytać tekstu z telefonu trzymanego na wyciągnięcie ręki, to musi być większy. Naprawdę jesteś ograniczony do przestrzeni.
Nie zmuszaj użytkowników do przewijania w nieskończoność, bo inaczej szybko się znudzą i ruszą dalej. Tak, ludzie mają krótką uwagę w Internecie, o wiele krócej niż czytając czasopismo lub książkę, więc wszystko, co robisz, musi przyciągnąć ich uwagę natychmiast.
Wszystko, co można kliknąć na stronie docelowej, powinno przejść test kciuka. Jeśli nie można go łatwo kliknąć kciukiem, przemyśl to ponownie. Pad linki, aby pozostawić jak najwięcej miejsca wokół nich, i zostaw duży pokój między linkami. Zmniejszy to szanse, że użytkownik dotknie niewłaściwych linków i pozostawi frustrację.
Można użyć wtyczek, aby zdjęcia można było łatwo przesuwać, chociaż umieszczanie zdjęć na stronie docelowej nie jest zalecane.
Jeśli umieścisz formularz na stronie docelowej, zachowaj to bardzo proste i nie zajmuj dużo miejsca. Formularze, które wymagają dużego nakładu, są odpychające i uzyskują niższy współczynnik konwersji niż proste formularze. Dodaj więc jak najmniej pól.
Znowu ludzie szybko się nudzą, więc podanie im długiej formy do wypełnienia sprawi, że będą bardziej skłonni do opuszczenia strony.
Nawigacja powinna być prosta i prosta. Przyciski powinny być ograniczone do minimum i upewnić się, że pomyślnie przeszły kciuk. Spróbuj dodać przyciski do różnych obszarów strony, aby można było zastosować ścieżkę logiczną.
Dokładnie przetestuj swoją stronę docelową, aby upewnić się, że działa ona skutecznie na urządzeniach mobilnych. Rozważać Testowanie A / B , która w niektórych przypadkach zwiększyła liczbę potencjalnych klientów nawet o 40%.
W przypadku testu A / B utworzysz dwa projekty tej samej strony, A i B. Ruch jest dzielony między poszczególne projekty, aby zobaczyć, który z nich działa najlepiej. Użyj danych, które są najważniejsze dla projektu, takich jak współczynnik konwersji, sprzedaż, współczynnik odrzuceń. Pod koniec testu wybierz ten, który działa najlepiej, a będziesz w połowie drogi do sprawdzonego projektu.
Istnieje wiele symulatorów mobilnych, ale bez względu na to, który wybierzesz, upewnij się, że używasz go tylko do pierwszej rundy testów. Aby poprawnie przetestować, musisz użyć prawdziwych urządzeń. Błagaj, pożyczaj i kradnij, jeśli to konieczne, po prostu sprawdź swoją witrynę na tylu urządzeniach, na ile możesz położyć ręce.
Im więcej kliknięć lub działań musi wykonać użytkownik, tym mniejsze prawdopodobieństwo, że je wykona. Pozwól ludziom dostać się z punktu A do punktu B w jak najmniejszej liczbie kliknięć. Spraw, by każdy aspekt nawigacji i wezwanie do działania były niezwykle proste.
Są to najważniejsze kwestie, o których należy pamiętać podczas optymalizowania strony docelowej na urządzenia mobilne. Pamiętaj podczas całego procesu projektowania, że telefon komórkowy jest innym medium niż PC. Ludzie mają jeszcze mniej cierpliwości na urządzeniach mobilnych, ponieważ zazwyczaj są w drodze i chcą wykonać swoje zadanie z minimalnym zamieszaniem. Powolne czasy ładowania i niereagujące interakcje również drażnią ludzi, więc poświęć trochę czasu, aby je naprawić.
Osiągnięcie tego celu może być satysfakcjonujące i może oznaczać różnicę między stroną, która dobrze sobie radzi z konkurencją a przegranymi.
Wyróżniony obraz / miniatura, obraz mobilny przez Shutterstock.