Linee guida per la progettazione

Introduzione

Un design coeso è fondamentale per diversi motivi. In primo luogo, agisce come un percorso chiaro attraverso una grande foresta di informazioni. Se tutto ha lo stesso aspetto e funziona allo stesso modo, è molto più facile per tutti trovare ciò che si sta cercando.

Ma non si tratta solo di trovare cose, ma anche di creare abitudini. Il design coesivo aiuta le persone a sviluppare routine di apprendimento. Quando le cose sono coerenti, è come seguire un sentiero ben segnato. Navigare e imparare diventa naturale.

Ed ecco una cosa interessante: il design racconta anche una storia dell'azienda. Mostra la sua personalità, il suo tono di voce e la sua cultura. Pensate ai colori e alle decorazioni di una casa: danno un'idea di come sono le persone che la abitano.

Il design coesivo non si limita a rendere le cose belle, ma le rende facili da usare, aiuta le persone a imparare meglio ed esprime i valori di un'azienda.Si tratta di renderle facili da usare, di aiutare le persone a imparare meglio e di esprimere i valori di un'azienda.

Cosa bisogna considerare quando si sviluppa un concetto di design?

1. Considerate il vostro pubblico: Un approccio incentrato sull'utente finale vi aiuterà a sviluppare un tono di voce che parli al pubblico. Le domande potrebbero essere: Cosa è moderno e attraente per loro? Cosa li lega al marchio?
2. Integrazione del marchio: Incorporare gli elementi di branding dell'azienda, come i loghi e i colori del marchio, nelle immagini, nei video e nei materiali caricati per rafforzare l'identità e la familiarità del marchio.
3. Contenuti visivi coinvolgenti: Utilizzate immagini e video visivamente accattivanti che catturino efficacemente l'attenzione e trasmettano informazioni. Scegliete immagini di alta qualità che siano pertinenti al contenuto e che risuonino con il pubblico di riferimento.
4. Tono e messaggi coerenti: Mantenere la coerenza del tono e della messaggistica in tutti i contenuti visivi per rafforzare i messaggi chiave e creare un'esperienza utente coesa.
5. Aggiornamenti regolari: Mantenete i contenuti visivi aggiornati e pertinenti aggiornando regolarmente le immagini, i video e i materiali caricati per riflettere i cambiamenti nei contenuti, nel branding o nelle tendenze del settore.
6. Il tono di voce/ Look and feel: Quale sarà il tono di voce? Volete creare un look and feel più aziendale, divertente, strano, unico o interessante? Pensate agli aggettivi che meglio spiegano l'aspetto e l'atmosfera che costruirete. 

Dove si riflettono i progetti nell'app?

Nome e logo dell'app (solo webapp)

Per prima cosa decidete il nome e il logo dell'applicazione, che sarà la base per lo sviluppo del look and feel.

Dare un nome speciale alla vostra applicazione non serve solo a identificarla, ma aggiunge profondità e scopo al progetto. Il nome stabilisce anche il tono di voce e lo scopo della piattaforma. Ad esempio, invece di avere solo il nome del vostro marchio, aggiungete "[nome del marchio] Academy".

Continuate a personalizzare la vostra applicazione creando un logo che rifletta il nome dell'applicazione (se avete scelto di averne uno), il vostro marchio e il tono di voce, il look and feel che intendete costruire.

Il nome può essere lungo al massimo 30 caratteri. Ma più breve è, meglio è.

Stile del logo

Questo logo verrà visualizzato:

1. Nella pagina di accesso.
2. Nel menu della barra laterale.
3. Icona dell'applicazione sul desktop o sulla schermata iniziale.

È possibile utilizzare lo stesso logo per tutti e 3 i luoghi o avere diverse varianti dello stesso.

I requisiti sono: 1024x1024px e png.

I nostri consigli per il vostro logo:

• Abbracciate la semplicità, in modo che l'icona non appaia disordinata.
• Evitare il testo perché può essere difficile da leggere.
• Immagini grafiche anziché foto, perché le foto hanno troppi dettagli.
• Utilizzate il vostro logo o un artefatto ben noto al vostro pubblico.

Struttura del canale e immagini

I canali sono come cartelle per organizzare gli articoli pubblicati in base al tema o all'argomento oppure funzionano come feed sociali. L'obiettivo è rendere più facile per il pubblico trovare e coinvolgere i collaboratori nei contenuti pubblicati. Anche le immagini dei canali devono riflettere l'aspetto e l'atmosfera che si vuole creare.

• Rapporto consigliato: Il rapporto tra le coperture dei canali dovrebbe essere di 1:1,8.
• Dimensioni consigliate: Si consiglia un minimo di 343x200px o 686x400px.
• Convertiremo automaticamente le immagini in dimensioni diverse a seconda dei dispositivi dell'utente.

Ecco alcune idee su come potrebbero essere i diversi tipi di look and feel dei canali: corporativo, divertente, corporativo con un tocco, sottile.

Guide per le immagini di copertina degli articoli

Le immagini di copertina degli articoli devono riflettere il design dei canali, per continuare a comunicare lo stesso messaggio. Inoltre, gli articoli dovrebbero anche guidare un membro verso le informazioni che compongono l'articolo.

• Rapporto consigliato: Il rapporto tra le copertine degli articoli deve essere 2,1:1. 
• Dimensioni consigliate: Si consiglia un minimo di 800x360px o 1600x725px.
• Convertiremo automaticamente le immagini in dimensioni diverse a seconda dei dispositivi dell'utente.

PRO TIP: Per contenuti simili, avere titoli di articoli simili.

Immagini all'interno dell'articolo

Considerate l'uso di video e immagini e il modo in cui completeranno il messaggio. Le immagini nell'articolo raccontano una storia e possono servire a rafforzare ciò che è scritto nel testo, a ispirare e a creare un articolo visivamente piacevole.

Suggeriamo di avere immagini orizzontali, poiché quelle verticali possono occupare l'intero schermo sui dispositivi mobili, a meno che l'immagine verticale non racconti una storia.

Se avete GIF personalizzate, potete anche caricarle nel blocco immagine o utilizzare il nostro blocco Giphy incorporato.

• Dimensione massima del video: 500 mb

Immagini come opzioni per i quiz:

Quando si aggiungono immagini come opzioni di risposta a una domanda del quiz:

• Dimensioni e rapporto consigliati: 1:1,6 o 844x510px / 1688x1020px. 

Messaggi di alimentazione

Se utilizzate il feed per le notizie e gli annunci delle campagne, anche i post devono riflettere l'aspetto e l'atmosfera che state creando con i canali e gli articoli.

• Rapporto consigliato se viene caricata un'immagine: 16:9
• Rapporto consigliato se vengono caricate due immagini: 1:1
• Rapporto consigliato se vengono caricate tre immagini più: 9:16

Nota: se sono presenti più immagini, le ritaglieremo secondo i rapporti specificati per adattarle al carosello. Tuttavia, gli utenti possono ancora aprire e visualizzare le immagini nelle loro proporzioni originali.

Sintesi

Le immagini svolgono due funzioni importanti. In primo luogo, mostrano le caratteristiche dell'azienda, come i suoi valori e la sua personalità. In secondo luogo, aiutano gli utenti a orientarsi nell'app. Quindi, ogni immagine che vedete corrisponde all'atmosfera dell'azienda e vi aiuta a trovare ciò che state cercando. È come avere una mappa con le immagini! Questo fa sì che l'app sia più simile a una casa per i dipendenti e li aiuta a imparare e a relazionarsi meglio.