App Icon
L’icona è il primo elemento che gli utenti vedono quando trovano un app sull’App Store. Nella fase iniziale, quando l’utente sta ancora decidendo se scaricare l’app, l’icona è l’elemento che aiuterà a generare interesse in essa. Una volta installata l’app, invece, l’obiettivo dell’icona cambia, in quanto aiuterà la riconoscibilità dell’app rispetto alle altre icone. L’icona dell’app è quindi fondamentale per i download e l’awareness del brand.
I 3 aspetti principali sono:
- Scalabilità
- Coerenza
- Unicità
Suggerimenti
Scalabilità
Uno degli aspetti più importanti di un'icona è la scalabilità. Poiché l'icona verrà mostrata in diversi punti della piattaforma e in diverse dimensioni, è importante che essa mantenga la sua leggibilità e unicità.
Coerenza
Plasmare un'immagine coerente ed unificata dell’app nella mente dell'utente aumenta la soddisfazione, la fidelizzazione e la viralità del prodotto.
Unicità
Attirare l'attenzione dell'utente e sapersi distinguere dalle altre icone è un fattore fondamentale per creare unicità.
Abbraccia la semplicità e concentrati su un singolo oggetto, preferibilmente una forma o un elemento unico che mantiene i suoi contorni e le sue qualità quando viene ridimensionato.
Allinea la palette di colori e utilizza un linguaggio di progettazione simile e coerente anche all’interno dell’applicazione, in questo modo l’icona funzionerà in armonia con l'essenza, la funzionalità ed il design dell’applicazione.
Rimuovi i dettagli e lavora sulla astrazione delle forme. Le icone troppo complicate sono nemiche della riconoscibilità. Cerca di non essere banale e dai uno sguardo alle decine di app differenti che Regione Lombardia offre già.
L’uso di colori e gradient differenti, all’interno del perimetro cromatico suggerito nel documento, è consentito. Per rispettare la coerenza nel design delle app icon, seguire le indicazioni riportate nella sezione e i principi chiave: semplicità + colori + brand identity + riconoscibilità. La creatività e l’unicità dell’identità di un’app non prescinde dalla conformità alle linee guida del master brand di Regione Lombardia.
App Icon
App Icon - iOS
App Icon - Android
<h4>App Icon - iOS</h4>
<div class="row my-3">
<div class="col-3">
<strong>Dimensione Massima</strong>
</div>
<div class="col">
<svg class="icon ios-icon xl"><use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-check-circle" alt="sì"></use></svg>
</div>
</div>
<div class="row my-3">
<div class="col-3">
<strong>Dimensione App Store</strong>
</div>
<div class="col">
<svg class="icon ios-icon lg"><use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-check-circle" alt="sì"></use></svg>
</div>
</div>
<div class="row my-3">
<div class="col-3">
<strong>Dimensione galleria</strong>
</div>
<div class="col">
<svg class="icon ios-icon"><use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-check-circle" alt="sì"></use></svg>
</div>
</div>
<div class="row my-3">
<div class="col-3">
<strong>Dimensione notifica</strong>
</div>
<div class="col">
<svg class="icon ios-icon sm"><use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-check-circle" alt="sì"></use></svg>
</div>
</div>
<div class="row my-3">
<div class="col-3">
<strong>Dimensione notifica (badge)</strong>
</div>
<div class="col">
<svg class="icon ios-icon xs"><use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-check-circle" alt="sì"></use></svg>
</div>
</div>
<h4>App Icon - Android</h4>
<div class="row my-3">
<div class="col-3">
<strong>Dimensione Standard</strong>
</div>
<div class="col">
<svg class="icon a-icon"><use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-check-circle" alt="sì"></use></svg>
</div>
</div>Preview
App naming
App naming
Importanza del nome
Il nome e il sottotitolo sono i primi fattori che incidono sull’indicizzazione dell’app e hanno un forte impatto sulla comunicazione con gli utenti. Il nome deve riflettere i vantaggi dell’app ed essere memorabile
Cosa verificare
- La sua disponibilità in AppStore, PlayStore e Huawei AppGallery
- La disponibilità di un nome di dominio per eventuale sito web o landing page
- La presenza del nome sul web
Come identificare una proposta per il naming?
Si suggerisce di partire dalle principali funzionalità dell’app, individuando gli elementi caratterizzanti il servizio. Quali sono le parole chiave che più identificano il prodotto? Le logiche per la scelta del nome sono
- Combinazione di nomi
- Nomi di attività/nomi di persone
- Etimologia delle parole