Quando un utente visita un sito web, la sua decisione di rimanere su quel sito o spostare in un altro sito può essere influenzato in modo significativo dalla interfaccia utente grafica , o GUI , del sito o applicazione . Studi hanno dimostrato che se un utente ha a pensare a come interagire con uno schermo di Web anche per un po 'di tempo , si può formare una impressione sfavorevole del sito web o di perdere interesse e spostarsi altrove . Una buona progettazione dell'interfaccia utente fa uso di controlli dello schermo che sono ben riconosciuti , chiaramente comprese e adatti per il loro scopo sullo schermo. Le caselle di testo
Le caselle di testo sono

controlli dell'interfaccia utente comuni che consentono a un utente di immettere i caratteri stampabili dalla tastiera . Le caselle di testo possono essere limitati per consentire solo un certo numero di caratteri , per esempio quando si entra in un codice a 5 cifre . Caselle di testo multi-linea possono essere utilizzati per accettare paragrafi di testo che si estendono su più righe . Alcune caselle di testo multilinea espandere la loro lunghezza in modo dinamico , come viene aggiunto il testo e altri attivano barre di scorrimento quando il testo riempie completamente lo spazio assegnato alla casella di testo sullo schermo .
Combox Scatole
< br >

Quando un utente deve scegliere un valore da un elenco di valori accettabili predefiniti, come un paese , una casella combinata è in genere il controllo della schermata di scelta. La casella combinata visualizza l' elemento selezionato accanto a una freccia verso il basso che , se cliccato, visualizza un elenco di tutti gli elementi che l'utente può selezionare. Un utente può scorrere la lista , trovare la selezione desiderata e fare clic su di esso. Tale selezione viene quindi visualizzato nella casella combinata . Alcune caselle combinate consentono agli utenti di selezionare più di una voce .
Data -Raccoglitori

Abilitazione utenti di inserire facilmente una data valida è l'obiettivo di data - controlla picker . Ci sono molti diversi data - raccoglitori che i Web designer e gli sviluppatori possono incorporare nelle loro applicazioni , a seconda della lingua e gli strumenti utilizzati . La maggior parte dei data - raccoglitori presentano all'utente un calendario in miniatura che visualizza uno o due mesi . Un utente può scorrere il calendario utilizzando i pulsanti di navigazione per individuare e selezionare la data desiderata . Alcuni controlli selezione data permetterà anche all'utente di digitare manualmente in una data invece di utilizzare il data -picker .
Spin Controlli

Invece di avere una chiave utente in un numero, alcune applicazioni utilizzano un controllo a rotazione sullo schermo . Un controllo degli effetti in genere contiene una scatola con un valore numerico . Sul lato della scatola sono due piccole frecce verso l'alto e verso il basso . Quando un utente fa clic sulla freccia verso l'alto , gli incrementi di valore numerico. Quando un utente fa clic sulla freccia verso il basso , i decrementi di valore numerico . Tenendo premuto il pulsante del mouse su una freccia continuamente incremento o decremento del valore fino a quando il pulsante viene rilasciato. Un utente di solito può immettere un valore nella casella invece di utilizzare il controllo degli effetti .