Lo User Interface design (UI design) si riferisce alla progettazione dell’interfaccia utente, ovvero

  • l’aspetto visuale
  • l’aspetto funzionale

di un prodotto o servizio digitale con cui gli utenti interagiscono.

Aspetti fondamentali dell’UI design

Nella progettazione dell’interfaccia utente è importante considerare svariati aspetti fra cui:

  • usabilità: un’interfaccia ben progettata deve essere facile da usare, comprensibile e intuitiva per gli utenti finali (ne parliamo nell’articolo usabilità: un concetto indispensabile)
  • consistenza: funzioni, comandi e ogni componente dell’interfaccia devono essere coerenti e prevedibili, in modo che gli utenti possano imparare rapidamente come utilizzarli senza complicazioni inutili
  • feedback: l’interfaccia deve fornire feedback chiari e tempestivi agli utenti, in modo che possano capire se stanno interagendo correttamente con il prodotto o servizio
  • accessibilità: l’interfaccia deve essere accessibile a tutti gli utenti, compresi quelli con disabilità fisiche, sensoriali e cognitive (ne parliamo nell’articolo accessibilità informatica: tecnoinclusività)
  • contenuto: l’interfaccia deve presentare contenuti utili e rilevanti per gli utenti finali, in modo che possano utilizzare il prodotto o servizio in modo efficace e soddisfacente
  • estetica: l’aspetto visuale dell’interfaccia deve essere piacevole e coerente con il brand e lo stile di prodotto o servizio

Processo di visual design

Se parliamo di pagine web (vedi ad esempio il nostro articolo disegnare, creare e pubblicare un sito web)  un possibile processo potrebbe ad esempio comprendere:

  • ideare la corretta gerarchia visuale (o gerarchia visiva), ovvero progettare il layout di ogni pagina, stabilendo in che ordine si vuole che l’utente “si accorga” degli oggetti componenti (ne parla molto bene Paolo Peli nel suo articolo i 5 principi della gerarchia visuale)
  • realizzare il wireframe, cioè la struttura del sito web, facendo riferimento, se disponibile, ad un UI kit (una libreria di oggetti già pronti, da assemblare per creare una interfaccia utente),
  • utilizzare un moodboard (collage di immagini, detta anche tavola di stile) per definire l’atmosfera e trovare la giusta ispirazione tramite la visione di altri progetti di alto livello
  • definire bene come utilizzare colori e font
  • creare un mockup o un prototipo interattivo

L’UI design fa parte del più ampio processo di UX design (il progetto dell’intera esperienza dell’utente), di cui parliamo nell’articolo il computer invisibile e l’UX design.

 

Foto di Shuki Harel da Pexels