Siedem elementów świetnej strony docelowej aplikacji mobilnej

Opublikowany: 2014-06-30

Szukasz świetnego sposobu na wygenerowanie szumu przed premierą? Co powiesz na wprowadzenie na rynek już uruchomionej aplikacji?
Tak czy inaczej, będziesz potrzebować dedykowanej strony, która pokaże światu, co potrafi Twoja aplikacja: Twoja strona docelowa.
Twoja strona docelowa będzie miejscem, do którego wysyłasz ruch i często będzie kształtować pierwsze wrażenie użytkownika o Twojej aplikacji — ważne jest, aby zrobić to dobrze.
Ale co oznacza „zrobić to dobrze”? Co definiuje udaną stronę docelową w porównaniu z niezbyt udaną?
Zawęziliśmy go do siedmiu elementów; przestrzegaj tych zasad, a zbudujesz świetną stronę docelową, na której możesz zaprezentować swoją aplikację.

1. Widoczna nazwa i logo

Przede wszystkim strona docelowa powinna budować świadomość społeczną Twojej aplikacji. Wyeksponowanie swojego imienia i logo jest koniecznością.
Nie ma sensu przekonywać kogoś o wspaniałości Twojej aplikacji tylko po to, by nie miał pojęcia, jak się nazywasz ani jak Cię znaleźć. Jest to szczególnie ważne, jeśli jeszcze nie uruchomiłeś; jeśli Twoje imię nie jest od razu rozpoznawalne, ludzie będą Cię pomijać, nawet jeśli spodoba im się Twój pomysł.
Upewnij się, że Twoja strona docelowa zawiera Twoje imię i nazwisko oraz logo wyraźnie i zdecydowanie powyżej krawędzi strony.
Zobaczysz to na większości stron docelowych, ale jeśli potrzebujesz przykładu, spójrz na stronę docelową Statnut.
Zrzut ekranu strony docelowej Statnut

2. Krótki, jednoznaczny nagłówek

Internauci notorycznie mają krótki czas skupienia uwagi. Musisz przyciągnąć uwagę odwiedzającego w jak najkrótszym czasie, w przeciwnym razie po prostu kliknie.
To jest zadanie Twojego nagłówka: powiedzieć ludziom, co robi Twoja aplikacja, w kilku słowach.
Kluczem do dobrego nagłówka strony docelowej jest przejrzystość .
Możesz myśleć, że twoja gra słów jest sprytna, ale ostatecznie prosisz ludzi, aby myśleli; myślenie wymaga czasu i wysiłku, a to jest coś, czego wiele osób nie da ci — przynajmniej nie od razu!
Zadbaj o pogrubienie nagłówka i prostotę przekazu, jak widać na stronie docelowej Trello. Trello to narzędzie do zarządzania projektami, a nagłówek „ Organizuj wszystko, razem ” zawiera wszystko, co musisz wiedzieć, w zaledwie trzech słowach.
Czy twój nagłówek jest taki jasny?
Zrzut ekranu strony docelowej Trello

3. Wyczyść wezwanie do działania

Wszystkie strony docelowe wymagają wezwania do działania; nie ma sensu wzbudzać zainteresowania odwiedzających Twoją aplikacją, a potem nie wykorzystywać tego faktu.
Twoje wezwanie do działania powinno być jasne, przekonujące i maksymalnie ułatwiać odbiorcom podjęcie pożądanego działania.
Jeśli Twoja aplikacja jest już aktywna, oznacza to pobranie aplikacji.
Jeśli Twoja aplikacja nie została uruchomiona, oznacza to zapisanie się na listę mailingową w celu przyszłych aktualizacji.
Poza tym wszyscy moglibyśmy skorzystać z dodatkowej ekspozycji, więc dlaczego nie dorzucić również kilku przycisków udostępniania w mediach społecznościowych?
Dobrym przykładem jest POP. Dwa duże przyciski ułatwiają odwiedzającym pobranie aplikacji na żądaną platformę, a pod ikoną znajdują się przyciski udostępniania w mediach społecznościowych.
Zrzut ekranu strony docelowej POP
Jeśli chodzi o stronę docelową, która jeszcze nie została uruchomiona, Magikstra otrzymuje CTA na miejscu; zwięzłe pole do aktualizacji wiadomości e-mail i łatwe do zauważenia przyciski udostępniania w mediach społecznościowych.
Zrzut ekranu z ekranu lądowania Magikstry
Zauważ, że w obu przykładach przyciski mediów społecznościowych są mniej widoczne niż przyciski rejestracji e-mail lub pobierania ?
Musisz unikać konfliktów wezwania do działania, w przeciwnym razie będą one mniej skuteczne; jeśli pobranie/subskrypcja jest dla Ciebie więcej warte niż udostępnienie w mediach społecznościowych, traktuj to jako priorytet.
I ostatnia uwaga dotycząca wezwania do działania: upewnij się, że masz co najmniej jedno u góry strony — nie chcesz stracić użytkowników, którzy nie wiedzą, co powinni zrobić dalej.

4. Zachowaj zwięzłość

