Mouse e ponteiros

Observação

Este guia de design foi criado para o Windows 7 e não foi atualizado para versões mais recentes do Windows. Grande parte da orientação ainda se aplica em princípio, mas a apresentação e os exemplos não refletem nossas diretrizes de design atuais.

O mouse é o dispositivo de entrada primário usado para interagir com objetos no Windows. A funcionalidade do mouse também pode abranger outros dispositivos apontadores, como trackball, touchpads e pontos de apontador incorporados em computadores notebook, canetas usadas com a tecnologia Tablet e Touch do Windows e, em computadores com telas de toque, até mesmo o dedo de um usuário.

Observação

As diretrizes relacionadas à acessibilidade, à canetae ao toque são apresentadas em artigos separados.

Mover fisicamente o mouse move o ponteiro gráfico (também chamado de cursor) na tela. O ponteiro tem uma variedade de formas para indicar seu comportamento atual.

captura de tela de cinco ponteiros de mouse típicos

Ponteiros de mouse típicos

Os dispositivos com o mouse geralmente têm um botão principal (geralmente o botão esquerdo), um botão secundário (geralmente o direito) e uma roda do mouse entre os dois. Ao posicionar o ponteiro e clicar nos botões primário e secundário do mouse, os usuários podem selecionar objetos e executar ações neles. Para a maioria das interações, pressionar um botão do mouse enquanto o cursor está sobre um destino indica o destino selecionado e soltar o botão executa qualquer ação associada ao destino.

Todos os ponteiros, exceto o ponteiro ocupado, têm um ponto de acesso de pixel único que define o local exato da tela do mouse. O ponto de acesso determina qual objeto é afetado pelas ações do mouse. Os objetos definem uma zona de acesso, que é a área em que o ponto de acesso é considerado sobre o objeto. Normalmente, a zona quente coincide com as bordas de um objeto, mas pode ser maior para facilitar a execução do usuário.

O cursor é a barra vertical piscando que é exibida quando o usuário está digitando em uma caixa de texto ou em outro editor de texto. O cursor é independente do ponteiro (por padrão, o Windows oculta o ponteiro enquanto o usuário está digitando).

captura de tela da caixa de texto com cursor

O cursor

Conceitos de design

O mouse é intuitivo

O mouse tem sido um dispositivo de entrada com êxito porque é fácil de usar para a mão humana típica. A interação baseada em ponteiros foi bem-sucedida porque é intuitiva e permite uma ampla variedade de experiências.

Os objetos da interface do usuário (IU) bem projetados devem ter preços acessíveis, que são visual e propriedades comportamentais de um objeto que sugere como ele é usado. O ponteiro atua como um proxy para a mão, permitindo que os usuários interajam com objetos de tela da mesma forma que fariam com objetos físicos. Nós humanos temos uma compreensão inato de como a mão humana funciona, portanto, se algo parecer que ele pode ser enviado por push, tentaremos enviá-lo; se parecer que ele pode ser capturado, tentamos obter. Consequentemente, os usuários podem descobrir como usar objetos com uma forte unificação apenas examinando-os e experimentando-os.

captura de tela de um botão e controle deslizante

Os botões e os controles deslizantes têm um preço forte

Por outro lado, os objetos com baixo custo são difíceis de descobrir. Esses objetos geralmente exigem um rótulo ou instrução para explica-los.

captura de tela de texto do link e ícone do Internet Earth

o texto do link e os ícones têm baixo custo

Alguns aspectos do uso do mouse não são intuitivos

Clicar com o botão direito do mouse, clicar duas vezes e clicar com os modificadores de tecla Shift ou CTRL são três interações com o mouse que não são intuitivas, pois não têm contrapartes do mundo real. Ao contrário dos atalhos de teclado e das chaves de acesso, essas interações com o mouse geralmente não estão documentadas em nenhum lugar da interface Isso sugere que clique com o botão direito do mouse, clique duas vezes e os modificadores de teclado não devem ser necessários para executar tarefas básicas, especialmente por usuários iniciantes. Ele também sugere que essas interações avançadas devem ter um comportamento consistente e previsível para ser usado com eficiência.

