Rótulos (labels)

O texto curto que diz o que um campo, botão ou categoria faz, antes de a pessoa precisar adivinhar.

Hard

O que é

Rótulo é o identificador que explica o elemento: o que vai naquele campo, o que aquele botão faz, em que categoria o item está. Sem rótulo, a pessoa acaba adivinhando, erra e desiste. Com um rótulo claro, a interface fica óbvia e a pessoa age com confiança.

Em formulário, o rótulo guia o que preencher. Por isso vale mantê-lo visível e fixo, em vez de deixá-lo sumir quando a pessoa começa a digitar. E ele precisa estar ligado ao campo no código, pra que o leitor de tela consiga anunciar o que é cada coisa.

Em botão, o rótulo específico vence o genérico. “Enviar mensagem” diz bem mais do que “Enviar”, porque deixa claro o que vai acontecer. O alvo é um rótulo curto o bastante pra escanear de relance e claro o bastante pra tirar qualquer dúvida sobre a ação.

Em uma frase

Troca o rótulo do botão de "Enviar" pra "Criar conta" que aí fica claro o que vai acontecer.

A pergunta que ele responde

Que texto eu coloco aqui pra pessoa entender o campo ou o botão sem precisar adivinhar?

Quando usar

Entra em qualquer campo, botão ou categoria que a pessoa precisa entender pra conseguir agir. Sempre que houver risco de adivinhação, o rótulo é o que resolve.

Como não usar

O cuidado é não usar rótulo vago como "Clique aqui", que não diz nada, nem deixar só o placeholder fazendo o papel do rótulo, já que ele desaparece justo na hora em que a pessoa mais precisa da referência.

Na prática

Pense num time que troca o botão "Enviar" por "Criar conta". Com essa mudança, a dúvida sobre o que vai acontecer ao clicar simplesmente some, porque o rótulo já entrega o resultado.

Não confunda com

Vale separar rótulo de placeholder. O placeholder é uma dica que some assim que a pessoa começa a digitar. O rótulo permanece e é justamente o que o leitor de tela lê. Trocar um pelo outro deixa a pessoa sem referência no meio do preenchimento, o que gera erro.

D

Em inglês

Labels

Pronúncia

léi-bous

Também chamado de

label, rótulo, texto de campo

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre form labels