L'arte delle icone dell'App Store

Pubblicato: 2020-04-14

Le icone dell'App Store sono il volto delle app. Tutto il tuo duro lavoro e tutte le tue ore su GitHub si riducono a un piccolo quadrato di 1024 x 1024. La creazione di un'icona eccezionale è abbastanza ben riconosciuta come una delle cose migliori che puoi fare per l'ottimizzazione dell'app store (ASO). Traduzione? La tua icona è l'ultima cosa tra gli sviluppatori e le ricchezze al di sopra della soglia di povertà. Quindi esamineremo alcune best practice che puoi applicare per far brillare (metaforicamente) il design della tua icona.

Perché è importante

questa è una panchina molto importante
Immagine tramite Flickr

Prima di entrare in ciò che Apple dice sulle icone (non molto) e cosa dicono gli altri sulle icone (molte e molte), perché il design delle icone è così importante? È una domanda giusta.

Innanzitutto, un'immagine dice più di mille parole e se un utente scorre dozzine o centinaia di app alla volta, la tua icona deve risaltare. Questo è abbastanza ovvio. Questa sfida è diventata ancora più pertinente da quando Apple ha rilasciato il suo aggiornamento iOS 8 nel 2014. Il passaggio allo scorrimento continuo significa che gli utenti possono spostarsi tra le app molto più velocemente di prima.

Il risultato? Meno tempo per app, quindi hai davvero bisogno di inchiodare le tue foto e schermate.

Cosa ha da dire Apple

Allora, cosa ha da dire Apple sull'argomento? Una rapida occhiata alla libreria di sviluppo iOS e hanno un'intera sezione sulle icone delle app. La maggior parte riguarda l'aspetto dell'icona una volta che è sul dispositivo, piuttosto che nell'App Store, ma offrono alcuni consigli di altissimo livello come:

"Crea un'interpretazione astratta dell'idea principale della tua app"
“Se vuoi ritrarre sostanze reali, fallo con precisione”

Quindi Apple non fornisce esattamente consigli attuabili, ma è un buon punto di partenza: in sostanza, non utilizzare un'immagine e rendi la tua icona tangibilmente correlata a ciò che desideri che gli utenti vedano la tua app.
Ad esempio, Desk (di cui ho parlato la scorsa settimana) ha una grande icona. È una minuscola macchina da scrivere e, senza sapere nulla del prodotto, direi che la maggior parte delle persone penserebbe che abbia qualcosa a che fare con la digitazione o l'elaborazione di testi. Vedere? tangibilmente correlato.

Alla fine della giornata, Apple ha le labbra serrate su ciò che rende una buona icona.

Best practice per le icone delle app (con esempi!)

Quindi cosa dovresti fare per aiutare a trasmettere tutta la bellezza della tua app al mondo esterno?

Disegno generale

Mentre ci sono molti trucchi per distinguersi davvero, come aggiungere un tag "gratuito" o usare il personaggio principale (ne parleremo più avanti), ci sono anche alcune linee guida di progettazione di base che dovresti seguire. Naturalmente, questi possono essere tutti rotti con risultati eccellenti, ma per la maggior parte:

Prendi in considerazione l'idea di avere un bordo, in modo che una volta scaricata l'app abbia un bell'aspetto, indipendentemente dallo sfondo
Non rendere trasparente il tuo logo. Ridurrà la leggibilità
Non usare parole: si perderanno solo in dimensioni più piccole
Non rendere lucida la tua icona: la renderà molto invisibile
Mantieni la semplicità: le icone delle app sono piccole e i dettagli si perdono

Spicca

Più facile a dirsi che a farsi, lo so. Indipendentemente da ciò, rimane una delle funzioni principali della tua icona: differenziarti e convincere l'utente a toccare la tua app su tutte le altre.
Pensaci in questo modo. Ci sono 1,2 milioni di app (ish) nell'app store: è improbabile che tu sia l'unico a offrire il tuo prodotto. Quindi, come fanno le persone a sapere che hai la migliore app calcolatrice rispetto ad altre? La tua icona, ecco come.
Ad esempio, ecco uno screenshot dei risultati di ricerca delle app calcolatrici per iPhone.

Sai cosa mi colpisce? Il tag "gratuito" sull'app calcolatrice.
screenshot della calcolatrice modificato
È più che un po' ridicolo dal momento che la stragrande maggioranza delle app nell'app store è gratuita, ma comunque, inserendo quel piccolo tag su di esso, mi fa automaticamente pensare che se sono contrassegnate come gratuite, il resto non deve esserlo . E quella differenza di una frazione di secondo è davvero tutto ciò di cui hai bisogno nell'App Store.