Clicar uma vez ou clicar duas vezes?

O clique duplo é usado tão extensivamente na área de trabalho do Windows que talvez não pareça uma interação avançada. Por exemplo, abrir pastas, programas ou documentos no painel arquivo do Windows Explorer é executado clicando duas vezes em. Abrir um atalho na área de trabalho do Windows também usa um clique duplo. Por outro lado, a abertura de pastas ou programas no menu iniciar requer um único clique.

Os objetos selecionáveis usam um clique único para executar a seleção, para que eles precisem de um clique duplo para abrir, enquanto objetos não selecionáveis exigem apenas um único clique para abrir. Essa distinção não é compreendida por muitos usuários (clicar em um ícone de programa está clicando em um ícone de programa, certo?) e, como resultado, alguns usuários simplesmente continuam clicando nos ícones até obter o que desejam.

Manipulação direta

Interagir com objetos diretamente é conhecido como manipulação direta. Apontando, clicando, selecionando, movendo, redimensionando, dividindo, rolando, panorâmica e aplicando zoom são manipulações diretas comuns. Por outro lado, a interação com um objeto por meio de sua janela Propriedades ou outra caixa de diálogo pode ser descrita como manipulação indireta.

No entanto, onde há uma manipulação direta, pode haver uma manipulação acidental e, portanto, a necessidade de Forgiveness. O Forgiveness é a capacidade de reverter ou corrigir uma ação indesejada facilmente. Você faz manipulações diretas tolerante fornecendo desfazer, fornecendo bons comentários visuais e permitindo que os usuários corrijam os erros facilmente. Associado a Forgiveness está impedindo que ações indesejadas ocorram em primeiro lugar, o que pode ser feito usando controles restritos e confirmações para ações arriscadas ou comandos que têm consequências indesejadas.

Interações com o botão do mouse padrão

As interações de mouse padrão dependem de uma variedade de fatores, incluindo a tecla do mouse clicada, o número de vezes em que ele é clicado, sua posição durante os cliques e se algum modificador de teclado foi pressionado. Aqui está um resumo de como esses fatores geralmente afetam a interação:

  • Para a maioria dos objetos, clicar duas vezes com o botão esquerdo do mouse executa um único clique com o botão esquerdo e executa o comando padrão. O comando padrão é identificado no menu de contexto.
  • Para alguns tipos de objetos selecionáveis, cada clique expande o efeito do clique. Por exemplo, clicar uma vez em uma caixa de texto define o local de entrada, clicar duas vezes seleciona uma palavra e um clique triplo seleciona uma frase ou parágrafo.
  • Clicar com o botão direito do mouse exibe o menu de contexto de um objeto.
  • Manter o mouse continua enquanto aponta os resultados no cursor.
  • Manter o mouse ainda enquanto pressiona os botões do mouse indica um clique e uma seleção de objeto único. Mover o mouse indica Movimentação, redimensionamento, divisão, arrastar e várias seleções de objetos.
  • A tecla Shift estende a seleção de forma contígua.
  • A tecla CTRL estende a seleção alternando o estado de seleção do item clicado sem afetar a seleção de outros objetos.

Interações simples com o mouse

A tabela a seguir descreve as interações e efeitos comuns do mouse.

