Assistentes
Menu
Feedback
Guias
Textos da UI
Geral
Textos de placeholder
Textos de placeholder

Os textos de placeholder usam uma única frase para orientar o usuário sobre como interagir com um campo do formulário antes de inserir qualquer valor. Esse padrão é comum em componentes como campos de busca e seleção.

Geral

Evite personalizar textos de placeholder. O usuário deve saber intuitivamente quais informações inserir.

Correto ✅Incorreto ❌
  • Buscar
  • Selecionar…
  • Buscar por nome
  • Selecionar uma opção...

Evite redundâncias.

Correto ✅Incorreto ❌
  • Título da página: Produtos

    Placeholder: Buscar por categoria ou ID

  • Label: Categoria

    Placeholder: Selecionar…

  • Título da página: Produtos

    Placeholder: Buscar por categoria de produto ou ID do produto

  • Label: Categoria

    Placeholder: Selecionar a categoria…

Use no máximo 36 caracteres.

Correto ✅Incorreto ❌
Buscar por nome ou IDBuscar por nome, ID, ID de referência ou descrição

Específico

Ao escrever o texto de placeholder do campo Selecionar, inclua reticências no final.

Correto ✅Incorreto ❌
Selecionar…Selecionar
Contribuidores
1
Photo of the contributor
+ 1 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Mensagens
« Previous
Títulos
Next »
Contribuidores
1
Photo of the contributor
+ 1 contributors
Nesta página
GitHubCommunityFeedback