ASO Hack: Jakie ikony i zrzuty ekranu są bardziej atrakcyjne dla użytkowników?

Opublikowany: 2022-02-24

Icons & Screenshots ASO

Ikona App Store zapewnia użytkownikom pierwsze wrażenie aplikacji, zanim jeszcze klikną na jej stronę. Niezależnie od tego, czy aplikacja pojawia się jako polecana aplikacja, w wynikach wyszukiwania czy na liście kategorii, użytkownicy zobaczą ikonę.


To sprawia, że ​​ikona jest ważnym zasobem kreatywnym dla każdej aplikacji, a zrozumienie najlepszych praktyk optymalizacji App Store dla ikon App Store ma kluczowe znaczenie dla konwersji.

W App Store produkty są często pokazywane użytkownikom w formie „tytuł + ikona + podgląd zrzutu ekranu”, więc atrakcyjny tytuł, ikona i zrzut ekranu są najbardziej bezpośrednim sposobem na przyciągnięcie użytkowników. Dlatego atrakcyjny tytuł, ikona i zrzut ekranu to najbardziej bezpośredni sposób na przyciągnięcie użytkowników. Jak więc programiści powinni wybrać odpowiednie ikony i zrzuty ekranu?

Usługa rankingu aplikacji ASO World

Kliknij „ Dowiedz się więcej ”, aby rozwijać swoją działalność w zakresie aplikacji i gier dzięki usłudze promocji aplikacji ASO World .


Ikona aplikacji i zrzuty ekranu: reprezentują aplikację


Ikona App Store jest zasadniczo twarzą aplikacji, więc powinna przedstawiać najważniejsze elementy, takie jak funkcje lub funkcjonalność. W przypadku aplikacji z rozpoznawalnymi markami, takich jak Facebook czy eBay, łatwo jest użyć ikonografii marki dla ikony. Nie wszystkie aplikacje mają ten luksus, więc ich programiści powinni używać obrazów, które reprezentują największe wartości aplikacji.

Na przykład wyszukiwanie hasła „gitara” pokazuje, że większość najpopularniejszych aplikacji dla tego hasła zawiera gitarę w widocznym miejscu na swoich ikonach. Tworzą one wizualne wskazówki, które reprezentują funkcjonalność aplikacji. Jednocześnie każdy z nich prezentuje inną tożsamość w sposobie, w jaki ikona wykorzystuje gitarę i inne elementy wizualne.

Te odmiany obejmują gitary akustyczne lub elektryczne, używające jasnych lub ciemnych kolorów, z szczegółową gitarą lub zarysem jednej i tak dalej. Każdy obraz określa markę i motyw dla odpowiedniej aplikacji. Na przykład ciemniejsze odcienie i gitary elektryczne zazwyczaj wskazują na bardziej skoncentrowane na rock and rollu opcje muzyczne.

Gry mobilne często używają logo lub znaków marki do reprezentowania swoich aplikacji. Jest to szczególnie powszechne w przypadku gier lub aplikacji opartych na określonych programach lub filmach. Na przykład wyszukiwanie hasła „gry z dinozaurami” zwraca kilka aplikacji o podobnych stylach projektowania, z których każda jest prezentowana inaczej. Zazwyczaj przedstawiają jednego dinozaura (zwykle tyranozaura) w stylu artystycznym gry.

Konkretne wybory stylistyczne ikony, takie jak uśmiechnięta postać z kreskówki lub ryczącego i bardziej szczegółowego dinozaura, wskazują, gdzie aplikacja pasuje do różnych gier o dinozaurach. Nadają ton i wskazują przedział wiekowy. Niektóre z nich zawierają również logo gry, podczas gdy inne używają logo jako całej ikony.

Dlaczego ikony aplikacji są ważne w ASO?

Dlaczego ikony aplikacji są ważne w optymalizacji sklepu z aplikacjami? Ikona aplikacji to pierwsze wrażenie Twojej aplikacji. Szybkie spojrzenie na zaledwie sekundę w Twojej aplikacji może wiele powiedzieć: do czego służyła aplikacja? Jaki jest cel aplikacji? Czy chcę mieć jakikolwiek związek z tą aplikacją?

W przypadku sklepów z aplikacjami można wiele zrobić, aby zmienić i wpłynąć na pierwsze wrażenie. W tym artykule nauczymy Cię, co jest bezsprzecznie jednym z najważniejszych elementów optymalizacji sklepu z aplikacjami (ASO): ikona aplikacji. Zbada, jak ważna jest ikona dla Twojej strategii ASO, jaki ma wpływ na współczynniki konwersji, a także składniki potrzebne do czerpania korzyści z doskonałej ikony.

