Quando um usuário visita um site, sua decisão de ficar nesse local ou se mudar para outro local pode ser significativamente influenciados pela interface gráfica do usuário, ou GUI, do site ou aplicativo . Estudos têm mostrado que, se um usuário tem que pensar em como interagir com uma tela Web para até mesmo um pouquinho de tempo, ele pode formar uma impressão menos favorável do site ou perder o interesse e navegar em outros lugares. Um bom design de interface de usuário faz uso de controles de tela , que são bem reconhecidos , claramente entendidos e adequados para o seu propósito na tela. Caixas de texto
As caixas de texto são controles de interface de usuário comuns que permitem que um usuário insira caracteres imprimíveis a partir do teclado . As caixas de texto podem ser restringidos para permitir que apenas um determinado número de caracteres , por exemplo, quando inserir um código de 5 dígitos . Caixas de texto Multi-line pode ser usado para aceitar parágrafos de texto que se estendem por várias linhas. Algumas caixas de texto com várias linhas expandir seu comprimento dinamicamente à medida que o texto for adicionado e outros ativar as barras de rolagem quando o texto preenche completamente o espaço alocado para a caixa de texto na tela.
Combox Boxes
< br >
Quando um usuário precisa escolher um valor de uma lista de valores aceitáveis predefinidos, como um país, uma caixa de combinação é normalmente o controle da tela de escolha. A caixa de combinação exibe o item selecionado ao lado de uma seta para baixo que, quando clicado , exibe uma lista de todos os itens que o usuário pode selecionar. Um usuário pode percorrer a lista , encontrar a opção desejada e clique nele. Essa seleção é exibido na caixa de combinação . Algumas caixas de combinação permite que os usuários selecionem mais de uma entrada .
Data - Pickers
Habilitando os usuários insiram facilmente uma data válida é a meta de data - controles picker. Há muitos data - catadores diferentes que web designers e desenvolvedores podem incorporar em suas aplicações , dependendo do idioma e ferramentas utilizadas . A maioria dos selecionadores de data apresentar ao usuário um calendário em miniatura que exibe um ou dois meses . Um usuário pode percorrer o calendário usando os botões de navegação para localizar e selecionar a data desejada. Alguns controles data - selecionador também vai permitir que um usuário digitar manualmente uma data em vez de usar o selecionador de data .
Controles spin
Ao invés de ter uma chave de usuário em um número , alguns aplicativos usam um controle de rotação na tela. Um controle de rotação normalmente contém uma caixa com um valor numérico. No lado da caixa de duas pequenas setas apontando para cima e para baixo . Quando um usuário clica na seta para cima , os incrementos de valor numérico. Quando um usuário clica na seta para baixo , as diminuições de valores numéricos. Mantendo pressionado o botão do mouse sobre uma seta continuamente incrementa ou diminui o valor até que o botão seja liberado. Um usuário normalmente pode introduzir um valor na caixa em vez de usar o controle de rotação.