Design dell'interfaccia utente in 60 secondi

"UI" sta per "User Interface", un modo per gli utenti di interagire con qualcosa. Come ogni sito web è un'interfaccia utente "UI Design" è al centro del web design.

Che cosa è esattamente la progettazione dell'interfaccia utente?

 

"UI" non deve essere confuso con "UX" che sta per "User Experience". Creare una buona UX è ciò che l'UI Design si sforza di fare.

Quindi, per creare una buona interfaccia utente, dovrebbe esserci innanzitutto un piano per UX, idealmente illustrato con wireframe. 

Lo stadio wireframe a bassa fedeltà

Da lì puoi entrare nella progettazione di un'interfaccia utente che porterà l'UX nella realtà. Inizia ad arricchire il wireframe con colori tipografici e monocromatici, per assicurarti che tutto sia leggibile e accessibile. 

Fleshed in bianco e nero

Quindi, aggiungi colori e immagini, usando colori più chiari per evidenziare le aree UX chiave. Questo è il momento in cui il marchio deve essere implementato, compresa l'integrazione di loghi e colori aziendali.

Con colore e marchio

Cerca di creare uno stile visivo in grado di connettersi con il tipo di utenti del sito. Assicurati di avere un layout in grado di rispondere a tutte le possibili dimensioni dello schermo e un mezzo di interazione che conti per tutti i possibili dispositivi.

E questo è UI Design in sessanta secondi!

link utili

• Tutorial su UI Design su Tuts+
• Tutorial UX su Tuts+