Ação simples Interação Efeito típico
Apontá
Posicione o ponteiro para um objeto específico sem clicar em nenhum botão do mouse.
Destino exibe seu estado de foco e qualquer capacidades dinâmico.
Passar
Posicione o ponteiro para um objeto específico sem clicar em nenhum botão do mouse e sem mover pelo menos um segundo.
Target exibe sua dica de ferramenta, InfoTip ou equivalente.
Depois
Posicione o ponteiro para um objeto específico, não selecionável, e pressione e solte um botão do mouse sem mover. Clicar Entrará em vigor na versão do botão do mouse para permitir aos usuários a oportunidade de cancelar o clique movendo o mouse para fora do destino. Portanto, pressionar o botão do mouse indica apenas o destino selecionado.
Para cliques únicos com o botão primário, ative o objeto. Para cliques duplos com o botão primário, ative o objeto e execute o comando padrão. Para o botão secundário, exiba o menu de contexto do objeto.
Seleção
Posicione o ponteiro para um objeto específico e selecionável e pressione e solte um botão do mouse.
Para cliques únicos com o botão primário, selecione o objeto. Se os usuários arrastarem o mouse, selecione um intervalo contíguo de objetos. Para cliques duplos com o botão primário, selecione o objeto e execute o comando padrão.
Para texto, o botão primário direito clica em define o ponto de inserção, o segundo seleciona o Word no ponto de inserção e o terceiro clique seleciona a frase ou o parágrafo.
Pressionando
Posicione o ponteiro para um objeto específico e pressione um botão do mouse sem soltar.
Para funções de repetição automática (como pressionar uma seta de rolagem para rolagem contínua), ative repetidamente. Caso contrário, indica o início de um movimento, redimensionamento, divisão ou arrastar, a menos que seguido por uma versão sem movimentação.
Rodando
Mova a roda do mouse.
A janela rola verticalmente na direção da movimentação da roda do mouse.

Formas de ponteiro

A tabela a seguir descreve as formas de ponteiro e usos comuns.

Forma Nome Quando usado
captura de tela de ponteiro com forma de seta
Seleção normal
Usado para a maioria dos objetos.
captura de tela de mão com indicador de dedo de índice
Selecionar link
Usado para links de texto e gráficos devido à sua baixa viabilidade.
captura de tela de ponteiro com forma de feixe
Seleção de texto
Usado para texto para indicar um local entre os caracteres.
captura de tela de ponteiro com forma de sinal de mais grande
Seleção de precisão
Usado para a interação gráfica e outra de duas dimensões.

Interações de mouse compostas

A tabela a seguir descreve as interações comuns do mouse.

Ação composta Interação Efeito típico Ponteiros
Movimenta
Se a movimentação for um modo (inserido fornecendo um comando), insira o modo, posicione o ponteiro sobre um objeto móvel, pressione o botão e mova o mouse, solte o botão do mouse. Nesse caso, o ponteiro muda de forma para indicar o modo.
caso contrário, posicione o ponteiro sobre o apoio de um objeto móvel, pressione botão e mova o mouse, solte o botão do mouse. Nesse caso, o ponteiro não precisa alterar a forma.
o objeto é movido para a direção do movimento do ponteiro.
move
captura de tela de ponteiro com quatro setas
usado para mover uma janela em qualquer direção.
panorâmico
captura de tela de ponteiro com forma de mão
Usado para mover um objeto dentro de uma janela em qualquer direção.
Redimensionamento
Posicione o ponteiro sobre uma borda redimensionável ou um identificador de redimensionamento, pressione um botão do mouse e mova o mouse e solte o botão do mouse.
o objeto é redimensionado na direção do movimento do ponteiro.
redimensionamento vertical e horizontal
Captura de tela que mostra ponteiros acima.captura de tela de ponteiros para cima e para a direita à esquerda
usado para redimensionar uma única dimensão.
redimensionamento diagonal
bb545459. mouse13 (en-US, msdn. 10). pngcaptura de tela de ponteiros diagonais com dicas de seta
usado para redimensionar duas dimensões simultaneamente.
redimensionamento de linha e coluna
bb545459. mouse15 (en-US, msdn. 10). pngcaptura de tela de ponteiros de seta com Crossbar
Usado para redimensionar uma linha ou coluna em uma grade.
Divisão
Posicione o ponteiro sobre um divisor, pressione um botão do mouse e mova o mouse e solte o botão do mouse.
a borda do painel de divisão se move na direção do movimento do ponteiro.
divisores de janela
bb545459. mouse17 (en-US, msdn. 10). pngcaptura de tela de ponteiros de seta com barra dupla
Usado para redimensionar um painel de divisão vertical ou horizontalmente.
Arrastando e soltando
Posicione o ponteiro sobre um objeto válido para arrastar, pressione um botão do mouse e mova o mouse para um destino de soltar e solte o botão do mouse.
o objeto é movido ou copiado para o destino de soltura.
seleção normal
captura de tela de foto, ponteiro padrão e InfoTip
usado em destinos de arrastar válidos. também pode ter um InfoTip para indicar efeito específico.
indisponível
captura de tela do ícone pequeno bloqueado/offline
Usado para indicar que uma superfície não é um destino de soltura válido.

