Como criamos
Botões
É uma boa prática da escrita de botões não ultrapassar o uso de três palavras.
Botões são chamados para a ação e precisam ser objetivos e informativos. O ideal é que a gente use uma palavra apenas. Mas, nem sempre isso é possível. Por isso,
No exemplo abaixo, o botão está longo e usa pontuação final.
Botão com no máximo 3 palavras e sem pontuação final
Mensagens de erro
Nossas mensagens de erro precisam explicar, sempre que possível, o motivo do erro. Elas precisam ser objetivas e oferecer uma solução ou ação para a pessoa usuária seguir adiante.
Ops, não tem nada por aqui!
Essa página não existe.
Não encontramos essa página 😢
Ela pode não existir mais ou não estar disponível no momento. Mas, você pode voltar para a página inicial clicando aqui.
OBS: O uso do humor em mensagens de erro precisa ser avaliado caso a caso. Em alguns cenários, esse tipo de abordagem pode irritar mais do que divertir. É preciso sempre levar em consideração o momento da jornada.
Notificações
O número de caracteres das nossas notificações foi definido a partir dos limites do dispositivo com o menor espaço. Por isso, convencionamos que:
Títulos podem ter no máximo 34 caracteres
O corpo da mensagem deve apresentar a informação principal da notificação nos primeiros 51 caracteres. A mensagem completa deve ter no máximo 120 caracteres.
Emojis podem ser utilizados e são bem-vindos, mas contam como caractere.
O que você não acha em livros e tutoriais 👀 Aprenda o que livros e tutoriais não te ensinam! Converse gratuitamente com seniores da sua área.
O que você não acha em livros 👀 Converse gratuitamente com seniores da sua área. Aprenda o que livros e tutoriais não te ensinam!
Legendas e textos alternativos
As legendas precisam ser descritivas e concisas. É aconselhável que a legenda sempre adicione uma informação extra à imagem e ao texto de apoio.
Você filtra candidatos, recebe recomendações e gerencia currículos em um só lugar.
Entregamos para a sua empresa a experiência de contratar como se estivesse entrevistando pessoalmente.
Os textos alternativos precisam orientar, situar a pessoa usuária, para que ela saiba onde está, para onde pode voltar e para onde pode continuar.
Eles também têm a função de descrever imagens, ilustrações, ícones e qualquer elemento visual de importância para a navegação.
Os textos alternativos precisam ser documentados no Figma, ao lado de cada tela. Para facilitar a leitura das pessoas que programam, eles devem estar em itálico.
Opção sair: Sair e voltar para a página inicial
Você está no passo 2, informação de cadastro
Passo 1, escolha seu curso
Botão continuar: Continuar para a confirmação da inscrição
Botão voltar: Voltar para a escolha de curso
OBS: Quando houver ícones e ilustrações na página, podemos colocar imagens na documentação do texto alternativo. Assim, facilitamos a identificação dos elementos. Mas, é importante frisar que apenas ícones importantes para a navegação precisam de textos alternativos. O mesmo vale para imagens.
Estados vazios (empty states)
Estados vazios têm um grande potencial para call to actions ou chamadas para ação. Por isso, sempre que possível, utilizamos esse espaço para direcionar a pessoa usuária.
Você ainda não tem entrevistas agendadas.
Quando você tiver uma entrevista agendada, ela vai aparecer aqui. Enquanto isso, que tal demonstrar interesse em algumas vagas?
Campos de preenchimento (placeholders)
Para padronizar os nossos campos de preenchimento, convencionamos que:
O placeholder oficial para datas é DD/MM/AAAA
O placeholder oficial para e-mails é seunome@email.com
Em campos como nome e endereço, usamos um placeholder descritivo. Ex: Digite seu nome completo, Seu nome completo.
Em dropdown, escrevemos Selecione ou Selecione uma opção. A escolha vai depender do espaço do campo.
Para números de telefone é (11) 9999-9999
Para CPF é 999.999.999-99
Para CEP é 99999-999
Para outros formatos de número, sempre considerar o 9 como padrão para a construção.
Textos de ajuda (tooltips)
Textos de ajuda precisam ser concisos e informativos. O ideal é que não se ultrapasse o limite de duas frases curtas.
Sua senha deve ter no mínimo 6 caracteres. Utilize números, letras e símbolos para uma senha mais segura.
Last updated