Cambialo

Pesce Spruzzato

Non troppo, ma cambiare un po' l'icona dell'app è un ottimo modo per rinvigorire i download. Le icone stagionali ne sono il miglior esempio.

Lo scorso Halloween, ad esempio, Splashy Fish ha cambiato la propria icona per essere più Halloween-y. È un piccolo cambiamento, ma se sei il proprietario di un'app nota, potrebbe essere la cosa giusta per aumentare i tuoi download.

Marchio

Se hai un forte valore del marchio, il semplice marchio è un'ottima soluzione. Ma ricorda: mantienilo davvero semplice. Nike, ad esempio, fa davvero un buon lavoro in questo: ecco cosa succede quando li cerchi:
Applicazioni Nike
Rende praticamente immediatamente riconoscibile quali app sono loro, quindi se sto cercando qualcosa di Nike, allora è bello e veloce. Inoltre, dal momento che sono un marchio di marca incredibilmente affidabile per loro ha molto senso.

Un altro punto sul branding è che se questo è il percorso che stai per intraprendere (si spera) in futuro, scegli qualcosa che possa essere adattato a molte impostazioni diverse. Lo swoosh Nike, ad esempio, si adatta perfettamente a molte icone di app diverse.
icona di scontro tra clan

L'icona di Clash of Clans, al contrario, non è altrettanto flessibile e, sebbene possa esserci un'eccezione per le icone di gioco che presentano personaggi principali, direi di essere prudenti quando si tratta di icone di personaggi altamente stilizzate.

Marchio Piggy-Backing

Questo è un modo divertente per ottenere un migliore riconoscimento dal tuo pubblico. (NB: non sto sostenendo che infrangi la legge o fuorviato i tuoi utenti, quindi fallo con cautela).

Quindi siamo chiari su cosa intendo, diamo un'occhiata a un esempio. Hipstamatic è un'app per foto digitali che aumenta esponenzialmente la funzionalità del tuo telefono con fotocamera. Fondamentalmente, è davvero una bella versione di Instagram. Sapendo che il designer di icone Aravind Kaimal ha pensato a questo:
icona hipstamatica
Immagine tramite Dribbble

È abbastanza chiaro da dove viene la sua insta-razione se capisci cosa intendo. Ma non è una brutta cosa! Instagram ha costruito questo fantastico marchio e la sua iconografia è sinonimo di immagini filtrate, che è esattamente ciò che fa Hipstamatic . Allora perché non sfruttare il riconoscimento di altri marchi?

Se il piggy-backing del marchio è fatto bene, come se fosse abbastanza simile da ottenere riconoscimento e falsificare il collegamento, ma abbastanza diverso non ci sono clic accidentali "oh, pensavo fosse questo", allora è davvero una strategia eccellente.

Google Android

Infine, volevo fare un cenno al Play Store, che così spesso viene trascurato nelle app chat, e penso ingiustamente.
~~Google ha effettivamente un~~ Generatore di icone ingegnoso creato da Roman Nurik, presumibilmente per aiutarti a rendere la tua icona migliore e più mirata per il Google Play Store. Mi sembra che, sebbene non sia uno strumento così utile per la creazione di app, è un ottimo strumento per testare e iterare l'icona dell'app molto velocemente (soprattutto se non hai un designer con competenze di progettazione/personale). Quindi questa è una cosa.

In secondo luogo, la maggior parte di ciò che si applica all'App Store si applicherà anche al Play Store.

Non abbiamo davvero a che fare con software diversi, abbiamo a che fare con la psicologia di ciò che fa vedere alle persone qualcosa e pensare "sì, questa è l'app per me".

In un mercato iper-saturo, questo è assolutamente d'oro. (detto questo ci sono ovviamente alcune differenze tecniche)

Incartare

L'icona dell'App Store/Play Store è davvero importante. È una piccola finestra di opportunità che devi attirare l'attenzione dei browser dell'App Store e convincerli che i tuoi screenshot, il tuo video promozionale, la tua descrizione e alla fine il download della tua app valgono tutti per loro. Sfortunatamente, non esiste una formula volontaria per ciò che rende un'icona dell'App Store buona o cattiva. Si tratta più di ciò che ti separerà abbastanza da distinguerti, ma essere comunque abbastanza riconoscibile da consentire al tuo pubblico di sapere istantaneamente cosa fa il tuo prodotto.

C'è molto da fare e non molto spazio per farlo, quindi faresti meglio a darti da fare.