Indicadores de atividade

A tabela a seguir mostra os ponteiros que os usuários veem ao executar uma ação que leva mais de alguns segundos para ser concluída.

Forma Nome Quando usado
Captura de tela que mostra um ponteiro ' ocupado ' com formato de rosca.
Ponteiro ocupado
Usado para aguardar uma janela ser responsiva.
captura de tela do ponteiro e da seta moldados em forma de rosca
Trabalhando em ponteiro em segundo plano
Usado para apontar, clicar, pressionar ou selecionar enquanto uma tarefa é concluída em segundo plano.

Ponteiros à mão

Os links de texto e gráficos usam um ponteiro de mão ou "vincular seleção" (uma mão com o indicador de dedo de índice captura de tela de mão com indicador de dedo de índice ) devido à sua baixa viabilidade. Embora os links possam ter outras pistas visuais para indicar que são links (como sublinhados e posicionamento especial), exibir o ponteiro à mão em foco é a indicação definitiva de um link.

Para evitar confusão, é imperativo não usar o ponteiro de mão para outras finalidades. Por exemplo, os botões de comando já têm uma forte unificação e, portanto, não precisam de um ponteiro de mão. O ponteiro à mão deve significar "Este destino é um link" e nada mais.

Ponteiros personalizados

O Windows dá suporte à criação de ponteiros personalizados. Para obter mais detalhes, consulte definindo a imagem do cursor e a entrada do usuário: exemplo estendido.

Muitos aplicativos fornecem uma paleta de controles com ponteiros personalizados para dar suporte à funcionalidade do aplicativo.

captura de tela de paleta com spray – pode ponteiro

O Microsoft Paint inclui uma paleta de funções diferentes, cada uma com um ponteiro exclusivo

Lei de Fitts

Fitts ' Law é um princípio conhecido em design de interface gráfica do usuário Ergonomics que, essencialmente, diz:

  • Quanto mais distante for o alvo, mais tempo levará para adquiri-lo com o mouse.
  • Quanto menor for o destino, mais tempo levará para adquiri-lo com o mouse.

Assim, grandes destinos são bons. Certifique-se de tornar toda a área de destino clicável.

Incorreto Correto (o destino inteiro é clicável)
captura de tela do ícone com apenas um rótulo clicável captura de tela de ícone clicável e rótulo clicável

Você pode alterar dinamicamente o tamanho de um destino ao apontar para torná-lo mais fácil de adquirir.

captura de tela do mapa de caracteres com número ampliado

Um destino se torna maior quando o usuário está apontando para facilitar a aquisição

E os destinos de fechamento também são bons. Localize itens clicáveis perto de onde eles serão mais provavelmente usados. Na imagem a seguir, a paleta de cores está muito longe do seletor de ferramentas.

captura de tela da paleta de cores separada das ferramentas

A paleta de cores está muito longe de onde é provável que seja usada

Considere o fato de que o local do ponteiro atual do usuário está tão próximo quanto um destino pode ser, tornando-o trivial de adquirir. Portanto, os menus de contexto aproveitam totalmente a lei de Fitts, assim como as mini barras de ferramentas usadas pelo Microsoft Office.

captura de tela de ponteiros perto da lista suspensa

O local do ponteiro atual é sempre o mais fácil de adquirir

Além disso, considere os dispositivos de entrada alternativos ao determinar os tamanhos de objeto. Por exemplo, o tamanho mínimo de destino recomendado para Touch é 23x23 pixels (13x13 DLUs).

