Sztuka ikon App Store

Opublikowany: 2020-04-14

Ikony App Store to twarz aplikacji. Cała twoja ciężka praca i wszystkie godziny pracy na GitHubie sprowadzają się do małego kwadratu 1024 x 1024. Tworzenie świetnej ikony jest dość dobrze rozpoznawane jako jedna z najlepszych rzeczy, które możesz zrobić w celu optymalizacji sklepu z aplikacjami (ASO). Tłumaczenie? Twoja ikona jest ostatnią rzeczą między programistami a bogactwami ponad granicami ubóstwa. Omówimy więc kilka najlepszych praktyk, które możesz zastosować, aby projekt ikony (metaforycznie) zabłysnął.

Dlaczego to ważne

to bardzo ważna ławka
Obraz przez Flickr

Zanim przejdziemy do tego, co Apple mówi o ikonach (niewiele) i co inni mówią o ikonach (wiele i wiele), dlaczego projektowanie ikon jest tak ważne? To uczciwe pytanie.

Po pierwsze, obraz mówi tysiąc słów, a jeśli użytkownik przewija dziesiątki lub setki aplikacji naraz, to twoja ikona musi się wyróżniać. To dość oczywiste. To wyzwanie stało się jeszcze bardziej istotne, odkąd Apple wydało aktualizację iOS 8 w 2014 roku. Zmiana na ciągłe przewijanie oznacza, że użytkownicy mogą poruszać się po aplikacjach o wiele szybciej niż kiedyś.

Wynik? Mniej czasu na aplikację, więc naprawdę musisz zrobić swoje zdjęcia i zrzuty ekranu.

Co Apple ma do powiedzenia

Więc co Apple ma do powiedzenia na ten temat? Szybkie spojrzenie na bibliotekę deweloperów iOS i mają całą sekcję dotyczącą ikon aplikacji. Większość z nich polega na tym, aby ikona wyglądała dobrze, gdy jest już na urządzeniu, a nie w App Store, ale oferują porady na bardzo wysokim poziomie, takie jak:

„Stwórz abstrakcyjną interpretację głównej idei swojej aplikacji”
„Jeśli chcesz przedstawić prawdziwe substancje, zrób to dokładnie”

Tak więc Apple nie udziela praktycznych porad, ale jest to dobre miejsce na rozpoczęcie — w zasadzie nie używaj obrazu i nie używaj obrazu i nadaj swojej ikonie namacalny związek z tym, jak chcesz, aby użytkownicy widzieli Twoją aplikację.
Na przykład biurko (o którym mówiłem w zeszłym tygodniu) ma świetną ikonę. To maleńka maszyna do pisania i nie wiedząc nic o produkcie, powiedziałbym, że większość ludzi domyśli się, że ma to coś wspólnego z pisaniem lub przetwarzaniem tekstu. Widzieć? Namacalnie powiązane.

Pod koniec dnia Apple trochę nie mówi o tym, co tworzy dobrą ikonę.

Najlepsze praktyki dotyczące ikon aplikacji (z przykładami!)

Co więc powinieneś zrobić, aby pomóc w przekazaniu całej wspaniałości swojej aplikacji światu zewnętrznemu?

Ogólny projekt

Chociaż istnieje wiele sztuczek, które naprawdę można wyróżnić, takie jak dodanie „darmowego” tagu lub użycie głównego bohatera (więcej o nich później), istnieje również kilka podstawowych wytycznych projektowych, których należy przestrzegać. Oczywiście wszystko to można przełamać z doskonałymi wynikami, ale w większości:

Zastanów się nad ramką, aby po pobraniu aplikacja wyglądała ładnie bez względu na tło
Nie twórz przejrzystego logo. Zmniejszy to czytelność
Nie używaj słów – po prostu zgubią się w mniejszych rozmiarach
Nie rozjaśniaj swojej ikony – spowoduje to, że wiele z niej stanie się niewidoczne
Zachowaj prostotę – ikony aplikacji są małe, a szczegóły giną

Wyróżniać się

Wiem, że łatwiej powiedzieć niż zrobić. Niezależnie od tego pozostaje jedną z podstawowych funkcji Twojej ikony – wyróżnianie się i zachęcanie użytkownika do wybierania Twojej aplikacji nad wszystkimi innymi.
Pomyśl o tym w ten sposób. W sklepie z aplikacjami jest 1,2 miliona (ish) aplikacji – jest mało prawdopodobne, że będziesz jedynym, który oferuje swój produkt. Skąd więc ludzie wiedzą, że masz najlepszą aplikację kalkulatora w porównaniu do innych? Twoja ikona, właśnie tak.
Oto zrzut ekranu z wynikami wyszukiwania aplikacji kalkulatora dla iPhone'a.
aplikacje kalkulatora
Czy wiesz, co mnie wyróżnia? Tag „bezpłatny” w aplikacji Kalkulator.
edytowany zrzut ekranu kalkulatora
To trochę śmieszne, ponieważ zdecydowana większość aplikacji w sklepie z aplikacjami jest bezpłatna, ale mimo to – umieszczenie na nim tego małego tagu automatycznie sprawia, że myślę, że jeśli są oznaczone jako bezpłatne, to reszta nie może być . A ta różnica w ułamku sekundy to naprawdę wszystko, czego potrzebujesz w sklepie z aplikacjami.

