Lezione gratuita dal corso UI Design
Abbiamo parlato del colore, ma non dimentichi.
Non dimentichiamoci mai che il colore si legato al brand, il colore si funzione, ma il colore è anche e soprattutto inclusione.
Ok, quindi dobbiamo ricordarci che quando progettiamo dobbiamo progettare in modo che il colore sia come dire, comprensibile nella sua rappresentazione a tutti.
E sappiamo che oggi ovviamente dobbiamo essere più inclusivi.
Avremmo sempre dovuto essere, ma diciamo adesso grazie a Dio, cioè una maggiore attenzione all' inclusività e inclusività a parte anche soprattutto dal colore.
La prima cosa che dobbiamo fare quando iniziamo a pensare a un prodotto digitale, fare attenzione che il contrasto dei colori che mettiamo insieme sia sufficientemente alto per essere letto da chiunque abbia problemi di disabilità visive, di qualunque tipo.
Anche insomma, soprattutto, per esempio daltonici, ce ne sono tantissimi tipi.
Come sapete, uno dei daltonismo più tipici è quello di non poter leggere bene la differenza tra il rosso e il verde per i daltonici.
Quelli sono tutte sfumature di grigi, no? E questo diventa un bel problema per chi rappresenta, diciamo l'informazione attraverso il colore.
Come vivi questa slide? Per esempio, La cosa importante è fare in modo che se creiamo un background uno sfondo di un certo colore e ci mettiamo una fonte sopra di un altro colore.
Deve essere molto forte il contrasto per poterlo leggere chiaramente.
Se è forte nel contrasto non lo decidiamo certo noi.
Ci sono degli enti predisposti ovviamente degli algoritmi predisposti a farlo.
Basta cercare font, contrasti e e si può capire se i due colori che abbiamo cercato di abbinare insieme tra sfondo e primo piano funzionano e superano le regole dell'accessibilità.
Ci sono diversi standard di accessibilità tripla à o doppia.
Questo dipende soprattutto dal nostro contesto.
Per esempio, se lavoriamo per la pubblica amministrazione, è molto probabile che dobbiamo essere in grado di superare lo standard con la tripla.
Quindi il contrasto deve essere molto forte in altri contesti.
L'accessibilità non è un fattore, come dire il dettato dalla legge.
No, non dobbiamo farlo per forza in altri nella pubblica amministrazione.
Ovviamente sì, perché il prodotto deve essere accessibile per tutti in altri contesti.
Non siamo obbligati a farlo, ma chiaramente più lo facciamo, meglio è.
Non perché vogliamo essere buoni, che chiaramente vogliamo esserlo, ma chiara più facciamo un prodotto accessibile, più persone raggiungiamo piu'.
Se stiamo vendendo qualcosa facendo un prodotto che deve essere utilizzato più persone convertiamo quindi l'accessibilità è anche un fatto di business.
Mi raccomando, cercate sempre di partire da questa attenzione e come dicevo prima, un'attenzione potrebbe essere come facciamo se il rosso e il verde, per esempio, per i daltonici è sempre una tonalità di grigio e noi mettiamo queste beh, per esempio immaginate nei classici grafici della borsa no di cose che salgono e scendono.
Il verde è per qualcosa che sale il rosso per qualcosa che sta andando sotto e sta scendendo.
Se il colore non è come dire un un'informazione indecifrabile da chi non riesce appunto a leggere la differenza, come facciamo a trasmettergli quella stessa informazione? Ci vuole poco come designer basta, per esempio, mettere oltre a queste due ball questi due diciamo sì le bolle colorate mettere dei concini accanto, quindi non solo il colore verde, per esempio, ma colore verde con freccia che va verso l'alto per rafforzare il significato e fare in modo che sia inequivocabile anche per chi l'informazione del colore non riesce a recepirla.
Idem per la parte della freccia della parte rossa, possiamo mettere una freccia che va verso il basso.
La stessa cosa vale per i grafici.
Noi spesso siamo portati a pensare di fare grafici di diversi colori, no? Quando facciamo una torta, un grafico a torta, un grafico, insomma ciambella, facciamo ogni ogni segmento con un colore diverso.
Così la leggenda è super chiara, super chiara per noi.
Ma anche se qualcuno ha una disabilità visiva, il colore non riesce ad interpretarlo bene, diventa un vero casino.
Qual è il tre? Il suggerimento vero è quello di utilizzare un'unica nuance, quindi immaginiamo blu e declinare anche qui nei suoi valori luminosità.
Così siamo sicuri che anche chi non è in grado di leggere l'informazione del colore sarà in grado di decifrare la leggenda.
E questo vale per tutte le cose che progettiamo all'interno di un prodotto digitale.
Anche, per esempio, in una barra no.
Non so se avete mai visto appunto sì, le barre Bassam All'interno dell'app.
Eccoli.
Per esempio, lavorare con un contrasto cromatico da quella che attiva è quella che non è attiva con pochissima differenza di luminosità.
Perché è veramente lì la chiave, diciamo il contrasto di lettura all'interno di chi ha disabilità visive.
Ecco, facendo così noi non stiamo facendo un buon servizio al nostro utente.
Potremmo risolvere questo stesso problema in altri mille modi.
Adesso in questa schermata, per esempio, verità a sinistra, una a bar con quel colore rosa che abbiamo visto prima ma simulata a chi ha problemi di disabilità visiva.
A destra invece possiamo vedere come risolvere questo problema cercando di aiutare anche chi quel contrasto colore non lo legge.
Quindi potremmo fare in modo di enfatizzare le altre, quindi renderla ancora molto più scure in modo che quella in primo piano.
In questo caso la casa è più luminosa.
Potremmo mettere, che ne so, un Blair dietro una è una comedy, un elemento che illumina dietro per dargli risalto potremmo giocare anche sulle forme.
Quella che è in primo piano è piena e quelle che sono disattivate sono in outline.
Se per esempio aprite Twitter o Instagram Facebook spesso lavorano su questo gioco di icone piene e vuote.
Oppure potremmo giocare banalmente lasciando le icone inalterate, ma mettendo un segno in più.
Per esempio in questo caso questa lineetta sopra la l'icona della della casa per segnalare che ci troviamo in quella posizione.
Mi raccomando, Quindi il colore è fondamentale all'interno della nostra interfaccia, ma che non diventi mai un elemento discriminante
Learnn è la piattaforma online che ti aiuta a 360 gradi a crescere nel digitale. Sviluppa competenze con oltre 220 corsi, condividi i tuoi risultati, fai networking con otre 120.000 professionisti/e e oltre 300 aziende.
Vogliamo cambiare l’Italia, una persona alla volta.
Per farlo ci proponiamo di democratizzare l’apprendimento e accelerare la crescita di persone, idee e aziende attraverso strumenti tecnologici a supporto di qualsiasi professionista.
Learnn prevede un piano totalmente gratuito (Free) che ti permette di iniziare qualsiasi corso che abbiamo su Learnn.
Per chi volesse finire i corsi, ottenere certificazioni e connettersi con professionisti e aziende, Learnn Pro permette di avere accesso illimitato a tutto questo. Il corso di Learnn Pro è 9.99 euro / mese e puoi disdire quando vuoi.
Per i team di aziende abbiamo anche un Piano Team con oltre 300 clienti aziendali.
Potrai seguire i contenuti da computer, tablet e smartphone.
Scarica l’App iOS/Android Learnn e segui i contenuti in modalità video, audio e testo.
Learnn ha un piano gratuito che ti permette di accedere all 40% di ogni corso in maniera gratuita e solo con la tua email.
Learnn offre sia un piano gratuito con accesso limitato ai contenuti, sia un piano PRO del costo di soli 9.99 euro al mese con cui potrai avere accesso a tutti i nostri contenuti senza limiti o sorprese.
Una volta completata l’iscrizione sarà possibile gestire i propri dati e disdire in qualsiasi momento e in completa autonomia.
No, non offriamo certificazioni, facciamo di meglio.
Man mano che completi corsi potrai verificare le tue competenze e condividerle sul tuo profilo LinkedIn o CV.
Inoltre abbiamo sviluppato una feature chiamata Profile attraverso il quale otterrai un link personale per mostrare in tempo reale tutti i contenuti da te completati e molto altro.
Immagine personale, username, badge, link esterni e molto altro.
Crea una vera e propria sales page dove il prodotto in vendita sono le tue competenze.
Se avessi altre domande puoi usare la live chat qui di fianco.
Per partnership compila questo form
La nostra vision è rendere l'Italia famosa nel mondo per l'esecuzione.
La missione di Learnn
è accelerare la crescita di ogni individuo rendendo accessibili conoscenza, opportunità e tecnologia per avere un impatto positivo sul mondo e sugli altri.
Tutto incluso (come Netflix), IVA inclusa, nessuna sorpresa o addebito indesiderato.
Disdici quando vuoi, in 1 click.
Scegli di migliorare ogni giorno per 12 mesi senza interruzioni scegliendo il piano annuale.
In un unico pagamento annuale
Disdici quando vuoi, in 1 click.
Con l’abbonamento otterrai:
Consuma i +200 corsi e webinar di Learnn da webapp o app iOS e Android, in formato video, audio o testo.
Con l'abbonamento a Learnn hai accesso a tutto (proprio tutto) ciò che contiene la piattaforma.
Ogni mese registriamo nuovi corsi su tutto cio di cui potresti avere bisogno nel mondo digitale.
Con l'app Learnn trasformi ogni momento di vuoto in un'occasione di apprendimento.
Scarica tutto il materiale che ti serve e utilizza i moduli riassuntivi per fissare i concetti.
Ogni settimana nuove offerte di lavoro da parte di tantissime aziende che operano nel mondo digitale.