DS MS.GOV V2.0.0

Diretrizes de design

Links

Intro

Essa documentação explica como os links aparecem na página institucional da sua Secretaria, para que você saiba exatamente onde clicar e o que esperar. Vamos usar símbolos visuais para te ajudar a identificar o tipo de link e o resultado que ele pode trazer.

Como os Links se Parecem

Para facilitar a identificação, cada tipo de link terá um símbolo visual associado. É importante lembrar que o uso desses símbolos é recomendado, mas não obrigatório – o importante é que a informação esteja clara.

  • Página ou Link Externo: 🌍 – Indica que o link te levará a outra página da internet, em um site diferente.
  • Arquivo PDF: 📄– Indica que o link te levará a baixar um arquivo PDF para você ler.
  • Arquivo de Texto (TXT): 📄– Indica que o link te levará a baixar um arquivo de texto para você ler.
  • E-mail: 📧 – Indica que o link te direcionará para abrir um novo e-mail para contato.
  • Telefone: 📞 – Indica que o link te direcionará para ligar para um determinado número.
  • Secretária: 🎓 – Indica que o link te direcionará para a página de uma secretária, responsável específica.

Ícones e o Ambiente de Destino

Os ícones nos links ajudam a indicar se o link te levará para fora do site da sua Secretaria ou para dentro dele.

  • Link Externo (Nova Aba): 🌍 – Ao clicar neste link, a página será aberta em uma nova aba do seu navegador, levando você para o site externo.
  • Link Interno (Direcionamento): ➡️- Este link te levará para outra página dentro do site da sua Secretaria. Em alguns casos, não é necessário um ícone para indicar que é um link interno.

Considerações Importantes

  • Consistência: É importante manter a consistência no uso dos ícones para que você se familiarize com o significado de cada um.
  • Não É Obrigatório: Nem sempre será necessário usar um ícone para cada tipo de link. O importante é que a informação esteja clara e que o link seja fácil de identificar.
  • Evite Confusão: Utilize os ícones de forma clara e não sobrecarregue a página com muitos símbolos.

Exemplo Prático

  • Link para o Plano Estratégico: 🌍 – Te leva ao plano estratégico completo no site do X.
  • Link para o Contrato de Gestão: 📄– Te permite baixar uma cópia do contrato em formato PDF.
  • Link para a Secretaria: ➡️ – Te direciona para a página da Secretaria dentro do site.

Este guia informativo sobre como os links funcionam na página institucional, ajudando os usuários a entender e utilizar os recursos disponíveis de forma mais eficaz.