Principi di progettazione dell'interfaccia utente
Il design grafico (come disciplina) si è evoluto negli ultimi 2 decenni più di ogni altra cosa. C'è stato un tempo in cui i designer erano considerati solo esecutori. Designer d'altri tempi, ricordi i tuoi giorni in 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 aggiornamento è 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 una maggiore autorità, hanno anche una maggiore responsabilità sulle spalle. Creare esperienze senza soluzione di continuità e consentire connessioni emotive tra gli esseri umani e la tecnologia.
Un buon design è rendere qualcosa di comprensibile e memorabile. Il grande design sta creando qualcosa di memorabile e significativo.
Mentre vorremmo continuare a scoprire e imparare 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 illustrarvi alcuni principi fondamentali ma fondamentali che vi assicurano di ottenere qualcosa di memorabile e significativo ogni volta che progettate prodotti digitali.
1. Gerarchia
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 elementi con maggior peso visivo tendano a catturare l'attenzione degli utenti. Questo comportamento dovrebbe essere considerato quando si progetta un layout.
- Stabilire relazioni visive tra gli elementi del layout
- Quindi aggiungi diversi pesi visivi a ciascuno degli elementi
- Infine crea modelli di movimento degli occhi
Ad esempio, il titolo di un blog richiederebbe più attenzione del corpo del testo. Allo stesso modo, nella progettazione dell'interfaccia, un invito all'azione (CTA) potrebbe richiedere un'importanza speciale rispetto ad altri.Ogni volta che cerchiamo di 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 contrasti di colori chiari e scuri o di dimensioni piccole e grandi: è molto di più. Il contrasto ci aiuta a organizzare meglio i nostri contenuti, inoltre aiuta gli utenti a concentrarsi su determinati elementi. Oltre a sottolineare gli elementi crea anche un equilibrio visivo e interesse per il design. Tuttavia, un contrasto eccessivo può confondere gli utenti. Potrebbe creare molti punti focali a causa dei quali gli utenti potrebbero avere difficoltà a intraprendere le azioni previste. Cerca di creare la giusta quantità di contrasto giocando con:
Dimensioni
- Colore
- Peso
- Stili
- Caratteri
- tra
- serif
- Riempimento sans serif
demodemo
demo
nice blog!