Twój nagłówek informuje czytelników o tym, co robi Twoja aplikacja; gdy już przyciągniesz ich uwagę, nadszedł czas, aby ich wciągnąć.
Najlepszą radą jest, aby wszystko było zwięzłe na ekranie: zbyt dużo tekstu jest onieśmielające.
Im głębiej znajduje się odwiedzający, tym bardziej szczegółowe są informacje — użyj tej zasady.
Nadal warto, aby opisy były krótkie — punktory sprawdzają się świetnie — ale jeśli użytkownik nie jest od razu przekonany, nadszedł czas, aby zacząć sprzedawać poszczególne funkcje i zalety aplikacji.
Należy pamiętać o docelowej grupie demograficznej, oceniając poziom szczegółowości, który należy podać; Aplikacja finansowa skierowana do profesjonalistów będzie wymagała dokładniejszego wyjaśnienia jej funkcji niż gra dla dzieci, w której strzelasz wkurzonymi ptakami do świń.
Strona docelowa Stripe jest świetnym tego przykładem w akcji: jedno zdanie wyjaśnia, do czego służy aplikacja, w części strony widocznej na ekranie. W dalszej części, poza wezwaniem do działania, zobaczysz trzy ikony, z których każda koncentruje się na określonej funkcji lub korzyści. Poniżej każdego z nich znajdują się łącza, które dodatkowo wyjaśniają możliwości aplikacji, przenosząc Cię na dedykowane strony — dokładniejsze, bardziej szczegółowe informacje.
Zrzut ekranu strony docelowej w paski

5. Zintegruj wideo

Moim zdaniem na stronie docelowej bez filmu brakuje triku; wielu odwiedzających nie będzie przygotowanych na przeczytanie nawet najbardziej zwięzłych informacji, ale usiądzie i obejrzy film.
Skorzystaj z tego lub ogranicz zasięg swojej aplikacji.
Twój film nie musi być wyrafinowany; tylko krótkie wprowadzenie do tego, co robi Twoja aplikacja, jej funkcji i korzyści dla użytkowników.
Jeśli możesz sprawić, że będzie to zabawne, tym lepiej dla Ciebie — filmy ogląda się szybko, są łatwe w użyciu i nieskończenie bardziej łatwe do udostępnienia, dzięki czemu Twoja aplikacja będzie bardziej widoczna.
Aby zobaczyć, jak wygląda dobrze zintegrowany film, sprawdź stronę docelową Groopic. Film jest podręcznikowym przykładem tego, jak ma wyglądać Twój film.
Zrzut ekranu Groopic Landing Page
Mimo że korzyści płynące z używania wideo są ogromne, niektórzy ludzie nadal się temu sprzeciwiają; użyj przynajmniej zrzutu ekranu swojej aplikacji.
Zrzut ekranu ludzkiej strony docelowej

6. Włącz silny branding

Jeśli chcesz, aby ludzie zapamiętali Twoją datę premiery, lepiej upewnij się, że Twoja strona docelowa jest niezapomniana.
Jeśli nie jesteś Facebookiem, będziesz miał trudności z ucieczką z prostym niebieskim tłem. To zbyt nudne — od razu można zapomnieć.
Oczywiście świetny pomysł na Twoją aplikację odegra dużą rolę w tym, jak zapadniesz w pamięć, ale silna marka wzmacnia to, kim jesteś i co robisz.
Kluczem do brandingu jest spójność: kolory, czcionki, elementy projektu. Wrzuć efektowne zdjęcie, a możesz stworzyć coś bardzo wyrazistego. Bardzo ty .
Aplikacja do rysowania może wykorzystywać wiele szkiców i jasnych kolorów, ale nie pasowałoby to do wizerunku marki aplikacji finansowej — szukaliby odważnych kolorów i czcionek, które krzyczą o profesjonalizmie i autorytecie.
Jeśli masz kolor, który chcesz skojarzyć ze swoją aplikacją — podobnie jak na Twitterze i Facebooku — upewnij się, że ten kolor dominuje na Twojej stronie docelowej. Dobrym tego przykładem jest aplikacja Sound Asleep, która wykorzystuje odważny różowy kolor.
Zrzut ekranu strony docelowej SoundAsleep
Innym świetnym przykładem jest strona docelowa Bikn.
Jasne kolory przyciągają wzrok i są zabawne — przemawiają do dzieci (bardziej prawdopodobne, że coś zgubią) — ale wszystko jest tak skoordynowane, że nadal wydaje się profesjonalne — niezbędne w przypadku gadżetu zabezpieczającego.
Zrzut ekranu strony docelowej Bikn

7. Dużo białej przestrzeni

Mając już sześć punktów do naśladowania, możesz się zastanawiać, jak zmieścić tak wiele na jednej stronie docelowej!
Ale wkuwanie nie jest tym, do czego powinieneś dążyć.
Prosty projekt z dużą ilością pustej przestrzeni zawsze sprawdzi się najlepiej jako landing page — jeśli masz zbyt wiele rzeczy, Twoja strona będzie wyglądać na zagraconą, a każdy pojedynczy element będzie mniej skuteczny.
Dobrym tego przykładem jest strona docelowa Weathertron. Wykorzystuje wszystko, co do tej pory omówiliśmy, ale nadal jest czysty . Ma kilka odrębnych sekcji, co pozwala Weathertronowi na rozmieszczenie rzeczy, zamiast sprawiać, że jest zbyt „głośny”, rzucając wszystko powyżej zagięcia.
Zrzut ekranu strony docelowej Weathertron

Zawijanie

Jeśli chcesz mieć skuteczną stronę docelową, im więcej tych zasad będziesz przestrzegać, tym lepiej zrobisz.
Jakie masz doświadczenia ze stronami docelowymi? Czy brakuje jakichś elementów? Daj nam znać w sekcji komentarzy!
Chcesz znaleźć świetny motyw do stworzenia strony docelowej aplikacji? Sprawdź nasz przewodnik po najlepszych motywach WordPress do pracy tutaj.