Ambientes sem um mouse

Nem todos os ambientes Windows têm um mouse. Por exemplo, os quiosques raramente têm um mouse e geralmente têm uma tela sensível ao contrário. Isso significa que os usuários podem executar interações simples, como clicar com o botão esquerdo e, talvez, arrastar e soltar. No entanto, eles não podem focalizar, clicar com o botão direito do mouse ou clicar duas vezes em. Essa situação é fácil de criar porque essas limitações geralmente são conhecidas com antecedência.

O uso de um mouse requer habilidades de motor finos e, como resultado, nem todos os usuários podem usar um mouse. Para tornar seu software acessível para o público mais amplo, certifique-se de que todas as interações para as quais as habilidades do motor fino não sejam essenciais podem ser executadas usando o teclado em vez disso.

Para obter mais informações e diretrizes, consulte acessibilidade.

Se você fizer apenas quatro coisas...

  1. Forneça comportamentos de interações com o mouse consistentes com seus efeitos padrão, usando os ponteiros padrão sempre que apropriado.
  2. Limite as interações de mouse avançadas (aquelas que exigem cliques com o botão direito, vários cliques ou chaves de modificadores) para tarefas avançadas direcionadas a usuários avançados.
  3. Atribua comportamentos avançados de interações de mouse consistentes e previsíveis para que eles possam ser usados com eficiência.
  4. Verifique se o programa fornece a capacidade de reverter ou corrigir qualquer ação indesejada, especialmente para comandos destrutivos. Ações acidentais são mais prováveis ao usar a manipulação direta.

Diretrizes

Clique em pagar

  • Nunca exija que os usuários cliquem em um objeto para determinar se ele é clicável. Os usuários devem ser capazes de determinar a possibilidade de clicar por inspeção visual apenas.
    • A interface do usuário primária (como botões de confirmação) deve ter uma premissa de clique estático. Os usuários não devem ter que focalizar para descobrir a interface do usuário principal.
    • A interface do usuário secundária (como comandos secundários ou controles de divulgação progressiva) pode exibir a sua preposição de clique ao focalizar.
    • Os links de texto devem sugerir estaticamente o texto do link e, em seguida, exibir as respectivas preparações de clique (sublinhado ou outra alteração de apresentação, com ponteiro à mão) ao focalizar.
    • Os links gráficos exibem apenas um ponteiro de mão ao focalizar.
  • Use o ponteiro de mão (ou "vincular seleção") somente para links de texto e gráficos. Caso contrário, os usuários teriam que clicar em objetos para determinar se eles são links.

Interações com o botão do mouse padrão

A tabela a seguir resume as interações do botão do mouse que se aplicam na maioria dos casos:

Interação Efeito
Passar o mouse
Target exibe sua dica de ferramenta, InfoTip ou equivalente.
Clique com o botão esquerdo simples
Ativa ou seleciona o objeto. Para texto, define o ponto de inserção.
Único clique com o botão direito do mouse
Seleciona o objeto e exibe seu menu de contexto.
Clique duas vezes com o botão esquerdo
Ativa ou seleciona o objeto e executa o comando padrão. Para texto, seleciona o Word no ponto de inserção (um terceiro clique seleciona a frase ou o parágrafo).
Clique duas vezes com o botão direito
O mesmo que clicar com o botão direito do mouse.
Shift único clique com o botão esquerdo
Para objetos selecionáveis, o estende a seleção de forma contígua. Caso contrário, o mesmo ocorre com o clique com o botão esquerdo com as possíveis modificações. Por exemplo, no Paint, desenhar uma elipse com o modificador de tecla Shift resulta em desenho de um círculo.
Shift único clique com o botão direito do mouse
O mesmo que Shift único clique com o botão esquerdo.
Shift duplo clique com o botão esquerdo
O mesmo que Shift único clique com o botão esquerdo e executa o comando padrão em toda a seleção.
Shift clique com o botão direito do mouse
O mesmo que Shift único clique com o botão esquerdo.
CTRL único clique com o botão esquerdo
Para objetos selecionáveis, o estende a seleção alternando o estado de seleção do item clicado sem afetar a seleção de outros objetos (portanto, permitindo a seleção que não seja contígua). Caso contrário, o mesmo é o único clique com o botão esquerdo.
CTRL único clique com o botão direito do mouse
O mesmo que CTRL único clique com o botão esquerdo.
CTRL duplo clique com o botão esquerdo
O mesmo que CTRL único clique com o botão esquerdo e executa o comando padrão em toda a seleção.
CTRL duplo clique com o botão direito
O mesmo que CTRL único clique com o botão esquerdo.

