Cursor

O indicador na tela que sinaliza posição, estado e que ação é possível ali.

Hard

O que é

Cursor é o elemento que mostra onde a entrada da pessoa vai cair, e ele muda de forma conforme o contexto. Tem o cursor de texto piscando num campo, a seta pra navegação e a mãozinha pra link clicável. Cada um desses formatos cria uma expectativa e reduz a confusão sobre o que é possível fazer ali.

Na interface, o cursor contribui direto pra usabilidade. O cursor de redimensionar diz que dá pra ajustar um painel, e o cursor de carregando diz que o sistema está ocupado. Esse retorno imediato evita que a pessoa fique na dúvida se o clique funcionou ou não.

O cursor também é uma questão de acessibilidade. Ele pode ganhar mais visibilidade pra quem enxerga pouco, ou permitir ajuste de tamanho e cor. Em design inclusivo, o cursor é adaptável, e não tamanho único pra todo mundo.

Em uma frase

Vamos trocar o cursor pra mãozinha aqui pra deixar claro que esse bloco é clicável.

A pergunta que ele responde

Como aviso a pessoa, só pela forma do cursor, que ação é possível ali?

Quando usar

Use ao desenhar estados de interação que precisam de um retorno visual imediato.

Como não usar

O cuidado é não deixar tudo no cursor padrão. Quando você faz isso, perde a chance de guiar a pessoa nas interações mais sutis.

Na prática

Pense numa ferramenta de design em que o cursor muda conforme a ferramenta ativa. A pessoa sabe na hora qual ação vai acontecer quando clicar, sem precisar testar.

Não confunda com

Vale separar cursor de ponteiro do mouse. Cursor é a categoria toda de indicadores de entrada, incluindo o de texto e o de toque, enquanto o ponteiro de seta é só um dos tipos dentro dessa categoria. Ou seja, todo ponteiro é cursor, mas o cursor é bem mais amplo.

Design

Em inglês

Cursors

Pronúncia

n/a

Também chamado de

cursor, ponteiro

Origem

n/a

Fonte

Saiba mais

Apple, Human Interface Guidelines sobre ponteiros e cursores.