Stile articolo tre: immagine grande in alto

All'apertura, l'utente viene subito catturato dall'immagine grande in alto; questo stile è quindi ideale per contenuti prevalentemente fotografici

Il design dell'interfaccia utente comprende diverse fasi e processi di progettazione. A seconda del progetto, l'importanza di queste fasi può variare. Per "sistema" si intendono qui tutti i progetti, inclusi siti web, app o design di dispositivi.

Raccolta dei requisiti funzionali: Elencare le funzioni in base agli obiettivi di progetto del sistema e alle esigenze potenziali degli utenti.

Analisi degli utenti: Analizzare gli utenti parlando con gli utenti potenziali del sistema o con le persone che ci lavorano.

Le domande tipiche sono:

• Cosa vogliono gli utenti che il sistema faccia?
• Come si integra il sistema nel flusso di lavoro o nelle attività quotidiane dell'utente?
• Qual è il grado di dimestichezza dell'utente con la tecnologia? Quali sistemi simili ha già usato?
• Quale aspetto dell'interfaccia e quale gusto estetico predilige l'utente?

Architettura delle informazioni: Definire il programma o il flusso informativo del sistema (ad es. per un menu telefonico un albero di opzioni, per un sito una mappa di navigazione che mostra la gerarchia delle pagine).

Prototipazione (Prototyping): Creare bozze (wireframes) del sistema con prototipi cartacei o semplici schermate interattive. Questi prototipi non hanno elementi estetici né contenuti reali: riguardano solo l'interazione.

Test di usabilità: Testare il prototipo con un utente reale. Di solito si usa il metodo del pensiero a voce alta, in cui l'utente racconta i propri pensieri durante l'esperienza.

Design dell'interfaccia grafica: Processo di progettazione dell'aspetto della interfaccia utente grafica finale (GUI). Se l'usabilità è difficile da prevedere, ci si basa sui risultati dei test di usabilità oppure sugli obiettivi comunicativi e sullo stile preferito dall'utente.

In pochi casi è la grafica a determinare il prototipo, a seconda che in quel contesto contino di più la forma visiva o la funzione. Se alcune interfacce richiedono più "skin", lo stesso pannello di controllo, funzionalità o widget potrebbe richiedere design multipli.

In questa fase di solito servono la collaborazione tra un graphic designer e un UI designer, oppure un esperto esperto in entrambe le aree.

In sintesi, il design dell'interfaccia utente richiede che il designer conosca a fondo le necessità degli utenti.