Interação com o mouse

  • Faça com que o clique tenha como alvo pelo menos 16x16 pixels para que eles possam ser facilmente clicados por qualquer dispositivo de entrada. Para toque, o tamanho de controle mínimo recomendado é 23x23 pixels (13x13 DLUs). Considere alterar dinamicamente o tamanho de pequenos destinos quando o usuário estiver apontando para torná-los mais fáceis de adquirir.

    Neste exemplo, os botões de controle de rotação são muito pequenos para serem usados efetivamente com toque ou caneta.

    captura de tela do controle de rotação com setas pequenas

  • Faça com que os divisores tenham pelo menos cinco pixels de largura para que possam ser facilmente clicados por qualquer dispositivo de entrada. Considere alterar dinamicamente o tamanho de pequenos destinos quando o usuário estiver apontando para torná-los mais fáceis de adquirir.

    Neste exemplo, o divisor no painel de navegação do Windows Explorer é muito estreito para ser usado com eficiência com um mouse ou uma caneta.

    captura de tela de divisor estreito e quase invisível

  • Fornecer aos usuários uma margem de erro espacialmente. Permitir um movimento de mouse (por exemplo, três pixels) quando os usuários lançarem um botão do mouse. Às vezes, os usuários movem um pouco o mouse à medida que liberam o botão do mouse, de modo que a posição do mouse logo antes do lançamento do botão reflita melhor a intenção do usuário do que a posição logo após.

  • Fornecer aos usuários uma margem de erro de temporal. Use a velocidade de clique duplo do sistema para distinguir entre cliques únicos e duplos.

  • Fazer com que os cliques tenham efeito sobre o botão do mouse. Permita que os usuários abandonem ações do mouse removendo o mouse de destinos válidos antes de soltar o botão do mouse. Para a maioria das interações com o mouse, pressionar um botão do mouse indica apenas o destino selecionado e soltar o botão ativa a ação. As funções de repetição automática (como pressionar uma seta de rolagem para rolagem contínua) são uma exceção.

  • Capture o mouse para selecionar, mover, redimensionar, dividir e arrastar.

  • Use a tecla ESC para permitir que os usuários abandonem as interações do mouse de compostos, como mover, redimensionar, dividir e arrastar.

  • Se um objeto não der suporte a cliques duplos, mas os usuários provavelmente presumirem, interprete um "clique duplo" como um único clique. Suponha que o usuário pretendia uma única ação em vez de duas.

    Como os usuários tendem a assumir que os botões da barra de tarefas dão suporte a cliques duplos, um "clique duplo" deve ser tratado como um único clique.

    captura de tela do botão da barra de tarefas e ponteiro padrão

  • Ignore os cliques de mouse redundantes enquanto o programa estiver inativo. Por exemplo, se o usuário clicar em um botão 10 vezes enquanto um programa estiver inativo, interprete-o como um único clique.

  • Não use os arrastos duplos ou as cordas. Um arrastar duplo é uma ação de arrastar iniciada com um clique duplo e uma corda é quando vários botões do mouse são pressionados simultaneamente. Essas interações não são padrão, não são detectáveis, são difíceis de executar e, provavelmente, são executadas acidentalmente.

  • Não use Alt como um modificador para interações com o mouse. A tecla Alt é reservada para acesso à barra de ferramentas e chaves de acesso.

  • Não use Shift + Ctrl como um modificador para interações com o mouse. Fazer isso seria muito difícil de usar.

  • Torne o foco redundante. Para tornar o programa tocável, aproveite ao máximo o foco, mas apenas de maneiras que não são necessárias para executar uma ação. Isso geralmente significa que uma ação também pode ser executada clicando, mas não necessariamente exatamente da mesma maneira. O foco não tem suporte na maioria das tecnologias de toque, para que os usuários com essas telas de toque não possam executar nenhuma tarefa que exija o passe do mouse.