Dlaczego zrzuty ekranu aplikacji są ważne dla ASO?

Zarówno w sklepie Apple App Store, jak i sklepie Google Play wszyscy odwiedzający Twój sklep z aplikacjami są narażeni na ramkę pierwszego wyświetlenia (wszystko w części widocznej na ekranie). Większość z tych użytkowników podejmie decyzję w oparciu o zasoby kreacji, które tam zobaczą, i spędzi tylko około 3-6 sekund na oglądaniu Twojego pierwszego wyświetlenia, zanim opuści stronę, zainstaluje lub będzie kontynuować przeglądanie przed ostatecznym decyzja. Dlatego tak ważne jest w ASO optymalizację zrzutów ekranu!

Bazując na naszych danych, zebranych nie tylko z próbkowania zachowań użytkowników od ponad 500 milionów użytkowników, możemy wyraźnie zobaczyć zrzuty ekranu, które pojawiają się przy pierwszym wyświetleniu (powyżej części widocznej strony Twojej strony w sklepie z aplikacjami) są najważniejsze, ponieważ 100% użytkowników są na nie narażone.

Ikona aplikacji


Ikona aplikacji to wizualna reprezentacja Twojej marki lub produktu. Jest to pierwszy element, który widzą użytkownicy odwiedzający sklep z aplikacjami na iOS lub sklep Google Play.

Ikona aplikacji to jedyny kreatywny element, który pojawia się na całej ścieżce użytkownika w sklepach z aplikacjami. W przypadku bezpłatnych użytkowników, którzy znajdują aplikację lub grę na listach przebojów, wyszukiwaniu lub polecaniu miejsc docelowych, pojawia się ona w każdym wykazie. W przypadku płatnych użytkowników, którzy trafiają bezpośrednio na stronę sklepu z aplikacjami z reklamy, ikona aplikacji jest jednym z głównych zasobów wizualnych, które widzą przy pierwszym wyświetleniu.

Wybraliśmy 200 najlepszych ikon produktów z listy fotografii i filmów i stwierdziliśmy, że można je pogrupować w następujących 8 głównych kategoriach.

„Gradientowy kolor tęczy” najpotężniejszy

Kamera

Camera apps icon


Listy

Letters apps icon design

Symbolika

Symbols


Figury geometryczne

Geometric shapes

Symbole wideo

Video Symbols

Kreskówka/animacja/emotikon

Cartoon/Animation/Emoticon

Abstrakcja fizyczna, linie

icon creation

Inne/kontrprzykłady niepowodzeń: brak oczywistych cech, niełatwe do zidentyfikowania i zapamiętania

icon design

Referencje sukcesu


Spośród ogromnej ilości materiału ikonograficznego, który wybraliśmy, podsumowaliśmy ich ogólną charakterystykę.

Gradientowy kolor tęczy

Wizjer, obiektyw aparatu

Spłaszczone przetwarzanie, oczywiste linie, łatwe do zidentyfikowania

Jakie ikony są więc bardziej popularne wśród użytkowników? Po wypełnieniu ankiety i głosowaniu stwierdziliśmy, że nasze ulubione ikony wyglądają zaskakująco podobnie! Główne cechy to kolor, gradient i linie.

Na tej podstawie możemy podsumować zasady projektowania ikon.

Wybieraj rzeczy znane ludziom, łatwe do rozpoznania i niskie koszty rozpoznania.

Użyj atrybutów produktu jako elementów ikon. Na przykład aparat może być używany jako element projektu aplikacji do zdjęć.

Wybór koloru aplikacji powinien być połączony z atrybutami odbiorców. Należy wziąć pod uwagę wiek i płeć grupy użytkowników, a programiści mogą wybrać odpowiedni kolor produktu dla własnych atrybutów użytkownika aplikacji.

Dopasowanie kolorów w miarę możliwości nie więcej niż 3 kolory, obecnie w aplikacji fotograficznej i wideo użytkownicy preferują "gradientowy kolor tęczy".

Dynamiczne symbole, wpływowe wzory są łatwe do zapamiętania dla użytkowników, tego rodzaju ikony łatwiej przykuwają uwagę użytkownika, poniższe ikony są bardzo dobrymi przykładami.

Zrzut ekranu

Zrzuty ekranu ze sklepu App Store to najlepszy sposób na opowiedzenie historii aplikacji i przekonanie użytkowników do jej pobrania. W rzeczywistości zaniedbanie tego aspektu strategii ASO jest jednym z największych błędów, jakie możesz popełnić.

Najpopularniejsze sceny kobiece + życiowe

Wybraliśmy zrzuty ekranu 60 najlepszych produktów z listy fotografii i wideo, a wobec dużej liczby materiałów graficznych podsumowaliśmy następujące cechy.

