Menú, atajos y botones
Conocé cómo usar estos componentes dinámicos en tu sitio.
En esta página:
Menú
El menú puede ser un botón simple o desplegable. Agrupá en el menú de tu sitio toda la información institucional correspondiente al área de gobierno, programa o servicio como misión, visión, objetivos, leyes, etc. También agregá la sección de contacto, noticias y suscripciones.
Atajos
Usá este componente para agrupar los ejes o secciones más importantes y estáticos de tu sitio, como los servicios o programas del área/ministerio. Agregá 3 atajos como mínimo y 4 como máximo en la home de tu sitio. Te recomendamos usar entre 2 y 3 palabras para los títulos y entre 3 y 6 en el resumen, a la hora de escribirlos tené en cuenta:
- Sólo la primera letra va en mayúscula; además de los nombres propios.
- Los textos de los atajos siempre deben remitir a lo que introduce el header del sitio al que se accede.
- Las bajadas deben indicarle al usuario con qué se va a encontrar dentro del sitio.
- El título y la bajada del atajo son 2 componentes distintos: la bajada no continúa en la misma oración del título.
Para seleccionar iconos consultá el listado de íconos de buenosaires.gob.ar.
Botones
Usá los botones para dinamizar la navegación y mejorar la experiencia de los vecinos. Son un elemento esencial del diseño de interacción y tienen un papel principal en la conversación entre un usuario y el sitio. Los textos de los botones le hablan al usuario de forma imperativa para los llamados a la acción. Evitá usar demasiados botones para no confundir al usuario. De esta manera construimos una navegación clara e intuitiva.
-
Usá el botón amarillo para el llamado a la acción principal de tu sitio. Por ejemplo, en las páginas que presenten programas, es ideal incluirlo al principio y al final.
Inscribite -
Usá el botón gris para acciones secundarias en contenidos de menor jerarquía, como por ejemplo una descarga. Explicá de qué se trata el archivo brevemente, a través de un texto introductorio. Este botón es el único que se abre en una nueva pestaña (target="_blank"), en los casos cuyas páginas de destino dirigen fuera del sitio de buenosaires.gob.ar y para no abandonar la página cuando descargamos un archivo.
Descargá el instructivo»
Tamaños
El tamaño del botón debe reflejar su prioridad en la pantalla. El botón más grande es el más importante. Si son demasiado pequeños, dificulta su navegación.
Hacé que los botones sean fáciles de detectar desde los celulares. Revisá siempre tu contenido publicado desde tu celular.
Grande
Inscribite
Mediano
Inscribite
Chico
Inscribite
Conocé cómo se escriben los botones en markdown