Cuando un usuario visita un sitio web, su decisión de permanecer en ese sitio o hacia otro sitio puede ser influenciado significativamente por la interfaz gráfica de usuario, o GUI, de la página web o aplicación. Estudios han demostrado que si un usuario tiene que pensar en cómo interactuar con una pantalla de la Web para un poquito de tiempo, puede formar una impresión menos favorable de la página web o pierden interés y navegar en otros lugares. Diseño de la interfaz de usuario bien hace uso de controles de la pantalla que son bien reconocidos, claro y adecuados para su propósito en la pantalla.

Cuadros de texto

Cuadros de texto son controles comunes de la interfaz de usuario que permiten a un usuario que introduzca caracteres imprimibles desde el teclado. Cuadros de texto pueden restringirse a sólo permiten a un cierto número de caracteres, por ejemplo al introducir un código de 5 dígitos. Cajas de texto multilínea se pueden utilizar para aceptar los párrafos de texto que abarcan varias líneas. Algunas cajas de texto multilínea amplían su longitud dinámicamente como se agrega texto y otros activan barras de desplazamiento cuando el texto llena completamente el espacio asignado a la caja de texto en la pantalla.

Cajas de COMBOX

Cuando un usuario necesita elegir un valor de una lista de valores aceptables predefinidos, como un país, un cuadro combinado es típicamente el control de la pantalla de elección. El cuadro combinado muestra el elemento seleccionado a continuación a una flecha hacia abajo que, al hacer clic en, muestra una lista de todos los elementos el usuario puede seleccionar. Un usuario puede desplazarse por la lista, la selección deseada y haga clic en él. La selección aparece en el cuadro combinado. Algunos cuadros combinados permiten a los usuarios seleccionar más de una entrada.

Selectores de fecha

Permitiendo a los usuarios fácilmente, introduzca una fecha válida es la meta de los controles de selector de fecha. Hay muchos diferentes fecha-recolectores de que desarrolladores y diseñadores Web pueden incorporar en sus aplicaciones, dependiendo de la lengua y herramientas utilizadas. La mayoría de selectores de fecha presentan al usuario un calendario miniatura que muestra uno o dos meses. Un usuario puede desplazarse por el calendario utilizando botones de navegación para localizar y seleccionar una fecha deseada. Algunos controles de selector de fecha también permitirá a un usuario escribir manualmente una fecha en lugar de utilizar el selector de fecha.

Controles de giro

En lugar de tener una clave de usuario en un número, algunas aplicaciones usan un control de número en la pantalla. Un control de giro normalmente contiene una caja con un valor numérico. El lado de la caja son dos pequeñas flechas apuntando hacia arriba y hacia abajo. Cuando un usuario hace clic en la flecha hacia arriba, los incrementos de valor numérico. Cuando un usuario hace clic en la flecha hacia abajo, los decrementos de valor numérico. Manteniendo pulsado el botón del ratón sobre una flecha continuamente incrementos o decrementos el valor hasta que se suelta el botón. Generalmente, un usuario puede introducir un valor en el cuadro en lugar de utilizar el control.