Diretrizes de design do touchpad

Desenhe a sua aplicação para que os utilizadores possam interagir com ela através de um touchpad. Um touchpad combina tanto a entrada multi-toque indireta com a entrada de precisão de um dispositivo apontador, como um rato. Esta combinação torna o touchpad adequado tanto para uma interface otimizada para o toque como para os alvos mais pequenos das aplicações de produtividade.

Touchpad

As interações com touchpad requerem três coisas:

Um touchpad padrão ou um Windows Precision Touchpad.

Os touchpads de precisão são otimizados para dispositivos com aplicações Windows. Permitem que o sistema gere certos aspetos da experiência do touchpad de forma nativa, como o rastreio de dedos e a deteção da palma da mão, para uma experiência mais consistente entre dispositivos.
O contacto direto de um ou mais dedos no touchpad.
Movimento dos contactos de toque (ou a ausência deles, com base num limite temporal).

Os dados de entrada fornecidos pelo sensor do touchpad podem ser:

Interpretado como um gesto físico para manipulação direta de um ou mais elementos da interface (como panorâmica, rotação, redimensionamento ou movimento). Em contraste, interagir com um elemento através da sua janela de propriedades ou outra caixa de diálogo é considerado manipulação indireta.
Reconhecido como um método de entrada alternativo, como mouse ou caneta.
Usado para complementar ou modificar aspetos de outros métodos de entrada, como borrar um traço de tinta desenhado com uma caneta.

Um touchpad combina entrada multi-touch indireta com a entrada de precisão de um dispositivo apontador, como um rato. Esta combinação torna o touchpad adequado tanto para interfaces otimizadas para o toque como para os alvos normalmente mais pequenos das aplicações de produtividade e do ambiente de trabalho. Otimize o design da sua aplicação Windows para input tátil e obtenha suporte ao touchpad por padrão.

Devido à convergência das experiências de interação suportadas pelos touchpads, recomendamos o uso do evento PointerEntered para fornecer comandos de interface ao estilo rato, além do suporte incorporado para input tátil. Por exemplo, use os botões anterior e seguinte para permitir que os utilizadores folheem páginas de conteúdo e percorram o conteúdo.

Os gestos e orientações discutidos neste tópico podem ajudar a garantir que a sua aplicação suporta a entrada do touchpad de forma fluida e com o mínimo de código.

A linguagem do touchpad

Um conjunto conciso de interações com touchpad é usado de forma consistente em todo o sistema. Otimize a sua aplicação para entrada por toque e rato e esta linguagem faz com que a sua aplicação pareça instantaneamente familiar para os seus utilizadores, aumentando a sua confiança e tornando a sua aplicação mais fácil de aprender e usar.

Os utilizadores podem definir muito mais gestos e comportamentos de interação do Precision Touchpad do que num touchpad padrão. Estas duas imagens mostram as diferentes páginas de definições do touchpad em Definições > Dispositivos > Rato e touchpad para um touchpad padrão e um Precision Touchpad, respetivamente.

Definições padrão do touchpad

^{Definições padrão\touchpad\}

Definições do Touchpad de Precisão do Windows

^{Definições do Windows\Precisão\Touchpad\}

Aqui estão alguns exemplos de gestos otimizados para touchpad para realizar tarefas comuns.

Term	Description
Toque de três dedos	Preferência do utilizador para pesquisar com a Cortana ou mostrar o Centro de Ação.
Deslizamento de três dedos	Preferência do utilizador para abrir a Vista de Tarefas do ambiente de trabalho virtual, mostrar o Ambiente de Trabalho ou alternar entre aplicações abertas.
Toque com um dedo para ação primária	Use um único dedo para tocar num elemento e invocar a sua ação principal (como iniciar uma aplicação ou executar um comando).
Toque com dois dedos para clicar com o botão direito	Toque com dois dedos simultaneamente num elemento para o selecionar e mostrar comandos contextuais.
Deslizar com dois dedos para mover a imagem	O slide é usado principalmente para interações panorâmicas, mas também pode ser usado para mover, desenhar ou escrever.
Beliscar e esticar para fazer zoom	Os gestos de beliscar e esticar são comumente usados para redimensionamento e Zoom Semântico.
Pressionar e deslizar com um dedo único para rearranjar	Arrasta um elemento.
Pressione e deslize com um dedo para selecionar texto	Pressiona dentro do texto selecionável e desliza para selecioná-lo. Toque duplo para selecionar uma palavra.
Zona de clique esquerdo e direito	Emule a funcionalidade dos botões esquerdo e direito de um dispositivo rato.

Equipamento

Consulte as capacidades do dispositivo do rato (MouseCapabilities) para identificar que aspetos da interface da sua aplicação o hardware do touchpad pode aceder diretamente. Recomendamos fornecer uma interface de utilizador tanto para dispositivos táteis como para o rato.

Para mais informações sobre as capacidades de consulta de dispositivos, consulte Identificar dispositivos de entrada.

Feedback visual

Quando um cursor do touchpad for detetado (através de eventos de movimento ou de hover), mostre a interface específica do rato para indicar a funcionalidade exposta pelo elemento. Se o cursor do touchpad não se mexer durante um determinado tempo, ou se o utilizador iniciar uma interação tátil, faça com que a interface do touchpad vá desaparecendo gradualmente. Isso mantém a interface do usuário limpa e organizada.
Não use o cursor para feedback de hover, o feedback fornecido pelo elemento é suficiente (veja a secção Cursores abaixo).
Não exiba feedback visual se um elemento não suportar interação (como texto estático).
Não uses retângulos de foco com interações com touchpad. Reserve estes para interações com o teclado.
Exiba feedback visual simultaneamente para todos os elementos que representam o mesmo destino de entrada.

Para orientações mais gerais sobre feedback visual, consulte as Diretrizes para feedback visual.

Cursors

Existe um conjunto de cursores padrão para um ponteiro do touch pad. Estes são usados para indicar a ação primária de um elemento.

Cada cursor padrão tem uma imagem padrão correspondente associada a ele. O usuário ou um aplicativo pode substituir a imagem padrão associada a qualquer cursor padrão a qualquer momento. As aplicações UWP especificam uma imagem cursor através da função PointerCursor .

Se você precisar personalizar o cursor do mouse:

Use sempre o cursor de seta () para elementos clicáveis. Não use o cursor da mão apontando () para links ou outros elementos interativos. Em vez disso, use os efeitos de hover (descritos anteriormente).
Use o cursor de texto () para texto selecionável.
Use o cursor de movimento () quando mover é a ação principal (como arrastar ou cortar). Não use o cursor de movimento para elementos em que a ação principal é a navegação (como blocos Iniciar).
Use os cursores de redimensionamento horizontal, vertical e diagonal (, , ), quando um objeto for redimensionável.
Use os cursores de mão de agarrar (, ) ao percorrer conteúdo dentro de uma tela fixa (como um mapa).