Botão de rolagem do mouse

  • Faça com que a roda do mouse afete o controle, o painel ou a janela em que o ponteiro está no momento. Isso evita resultados não intencionais.
  • Faça com que a roda do mouse entre em vigor sem clicar ou ter foco de entrada. O cursor é suficiente.
  • Faça com que a roda do mouse afete o objeto com o escopo mais específico. Por exemplo, se o ponteiro estiver sobre um controle de caixa de listagem rolável em um painel rolável dentro de uma janela rolável, a roda do mouse afetará o controle caixa de listagem.
  • Não altere o foco de entrada ao usar a roda do mouse.
  • Dê à roda do mouse os seguintes efeitos:
    • Para janelas, painéis e controles roláveis:
      • Girar a roda do mouse rola o objeto verticalmente, em que a rotação rola para cima. Para que a roda tenha um mapeamento natural, girar a roda do mouse nunca deve rolar horizontalmente porque isso está desorientando e inesperado.
        • Se a tecla CTRL for pressionada, girar a roda do mouse ampliará o objeto, em que a rotação amplia e diminui o zoom.
        • Inclinar a roda do mouse rola o objeto horizontalmente.
    • Para janelas e painéis com zoom (sem barras de rolagem):
      • Girar a roda do mouse amplia o objeto, em que a rotação aumenta e diminui o zoom.
      • Inclinar a roda do mouse não tem nenhum efeito.
    • Para guias:
      • Girar a roda do mouse pode alterar a guia atual, independentemente da orientação das guias.
      • Inclinar a roda do mouse não tem nenhum efeito.
    • Se as teclas Shift e Alt estiverem pressionadas, a roda do mouse não terá nenhum efeito.
  • Use as configurações do sistema do Windows para o tamanho vertical da rolagem (para girar) e o tamanho da rolagem horizontal (para inclinar). Essas configurações são configuráveis por meio do item do painel de controle do mouse.
  • Girar a roda do mouse mais rapidamente fará com que a rolagem mais rapidamente. Isso permite que os usuários rolem documentos grandes com mais eficiência.
  • Para janelas roláveis, considere clicar no botão de roda do mouse colocar a janela em "modo de leitura". O modo leitor plantas de um ícone de origem de rolagem especial e rola a janela em direção e velocidade em relação à origem da rolagem.

captura de tela da página com o ícone de origem da rolagem

O Internet Explorer dá suporte ao modo de leitura, que apresenta o ícone de origem da rolagem

Ocultando o ponteiro

  • Não oculte o ponteiro. Exceções:
    • Os aplicativos de apresentação em execução no modo de apresentação de tela inteira podem ocultar o ponteiro. No entanto, o ponteiro deve ser restaurado imediatamente quando os usuários movem o mouse e podem ser reocultados após dois segundos de inatividade.
    • Ambientes sem um mouse (como quiosques) podem ocultar permanentemente o ponteiro.
  • Por padrão, o Windows oculta o ponteiro enquanto o usuário está digitando em uma caixa de texto. Essa configuração do sistema do Windows é configurável por meio do item do painel de controle do mouse.

Ponteiros de atividade

