10 przykładów świetnych ekranów uruchamiania aplikacji

Masz tylko jedną szansę, aby zrobić pierwsze wrażenie.
Podczas gdy użytkownicy dowiadują się, o czym jest Twoja aplikacja na podstawie opisu i zrzutów ekranu w App Store, skąd bierze się ich pierwsze wrażenie na temat rzeczywistej aplikacji w akcji?
Twój ekran startowy.
Nazywany również „ekranem powitalnym” , jest to pierwsza rzecz, jaką zobaczą użytkownicy Twojej aplikacji, gdy klikną, aby otworzyć aplikację — dlatego nie należy lekceważyć jej znaczenia!
Zrób to dobrze — śmiałe, proste i trafne ekrany startowe zwykle działają najlepiej — a sprawisz, że Twoi widzowie usiądą i zwrócą uwagę, poczują się naprawdę podekscytowani tym, co ich czeka, i sprawi, że będą znacznie chętniej spędzać czas na próbowaniu Twojego aplikacja.
Zrób to źle, a stracisz swoich odbiorców, co negatywnie odbierze Twoją aplikację, zanim jeszcze się załaduje.
Dzisiaj pomogę Ci upewnić się, że Twoja aplikacja otwiera się z przytupem, pokazując kilka rzeczywistych przykładów tego, jak wygląda dobry ekran startowy. (Uwaga: MobiLoud nie jest powiązany z żadną z firm, których aplikacje wymieniliśmy poniżej – po prostu uważamy, że wykonali świetną robotę z ekranem startowym!)

Co to jest ekran uruchamiania aplikacji?

Najpierw przyjrzyjmy się, czym właściwie jest ekran uruchamiania .
Pomimo ich znaczenia, z funkcjonalnego punktu widzenia ekran startowy w rzeczywistości niewiele robi — Twoja aplikacja może nadal działać doskonale bez niego.
Ciekawi Cię Mobiloud? Kliknij tutaj, aby dowiedzieć się więcej
Ekran startowy to po prostu wizualny symbol zastępczy wyświetlany użytkownikowi podczas ładowania aplikacji. Pomysł wywodzi się z iOS jako sposób na stworzenie wrażenia, że ​​aplikacja jest szybka i responsywna — zamiast otwierać aplikację i czekać kilka sekund na jej załadowanie, użytkownikom natychmiast wyświetlał się ekran uruchamiania.
Odegrało to kluczową rolę w poprawie doświadczenia użytkownika, do tego stopnia, że ​​Apple uczyniło to obowiązkową częścią projektu aplikacji, kontynuując ją do dziś.
Ponieważ rola ekranu startowego jest raczej estetyczna niż funkcjonalna, niektórzy ludzie twardo siedzą w obozie ekranów zapobiegających uruchomieniu.
Głównym argumentem przeciwko ekranowi startowemu jest przekonanie, że jego dalsze użytkowanie jest w dużej mierze zgodne z oczekiwaniami; użytkownicy spodziewają się jedynie, że zobaczą ekran startowy, mimo że zdecydowana większość aplikacji po prostu nie wykorzystuje wystarczających zasobów, aby to usprawiedliwić — ponieważ mobilne systemy operacyjne stają się coraz szybsze, są one naprawdę potrzebne tylko w przypadku aplikacji wymagających największej ilości zasobów.
Ten argument jest słuszny, ale pomija moc ekranów startowych z perspektywy marki.
Za każdym razem, gdy użytkownik uruchamia Twoją aplikację, widzi ten sam ekran powitalny, który pogłębia znajomość i wzmacnia Twoją markę. Jeśli użytkownik pokocha Twoją aplikację, za każdym razem, gdy wita go ekran startowy — oblepiony Twoim brandingiem — zaczyna wypełniać go uczuciem podekscytowania.
To potężna rzecz, z którą należy się kojarzyć.

Przykładowe ekrany uruchamiania

Teraz omówiliśmy, czym jest ekran uruchamiania i dlaczego są one ważne, spójrzmy na kilka świetnych przykładów skutecznych ekranów uruchamiania. Zwróć uwagę na podobieństwa, które mają wszystkie, a być może uda Ci się stworzyć taki, który będzie równie skuteczny dla Twojej własnej aplikacji mobilnej!

Nike+ Running : Ekran startowy Nike to podręcznikowy przykład z odważnym czerwonym tłem w ostrym kontraście z prostym białym logo. Niewyraźny zarys bieżni na dole również ma duże znaczenie dla przeznaczenia aplikacji.

Grasshopper : „Aplikacja do kodowania dla początkujących” – Grasshopper – ma elegancki, skuteczny ekran ładowania. Ciemne tło wygląda profesjonalnie, a tekst na ekranie natychmiast informuje użytkowników, o czym jest aplikacja. Chociaż nie są widoczne na nieruchomym obrazie, te 4 kolorowe kropki obracają się w kółko podczas ładowania aplikacji, co sprawia, że ​​jest animowana i interesująca dla oka.

The Financial Times : Jeśli czytasz wiadomości, chcesz się upewnić, że Twoje źródła są dokładne i godne zaufania. Financial Times stworzył ekran startowy aplikacji, podczas którego buduje zaufanie tak wcześnie, jak to możliwe, podkreślając jakość i głębię ich dziennikarstwa, a także ładną ikonę przypominającą gazetę. Inną interesującą kwestią, na którą należy zwrócić uwagę, jest to, że możesz przewijać między różnymi trzema wersjami ekranu uruchamiania, z których każda zawiera różne propozycje wartości.