Zmień to w górę

Rozbryzgująca Ryba

Nie za dużo, ale niewielka zmiana ikony aplikacji to świetny sposób na ożywienie pobierania. Najlepszym tego przykładem są ikony sezonowe.

Na przykład w zeszłym Halloween Splashy Fish zmienił swoją ikonę na bardziej Halloweenową. To niewielka zmiana, ale jeśli jesteś właścicielem znanej aplikacji, może to być właśnie sposób na zwiększenie liczby pobrań.

Branding

Jeśli masz silną wartość marki, prosty branding to świetny sposób. Ale pamiętaj: zachowaj prostotę. Na przykład Nike wykonuje naprawdę dobrą robotę – tak się dzieje, gdy je przeszukujesz:
Aplikacje Nike
To sprawia, że od razu rozpoznaję, które aplikacje należą do nich, więc jeśli szukam czegoś od Nike, to jest ładne i szybkie. Ponadto, ponieważ są niesamowicie zaufanym brandingiem marki, ma dla nich dużo sensu.

Inną kwestią związaną z brandingiem jest to, że jeśli jest to ścieżka, którą zamierzasz podążać (miejmy nadzieję) w przyszłości, wybierz coś, co można dostosować do wielu różnych ustawień. Na przykład logo Nike zgrabnie pasuje do wielu różnych ikon aplikacji.
ikona starcia klanów

W przeciwieństwie do tego ikona Clash of Clans nie jest aż tak elastyczna i chociaż może istnieć wyjątek dla ikon gier z głównymi postaciami, powiedziałbym, że popełniam błąd, jeśli chodzi o wysoce stylizowane ikony postaci.

Marka Piggy-Backing

To świetny sposób na uzyskanie większego uznania wśród odbiorców. (Uwaga: nie opowiadam się za łamaniem prawa lub wprowadzaniem użytkowników w błąd, więc rób to ostrożnie).

Więc jasne jest, co mam na myśli, spójrzmy na przykład. Hipstamatic to aplikacja do zdjęć cyfrowych, która wykładniczo zwiększa funkcjonalność telefonu z aparatem. W zasadzie to naprawdę fajna wersja Instagrama. Wiedząc, że projektant ikon Aravind Kaimal wymyślił to:
ikona hipstatyczna
Obraz za pośrednictwem Dribbble

Jest całkiem jasne, skąd wzięła się jego instancja, jeśli wiesz, co mam na myśli. Ale to nie jest zła rzecz! Instagram zbudował tę niesamowitą markę, a jej ikonografia jest synonimem filtrowanych zdjęć – dokładnie to, co robi Hipstamatic . Dlaczego więc nie wykorzystać rozpoznawalności innych marek?

Jeśli branding piggy-backing jest zrobiony dobrze, niby na tyle podobny, by zyskać rozpoznawalność i podrobić link, ale na tyle inny, że nie ma przypadkowych kliknięć „o, myślałem, że to jest to”, to jest to naprawdę świetna strategia.

Google Android

Na koniec chciałem ukłonić się w stronę sklepu Play, który jest tak często zaniedbywany na czacie w aplikacji i myślę, że niesłusznie.
~~Google faktycznie ma~~ Fajny generator ikon autorstwa Romana Nurika, który prawdopodobnie pomoże Ci ulepszyć Twoją ikonę i bardziej skoncentrować się na Sklepie Google Play. Wydaje mi się, że chociaż nie jest to przydatne narzędzie do tworzenia aplikacji, jest to świetne narzędzie do szybkiego testowania i iterowania ikony aplikacji (zwłaszcza jeśli nie masz projektanta w zakresie umiejętności personelu/projektowania). Więc to jedna rzecz.

Po drugie, większość tego, co dotyczy App Store, dotyczy również Sklepu Play.

Tak naprawdę nie mamy do czynienia z innym oprogramowaniem, mamy do czynienia z psychologią tego, co sprawia, że ludzie widzą coś i myślą „tak, to jest aplikacja dla mnie”.

Na przesyconym rynku jest to absolutnie złote. (to powiedział, że istnieją oczywiście pewne różnice techniczne)

Zakończyć

Twoja ikona App Store/Play Store jest naprawdę ważna. To małe okno możliwości, w którym musisz przyciągnąć uwagę przeglądarek App Store i przekonać ich, że Twoje zrzuty ekranu, film promocyjny, opis i ostatecznie pobranie aplikacji są dla nich tego warte. Niestety, nie ma gotowego przepisu na to, co sprawia, że ikona App Store jest dobra, a co zła. Chodzi bardziej o to, co Cię oddzieli na tyle, aby się wyróżniać, ale nadal być wystarczająco rozpoznawalnym, aby Twoi odbiorcy od razu wiedzieli, co robi Twój produkt.

To dużo do zrobienia i niewiele miejsca, aby to zrobić, więc najlepiej się zepsuć.