Toolbars, labels e placeholders
Esta seção possui recomendações para a criação de textos para componentes específicos do layout.
Toolbars
Os textos de toolbar (barra/menu de ferramentas) devem explicar claramente funções principais de ações rápidas. Opte, sempre que possível, por uma ou duas palavras para esse tipo de label.
Use termos objetivos:
✓ Compartilhar, Enviar cifra, Imprimir, Afinador, Tom
Evite frases longas ou termos técnicos.
✕ Ferramenta de edição avançada
✕ Afinador de instrumentos personalizado
Os textos de menus devem ser autoexplicativos!
Labels e placeholders
Tanto as labels quanto os placeholders são aplicações de textos em formulários para orientar o preenchimento pelo usuário. As labels são espécies de etiquetas para campos de formulários.
Já os placeholders são os chamados textos de exemplo que aparecem em campos de input onde o usuário precisa adicionar uma informação. Eles são usados para ilustrar o formato ou dar um exemplo de como esperamos que a informação seja inserida.
Uma boa forma de diferenciar pensar é que as labels indicam a informação e os placeholders o formato que elas devem aparecer.
As labels precisam indicar claramente a informação solicitada:
✓ Endereço de e-mail
✓ Nome completo
As labels devem conter apenas o termo que descreve o campo, sem indicar uma ação.
✓ Data de nascimento
✕ Digite aqui sua data
Evite placeholders que substituam labels permanentes.
Não utilize placeholders para informações essenciais, já que desaparecem após o clique.
✓ label: E-mail / placeholder exemplo@email.com
✕ placeholder: Digite seu e-mail / sem label
Last updated