Elementy centralne

Główne elementy są klasyfikowane według scenariuszy użytkowania, w tym „scena urody selfie”, „scena życia i wypoczynku”, „scena fotografowania krajobrazu” i „wyświetlanie funkcji”.

Styl i kolor tła

Scena użytkowania życia; biały/przezroczysty

Ludzie , różne jednolite kolorowe tło z

Jednokolorowe tło

Styl projektowania

Natywny interfejs. Ten styl nie jest zalecany dla programistów, ponieważ brakuje w nim tekstowych opisów funkcji i nie pozwala użytkownikom na jednoznaczne zrozumienie funkcji aplikacji na pierwszy rzut oka.

Zrzut ekranu + opis tekstowy. Ten styl ma opis tekstowy, który podkreśla opis funkcji aplikacji, ale z efektu wizualnego, pierwszą rzeczą, na którą zwracają uwagę użytkownicy, jest część obrazu, a następnie tekst.

Zrzut ekranu + ramka telefonu komórkowego + opis. Dodając ramkę telefonu komórkowego, wszystkie elementy zrzutu ekranu są w zrównoważonym stanie, a użytkownicy mogą na pierwszy rzut oka wyraźnie zobaczyć opis tekstowy, podczas gdy obraz tła staje się elementem drugorzędnym, a efekt wizualny nie jest wystarczająco duży.

Interfejs wieloekranowy. Ta forma jest teraz coraz bardziej popularna, a wiele produktów chętnie korzysta z interfejsu cross-screen. Może przyciągnąć uwagę użytkowników i poprowadzić ich do przesunięcia zrzutu ekranu w prawo (do 3 zdjęć na jednym ekranie)

Szczegóły zasad projektowania

Następnie, poprzez kilka kontrprzykładów, programiści mogą uczyć się z doświadczenia.

Wyróżnij elementy fokusu: użyj elementów powiększenia lub fokusu interfejsu, aby podkreślić wizualne centrum motywu.

Zasada kontrastu: tło tekstu i zrzutu ekranu, elementy i tło bardziej wyraźny kontrast, bardziej atrakcyjne dla użytkowników.

Znaleźliśmy pewne podobieństwa (tylko w celach informacyjnych).

Styl zrzutu ekranu: naturalny. Blisko życia codziennego, częściowo zawierającego wakacje.

Charakterystyka dwóch pierwszych zrzutów ekranu: powiększenie pełnego ekranu/podświetlenie ważnych treści.

Postacie: wszystkie są postaciami kobiecymi.

Zasady projektowania zrzutów ekranu

Wybór motywu, Blisko scenariusza użytkownika

Zrzuty ekranu aplikacji powinny być wybierane jak najbliżej scenariuszy użytkowania użytkownika. Na przykład aplikacje zakupowe mogą wybrać fotografię uliczną; aplikacje związane ze stylem życia mogą wybierać jedzenie itp. Centralny element powinien być zbliżony do scenariusza użytkowania użytkownika, co sprzyja skojarzeniu użytkownika z aplikacją, a tym samym zwiększeniu szybkości pobierania.

Styl tła, wybór koloru

Kolorystyka nie powinna być pojedyncza, a odcienie tła w serii, łatwe do spójnego odczytania przez użytkowników, niełatwe do wywołania zmęczenia wizualnego.

Styl projektowania: bądź interesujący i miej wartość ozdobną


Obecnie zrzuty ekranu występują w czterech formach: zrzut ekranu + opis; zrzut ekranu + ramka telefonu + opis; interfejs wieloekranowy i interfejs natywny. Wśród tych czterech typów zaleca się, aby programiści zastosowali bardziej innowacyjne podejście, takie jak interfejs na wielu ekranach i wieloelementowa prezentacja wprowadzenia aplikacji.
Szczegółowy projekt

Szczegółowy projekt

Wyróżnij elementy ostrości i zwiększ kontrast między interfejsem aplikacji a tłem.


Deweloperzy mogą używać elementów powiększenia lub ostrości interfejsu, aby podkreślić wizualne centrum motywów, co bardziej sprzyja podkreśleniu kluczowych elementów produktu, a użytkownicy mogą to zrozumieć na pierwszy rzut oka.

Podsumowując, podsumowano wykorzystanie ikon produktów i zrzutów ekranu. Jako wizualna reprezentacja, podstawowy kształt i tendencja estetyczna ikon i zrzutów ekranu mają kluczowe znaczenie dla atrakcyjności produktu. Te małe elementy muszą być dokładnie przemyślane przez programistów, ponieważ są pierwszym krokiem do zachęcenia użytkowników do korzystania z aplikacji.