Diretrizes de design do Touchpad

Crie seu aplicativo para que os usuários possam interagir com ele por meio de um touchpad. Um touchpad é um dispositivo que combina a entrada multitoque indireta com a entrada de precisão de um dispositivo apontador, como um mouse. Essa combinação torna o touchpad adequado tanto para uma interface do usuário com otimização de toque quanto para os destinos menores de aplicativos de produtividade.

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

• Um touchpad padrão ou um Touchpad de Precisão do Windows.

  Os touchpads de precisão são otimizados para dispositivos de aplicativo do Windows. Eles permitem que o sistema lide com determinados aspectos da experiência do touchpad nativamente, como rastreamento de dedos e detecção de palma, para uma experiência mais consistente em todos os dispositivos.

• O contato direto de um ou mais dedos no touchpad.

• Movimento dos contatos de touch (ou falta deles, com base em um limite de tempo).

Os dados de entrada fornecidos pelo sensor touchpad podem ser:

• Interpretado como um gesto físico para manipulação direta de um ou mais elementos de interface do usuário (como deslocamento, girar, redimensionar ou mover). Por outro lado, interagir com um elemento por meio de 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 aspectos de outros métodos de entrada, como borrar um traço de tinta desenhado com uma caneta.

Um touchpad combina entrada indireta multitoque com a entrada de precisão de um dispositivo apontador, como um mouse. Essa combinação torna o touchpad adequado tanto para interfaces de usuário otimizadas para toque quanto para os alvos geralmente menores de aplicativos de produtividade e do ambiente da área de trabalho. Otimize o design do aplicativo Windows para entrada por toque e obtenha suporte ao touchpad por padrão.

Devido à convergência de experiências de interação com suporte por touchpads, recomendamos usar o evento PointerEntered para fornecer comandos de interface do usuário no estilo do mouse, além do suporte interno para entrada por toque. Por exemplo, use botões de anterior e próximo para permitir que os usuários naveguem por páginas de conteúdo, bem como navegar pelo conteúdo.

Os gestos e diretrizes discutidos neste tópico podem ajudar a garantir que seu aplicativo dê suporte à entrada touchpad perfeitamente e com código mínimo.

O idioma do touchpad

Um conjunto conciso de interações com o trackpad é usado de forma consistente em todo o sistema. Otimize seu aplicativo para entrada de toque e mouse e esse idioma faz com que seu aplicativo se sinta instantaneamente familiar para seus usuários, aumentando sua confiança e tornando seu aplicativo mais fácil de aprender e usar.

Os usuários podem definir muito mais gestos e comportamentos de interação do Precision Touchpad do que para um touchpad padrão. Essas duas imagens mostram as diferentes páginas de configurações do touchpad em Configurações > Dispositivos > Mouse e Touchpad para um touchpad padrão e um Touchpad de Precisão, respectivamente.

^{Standard\ touchpad\ settings}

^{Windows\ Precision\ Touchpad\ settings}

Aqui estão alguns exemplos de gestos adaptados para touchpad que permitem executar tarefas comuns.

Equipamento

Consulte os recursos do dispositivo do mouse (MouseCapabilities) para identificar quais aspectos da interface do usuário do aplicativo o hardware do touchpad pode acessar diretamente. Recomendamos fornecer a interface para entrada de mouse e toque.

Para obter mais informações sobre como consultar recursos de dispositivo, consulte Identificar dispositivos de entrada.

Comentários visuais

• Quando um cursor de touchpad é detectado (através de eventos de movimentação ou foco), mostre uma interface de usuário como a específica de um mouse para indicar a funcionalidade exposta pelo elemento. Se o cursor do touchpad não se mover por um determinado período de tempo ou se o usuário iniciar uma interação por toque, faça com que a interface do usuário do touchpad esmaeça gradualmente. Isso mantém a interface do usuário limpa e organizada.
• Não use o cursor para feedback de foco, o feedback fornecido pelo elemento é suficiente (consulte a seção Cursores abaixo).
• Não exiba comentários visuais se um elemento não oferecer suporte à interação (como texto estático).
• Não use retângulos de foco com interações de touchpad. Reserve-os para interações de teclado.
• Exiba comentários visuais simultaneamente para todos os elementos que representam o mesmo destino de entrada.

Para obter diretrizes mais gerais sobre comentários visuais, consulte Diretrizes para comentários visuais.

Cursors

Um conjunto de cursores padrão está disponível para um ponteiro de touchpad. Eles 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. Os aplicativos UWP especificam uma imagem de cursor por meio da função PointerCursor .

Se você precisar personalizar o cursor do mouse:

• Sempre use o cursor de seta () para elementos clicáveis. não use o cursor de mão apontadora () para links ou outros elementos interativos. Em vez disso, use efeitos de passar o mouse (descritos anteriormente).
• Use o cursor de texto () para texto selecionável.
• Use o cursor de mover () quando mover é a ação primária (como arrastar ou recortar). Não use o cursor de movimentação para elementos onde a ação primária é a navegação (como blocos do menu Iniciar).
• Use os cursores de redimensionamento horizontal, vertical e diagonal (, , , ), quando um objeto for redimensionável.
• Use os cursores de mão em garra (, ) ao percorrer conteúdo em uma tela fixa (como um mapa).

Artigos relacionados

• Manipular a entrada do ponteiro
• Identificar dispositivos de entrada

Samples

• Exemplo básico de entrada
• Exemplo de entrada de baixa latência
• Exemplo de modo de interação do usuário
• Exemplo de elementos visuais de foco

Exemplos de arquivos

• Entrada: exemplo de funcionalidades do dispositivo
• Entrada: exemplo de eventos de entrada do usuário XAML
• Amostra de aplicação de rolagem, movimento panorâmico e zoom em XAML
• Entrada: gestos e manipulações com GestureRecognizer