Os ponteiros de atividade no Windows são o ponteiro ocupado (captura de tela do ponteiro moldado em forma de rosca ) e o ponteiro de trabalho em segundo plano (captura de tela do ponteiro e da seta moldados em forma de rosca ).

  • Exibe o ponteiro ocupado quando os usuários precisam aguardar mais de um segundo para que uma ação seja concluída. Observe que o ponteiro ocupado não tem nenhum ponto de acesso, para que os usuários não possam clicar em nada enquanto forem exibidos.
  • Exibe o ponteiro de trabalho em segundo plano quando os usuários precisam aguardar mais de um segundo para que uma ação seja concluída, mas o programa está respondendo e não há nenhum outro comentário visual de que a ação não está completa.
  • Não combine ponteiros de atividade com barras de progresso ou animações de progresso.

Acento

  • Não exibir o cursor até que a janela de entrada de texto ou controle tenha o foco de entrada. O cursor sugere o foco de entrada para os usuários, mas uma janela ou controle pode exibir o cursor sem foco de entrada. É claro que não roube o foco de entrada para que uma caixa de diálogo fora de contexto possa exibir o cursor.

    O Gerenciador de credenciais do Windows é exibido fora do contexto com o cursor, mas sem o foco de entrada. Como resultado, os usuários acabam digitando sua senha em locais inesperados.

    captura de tela do Gerenciador de credenciais sem foco

  • Coloque o cursor onde os usuários têm mais probabilidade de digitar primeiro. Normalmente, esse é o último lugar em que o usuário estava digitando ou no final do texto.

Acessibilidade

  • Para os usuários que não podem usar o mouse, torne o mouse redundante com o teclado.
    • Os usuários devem ser capazes de fazer tudo com o teclado que eles podem com o mouse, exceto ações para as quais as habilidades do motor fino são essenciais, como o desenho e a reprodução de jogos.
    • Os usuários devem ser capazes de fazer tudo com o mouse que eles podem com o teclado, exceto a entrada de texto eficiente.
  • Para usuários com capacidade limitada de usar o mouse:
    • Não faça um clique duplo e arraste a única maneira de executar uma ação.

Para obter mais informações e diretrizes, consulte acessibilidade.

Documentação

Ao fazer referência ao mouse:

  • Evite usar o mouse no plural; Se você precisar fazer referência a mais de um mouse, use dispositivos de mouse.
  • Use o botão do mouse para indicar o botão esquerdo do mouse. Não use o botão principal do mouse. Da mesma forma, use o botão direito do mouse em vez do botão secundário do mouse. Independentemente da exatidão, os usuários entendem esses termos e os usuários que reprogramam seus botões fazem a mudança mental.
  • Use a roda para a parte giratória da roda do mouse e o botão de roda para se referir à parte clicável.
  • Use verbos como clicar, apontar e arrastar para se referir a ações do mouse. Os usuários giram a roda verticalmente, inclinam horizontalmente e clicam no botão de roda.
  • Use arrastar, não arrastar e soltar, para a ação de mover um documento ou uma pasta. É aceitável usar o recurso de arrastar e soltar como um adjetivo, como em "mover a pasta é uma operação de arrastar e soltar".
  • Sempre hifene o clique duplo e clique com o botão direito do mouse como verbos.
  • Use clique, não clique em. Clique em (como em "clique na janela") é aceitável.

Ao fazer referência a ponteiros do mouse:

  • Consulte o ponteiro do mouse como o ponteiro. Use o cursor somente na documentação técnica.
  • Para ponteiros com indicadores de atividade, use ponteiro ocupado para o ponteiro que consiste em apenas um indicador de atividade e trabalhando no ponteiro em segundo plano para o ponteiro de combinação e o indicador de atividade.
  • Para os outros tipos de ponteiros, não use rótulos descritivos para se referir ao ponteiro. Se necessário, use um gráfico para descrever como o ponteiro do mouse pode aparecer na tela.

Exemplos:

  • Aponte para a borda da janela.
  • Usando o mouse, clique no botão minimizar .
  • Mantenha pressionada a tecla Shift e clique com o botão direito do mouse.
  • Quando o ponteiro se tornar um captura de tela de seta com dois Crossbars, arraste o ponteiro para mover a linha de divisão.

Confira também