Como os usuários interagem com os dispositivos de entrada (HTML)
[ Este artigo destina-se aos desenvolvedores do Windows 8.x e do Windows Phone 8.x que escrevem aplicativos do Windows Runtime. Se você estiver desenvolvendo para o Windows 10, consulte documentação mais recente]
Veja aqui uma comparação das interações comuns e como elas são associadas aos gestos de toque, touchpad, mouse, teclado e caneta/stylus usados pelo Windows 8.1.
Veja este recurso em ação como parte da nossa série sobre recursos para aplicativos, do início ao fim: Interação do usuário: entrada por toque e muito mais
Interações e dispositivos
O Windows 8.1 aceita vários dispositivos de entrada, desde toque até teclado. Ele também oferece uma experiência de interação intuitiva e eficiente que é única para cada dispositivo, mas funcionalmente consistente em todos os dispositivos e opções, como o teclado sensível ao toque, a roda do mouse, a caneta e a borracha.
Projete a interface do usuário (UI) do seu aplicativo da Windows Store para o toque, mas considere as implicações do design durante o uso vários dispositivos:
- Touchpad, característica que combina a experiência do toque e o uso do mouse
- Mouse
- Caneta/stylus, específica para tinta digital
- Dispositivos como o teclado, usados para a edição de texto e atalhos de comandos
| Toque | Touchpad | Mouse | Teclado (hardware) | Caneta |
|---|---|---|---|---|
| Selecionar | ||||
| Passar o dedo na direção oposta à rolagem (veja Diretrizes para deslizamento transversal) | Toque com dois dedos | Clicar com o botão direito | Barra de espaço | Passar o dedo na direção oposta à rolagem (veja Diretrizes para deslizamento transversal) |
| Mostrar a barra de aplicativos | ||||
| Passar o dedo desde a borda superior ou inferior | Passar o dedo desde a borda superior ou inferior | Clicar com o botão direito | Tela de logotipo do Windows +Z, tecla de menu | Passar o dedo desde a borda superior ou inferior |
| Mostrar botões | ||||
| Passar o dedo desde a borda direita | Passar o dedo desde a borda direita | Focalizar o canto superior ou inferior direito | Tecla do logotipo Windows+C | Passar o dedo desde a borda direita |
| Menu de contexto | ||||
| Tocar no texto selecionado, pressionar e segurar | Toque o texto selecionado com dois dedos, pressione e mantenha pressionado. | Clicar com o botão direito | Tecla Menu | Tocar no texto selecionado, pressionar e segurar |
| Iniciar/ativar | ||||
| Tocar | Tocar | Clicar com o botão esquerdo | Tecla Enter | Tocar |
| Rolagem de curta distância | ||||
| Deslizar o dedo | Deslize com os dois dedos | Barra de rolagem, teclas de direção, clicar com o botão esquerdo do mouse e deslizar o dedo | Teclas de cursor | Barra de rolagem |
| Rolagem de longa distância | ||||
| Deslizar o dedo (incluindo inércia) | Deslizar com os dois dedos (incluindo inércia) | Barra de rolagem, roda do mouse, clique com o botão esquerdo e movimento de deslizar o dedo | Page up, Page down | Barra de rolagem |
| Reorganizar (arrastar) | ||||
| Passar o dedo na direção oposta à rolagem depois do limite de distância (veja Diretrizes para deslizamento transversal) | Pressionar, segurar e deslizar o dedo | Clicar com o botão esquerdo do mouse e deslizar o dedo | Ctrl-C or Ctrl-X, Ctrl-V | Passar o dedo na direção oposta à rolagem depois do limite de distância (veja Diretrizes para deslizamento transversal) |
| Zoom | ||||
| Pinçar, ampliar | Pinçar, ampliar | Roda do mouse, Ctrl+ roda do mouse, comando da IU | Ctrl+ sinal de adição (+) ou sinal de subtração (-) | Comando da IU |
| Girar | ||||
| Virar | Virar | Ctrl+Shift+ roda do mouse, comando da IU | Ctrl+ sinal de adição (+) ou sinal de subtração (-) | Comando da IU |
| Inserir cursor/selecionar texto | ||||
| Tocar, tocar na garra | Tocar | Clicar com o botão esquerdo do mouse+deslizar o dedo, clicar duas vezes | Setas de direção, Shift+teclas de direção, Ctrl+teclas de direção e assim por diante | Tocar, tocar na garra |
| Mais informações | ||||
| Pressionar e segurar | Pressionar e segurar | Focalizar (com limite de tempo) | Mover o retângulo de foco (com limite de tempo) | Pressionar e segurar |
| Mover foco | ||||
| N/A | N/A | N/A | Teclas de direção, Guia | N/A |
| Comentários de interação | ||||
| Visualizações por toque | Movimento do cursor, mudanças do cursor | Movimento do cursor, mudanças do cursor | Retângulos de foco | Visualização por caneta |
Tópicos relacionados
Conceitual
Respondendo à interação do usuário
Referência
Amostras (DOM)
Amostra de rolagem, movimento panorâmico e aplicação de zoom em HTML
Entrada: amostra de manipulação de eventos de ponteiros DOM
Entrada: amostra de gestos instanciáveis
Amostras (APIs de aplicativos da Windows Store )
Entrada: amostra de manipulações e gestos (JavaScript)
Entrada: amostra de gestos no Windows 8
Entrada: amostra de eventos de entrada do usuário XAML
Amostra de rolagem, movimento panorâmico e aplicação de zoom em XAML
Amostras (DirectX)