Dropbox : Ekran startowy Dropbox jest prosty, ale skuteczny — odważne granatowe tło z rozpoznawalnym logo i nazwą firmy w bardzo jasnoniebieskim kolorze. Nie ma potrzeby nadmiernego komplikowania ekranu uruchamiania aplikacji, a Dropbox jest tego doskonałym przykładem.

Średni : ten ekran startowy jest inteligentny, aktualny i odzwierciedla wrażenia użytkownika zarówno w aplikacji mobilnej, jak i w witrynie. Będąc platformą dla twórców treści i pisarzy, Medium użyło unikalnego wizerunku fortepianu połączonego z maszyną do pisania, odzwierciedlającego ich hasło „Pomysły i perspektywy, których nie znajdziesz nigdzie indziej” . Styl ilustracji jest nowoczesny i przyjazny.

Citymapper : „Najlepsza aplikacja transportowa” skutecznie odzwierciedla ich misję na tym ekranie startowym. Minimalne użycie grafiki oznacza, że ​​ekran startowy nie jest zagracony, ale strzałki i okrągła ikona podkreślają związek aplikacji z transportem.

Wikipedia : ekran uruchamiania aplikacji Wikipedii wygląda profesjonalnie i przejrzyście, odzwierciedlając zwykłą witrynę Wikipedii. Obraz ma wysoką rozdzielczość i jest natychmiast rozpoznawalny jako Wikipedia. Ten ekran startowy jest minimalistyczny, ale skuteczny

TripAdvisor : ekran uruchamiania aplikacji TripAdvisor świetnie sprawdza się w uchwyceniu wyglądu i działania samej aplikacji. Charakterystyczne zielone tło serwisu TripAdvisor z logo jest natychmiast rozpoznawalne jako serwis TripAdvisor, a tekst poniżej podkreśla niektóre z kluczowych korzyści korzystania z serwisu TripAdvisor osobie, która właśnie pobrała aplikację!

Lyft : Kolejnym prostym (zauważasz tu trend?), ale skutecznym ekranem startowym jest Lyft. Kolorystyka została zaczerpnięta bezpośrednio z ich logo i ikony aplikacji, co skutecznie promuje ich markę podczas otwierania aplikacji. Jasny tekst na ciemnym, ale charakterystycznym kolorowym tle z gradientem wyróżnia się i przyciąga wzrok użytkownika aplikacji w kierunku logo.

Soompi : Ekran uruchamiania aplikacji Soompi jest skuteczny z kilku powodów. Po pierwsze logo jest czytelne i wyróżnia się na ciemnym tle. Tło jest zabawne i animowane, zawiera ilustracje i tekst związany z zawartością aplikacji (jest to aplikacja z wiadomościami skoncentrowana na branży K-Pop). Pomimo animowanego wyglądu paleta kolorów zachowuje profesjonalny wygląd, a kółko ładowania na dole ekranu informuje użytkownika, że ​​aplikacja się ładuje.

Na wynos

Po obejrzeniu jednych z najlepszych ekranów uruchamiania aplikacji, czy jest coś, co możemy zabrać i zastosować na naszych własnych ekranach uruchamiania?
Zdecydowana większość ekranów startowych — cóż, w każdym razie te dobre — używa następującej formuły:

1. Tło — chociaż nie ma ustalonej reguły dotyczącej tła, najlepsze z nich są odważne i wyraźne. Zwykle wybrany kolor jest jasny, aby się wyróżniał, chociaż całkowicie dopuszczalne jest wybranie koloru zgodnego ze schematem kolorów Twojej marki. Chociaż często wybierana jest prostota, w niektórych przypadkach użycie intrygującej tekstury jest świetnym sposobem na stworzenie wyróżniającego się stylu aplikacji, a odpowiednie obrazy również przygotowują użytkownika do korzystania z aplikacji.
2. Logo — logo jest wyraźne i umieszczone w widocznym miejscu na środku ekranu. Większość wybiera kolor w ostrym kontraście z tłem, aby wyskoczył.
3. Nazwa — O ile nie jesteś już powszechnie znanym nazwiskiem, większość programistów zdecyduje się również umieścić nazwę swojej aplikacji pod logo, aby jeszcze bardziej budować świadomość marki.
4. Slogan — wiele mniejszych, mniej znanych aplikacji będzie również zawierało krótkie hasło na ekranie startowym. To mówi użytkownikowi, co robi Twoja aplikacja, co przygotuje go na wrażenia, jakie ma w sklepie.

Postępuj zgodnie z tą strukturą, aby nadać swojej aplikacji świetny ekran startowy i zapewnić pierwsze wrażenie nokautu!
Pamiętaj, że sama aplikacja również musi wyglądać świetnie po ekranie startowym! Jeśli Twoja aplikacja została utworzona lub planujesz utworzyć ją z witryny WordPress, przygotowaliśmy listę 5 motywów WordPress, które pomogą Ci zbudować wysoce wydajną stronę docelową aplikacji.
Dowiedz się więcej o MobiLoud tutaj!