Cuando un usuario visita un sitio web, su decisión de quedarse en ese sitio o moverse a otro sitio puede ser influenciada por la interfaz gráfica de usuario o GUI, del sitio web o aplicación. Los estudios han demostrado que si un usuario tiene que pensar en la forma de interactuar con una pantalla Web , incluso para un poco de tiempo, se puede formar una impresión menos favorable de la web o perder el interés y navegar por otros lugares. Un buen diseño de interfaz de usuario hace uso de controles de pantalla que están bien reconocidos , claramente entendidos y adecuados para su propósito en la pantalla . Cuadros de texto

cuadros de texto son controles de interfaz de usuario comunes que permiten a un usuario introducir caracteres imprimibles desde el teclado. Los cuadros de texto se pueden restringir para que sólo un determinado número de caracteres , por ejemplo al entrar en un código de 5 dígitos . Cuadros de texto de líneas múltiples se pueden utilizar para aceptar párrafos de texto que abarcan varias líneas. Algunos cuadros de texto multilínea ampliar su duración de forma dinámica a medida que se añade el texto y otros activan las barras de desplazamiento cuando el texto se llena completamente el espacio asignado a la caja de texto en la pantalla .
Combox Cajas
< br >

Cuando un usuario tiene que elegir un valor de una lista de valores aceptables predefinidos, como un país , un cuadro combinado suele ser el control de la pantalla de elección. La lista desplegable muestra el elemento seleccionado en ese momento junto a una flecha hacia abajo que , al hacer clic, se muestra una lista de todos los elementos que el usuario puede seleccionar. Un usuario puede desplazarse por la lista, busque la opción deseada y haga clic en él . Que la selección y luego se muestra en el cuadro combinado. Algunos cuadros combinados permiten a los usuarios seleccionar más de una opción .
Fecha - Pickers

Habilitar a los usuarios introducir fácilmente una fecha válida es la meta de la fecha controla el selector . Existen muchos tipos de fecha- recolectores que los diseñadores y desarrolladores web pueden incorporar en sus aplicaciones , en función del idioma y las herramientas utilizadas . La mayoría de las fecha- recolectores presentan al usuario un calendario en miniatura que muestra uno o dos meses. Un usuario puede desplazarse por el calendario con los botones de navegación para localizar y seleccionar la fecha deseada . Algunos controles de selector de fecha también permitirá al usuario escribir manualmente en una fecha en lugar de utilizar el selector de fecha .
Vuelta Controles

En lugar de tener una clave de usuario en un número , algunas aplicaciones utilizan un control de giro en la pantalla . Un control de número general contiene una caja con un valor numérico. En el lado de la caja son dos pequeñas flechas que apuntan 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 , las disminuciones de valor numérico . Si mantiene presionado el botón del ratón sobre la flecha continuamente aumenta o disminuye el valor hasta que se suelta el botón. Un usuario normalmente puede introducir un valor en el cuadro en lugar de utilizar el control de rotación .