Principi di progettazione dell'interfaccia utente
Il graphic design (come disciplina) si è evoluto negli ultimi vent'anni più di ogni altra cosa. C'è stato un tempo in cui i progettisti erano considerati solo esecutori. Designer di vecchia data, ricordate i tempi di CoralDraw? Quanto pensi che ci siamo evoluti negli ultimi anni?
Oggi, i designer sfoggiano un nuovo prefisso elegante (come IxD, UI, Motion Design), utilizzano strumenti all'avanguardia (si pensi a Sketch, Figma, Invision) e dispongono delle migliori risorse online (si pensi a Dribbble, Muzli) per guidarli nel loro lavoro quotidiano.
Un altro grande miglioramento è che i designer di oggi hanno un posto sul tavolo. Perché, si potrebbe pensare. Il motivo è che oggi utilizziamo sempre più prodotti digitali e ci muoviamo verso un ecosistema completamente digitale. Gli UI Designer sono gli abilitatori di quelle interfacce magiche, quasi realistiche con cui interagiamo ogni giorno. Sebbene i designer godano di un’autorità migliore, hanno anche una responsabilità maggiore sulle spalle. Per creare esperienze senza soluzione di continuità e consentire connessioni emotive tra esseri umani e tecnologia.
Un buon design significa creare qualcosa di intelligibile e memorabile. Un ottimo design significa creare qualcosa di memorabile e significativo.
Anche se vorremmo continuare a scoprire e apprendere nuovi trucchi e tendenze man mano che cresciamo professionalmente, è altrettanto importante rimanere fedeli ai concetti di base e senza tempo che guidano l'essenza del design dell'interfaccia utente.
Oggi vorrei illustrarti alcuni principi basilari ma fondamentali che ti garantiscono di ottenere qualcosa di memorabile e significativo ogni volta che progetti prodotti digitali.
1. Gerarchia
La gerarchia, proprio come il suo significato tradizionale, è la disposizione degli elementi in ordine di importanza o peso sullo schermo. La gerarchia visiva spiega come possiamo organizzare i contenuti e progettare gli elementi in modo efficace. È naturale che gli elementi con maggiore peso visivo tendano a catturare l’attenzione degli utenti. Questo comportamento dovrebbe essere considerato quando si progetta un layout.
- Stabilisci relazioni visive tra gli elementi del layout
- Quindi aggiungi pesi visivi diversi a ciascuno degli elementi
- Infine crea schemi di movimento oculare
Ad esempio, il titolo di un blog richiederebbe più attenzione rispetto al corpo del testo. Allo stesso modo, nella progettazione dell'interfaccia, una call to action (CTA) potrebbe richiedere un'importanza speciale rispetto ad altre.Ogni volta che proviamo a dare un senso visivo alle informazioni, osserviamo prima somiglianze e differenze in ciò che stiamo vedendo. Queste relazioni ci permettono di distinguere gli oggetti.
2. Contrasto
Il contrasto è un altro principio importante che ci aiuta a progettare interfacce migliori. Non si tratta solo di opposti di colori chiari e scuri o di formati piccoli e grandi: è molto di più. Il contrasto ci aiuta a organizzare i nostri contenuti in un modo migliore, inoltre aiuta gli utenti a concentrarsi su determinati elementi. Oltre a enfatizzare gli elementi, crea anche un equilibrio visivo e interesse per il design. Tuttavia, un contrasto eccessivo può creare confusione per gli utenti. Potrebbe creare molti punti focali a causa dei quali gli utenti potrebbero avere difficoltà a intraprendere le azioni previste. Mira a creare la giusta quantità di contrasto giocando con:
Dimensione
- Colore
- Peso
- Stili
- Caratteri
- tra
- serif
- riempimento sans serif
demo