7 consejos para diseñar un gran footer

footer
Compartir:

No todos los footers o pies de página de un sitio web son iguales. Aunque el diseño del footer puede no ser una parte atractiva del proceso de diseño web, un gran pie de página puede ayudar a los usuarios a encontrar información, comunicarse contigo y relacionarse mejor con un sitio web.

Un footer puede ayudar a organizar la información y hacer que navegar por un sitio web complicado sea mucho más sencillo. El truco para un gran pie de página es la organización del contenido. Una vez que descubras cómo quieres que el footer debería ayude a los usuario, es más fácil diseñar un pie de página del que poder estar orgulloso.

Dale un propósito

Antes de poder diseñar un pie de página debes decidir cómo los usuarios deberían usarlo. El footer no debe ser un lugar para poner todos los enlaces e información con los que no sabes qué hacer (aunque muchos sitios web lo usan de esa manera). Un buen diseño del pie de página tiene un propósito intencional, al igual que cualquier otra parte del diseño.

Los usos más comunes del pie de página incluyen:

  • Mapa del sitio o lista de las páginas y enlaces más populares.
  • Contacto u otro formulario de envío.
  • Centro de medios sociales con vistas previas y enlaces a cuentas sociales.
  • Llamada a la acción o última oportunidad de actuar.
  • Mapa para mostrar tu ubicación.
  • Contenido relacionado (ideal para blogs).

Hazlo responsive

No hay que olvidar el aspecto responsive del footer. Usa un formato basado en columnas para que el pie de página se contraiga y apile fácilmente en las pantallas pequeñas. Aunque un pie de página de una columna puede verse bien en una pantalla de escritorio, puede convertirse en un desastre en los dispositivos móviles.

Incluye la información que los usuarios esperan

La mayoría de los usuarios esperan encontrar ciertos tipos de información en el pie de página de un sitio web. Incluir cosas en una ubicación que los usuarios esperan puede hacer que el diseño sea mucho más fácil de usar.

Si bien no es necesario que todos estos elementos estén en cada footer del sitio web, a continuación se detallan algunas de las cosas más comunes que los usuarios puden encontrar en la parte inferior del sitio web:

  • Mapa del sitio.
  • Información de contacto, dirección o mapa.
  • Enlaces de redes sociales o widgets.
  • Registro a la newsletter.
  • Buscador.
  • Testimonios
  • Noticias, publicaciones recientes del blog o listados de eventos.

También hay algunos elementos pequeños que pueden caber fácilmente en el pie de página. No todos los usuarios buscan estos elementos, pero a menudo son más elementos para dar limpieza al sitio.

  • Informacion registrada.
  • Enlace a condiciones de uso o política de privacidad (excelente para las actualizaciones de GDPR)
  • Afiliaciones o asociaciones profesionales.

Organiza los enlaces

Los sitios web con mucho contenido deberían considerar un pie de página grande con enlaces agrupados en categorías. Al organizar los enlaces, puedes ayudar a los usuarios a encontrar la parte del sitio que sea más relevante para ellos.

Esta es una técnica bastante común para proyectos a gran escala y puede ser bastante útil para los usuarios. Los minoristas online hacen un excelente trabajo al organizar la información en grandes pies de página.

Mantén el tono y la marca

La voz y el estilo de este contenido deben reflejar el tono del resto del diseño del sitio web. Incluye el mismo esquema de color, elementos de diseño, etc, que en el resto del proyecto. Los usuarios no deberían tener que adivinar en que parte de la web están cuando están footer.

Dale mucho espacio

Los textos pequeños y espacios reducidos son una mezcla perfecta para un desastre. Asegúrate de que los elementos tengan suficiente espacio para que la información sea fácil de escanear y hacer clic sobre ella.

Los mismos principios que aplicas al espacio, la legibilidad y el escaneo en el sitio web debes aplicarlos en el footer. Recuerda que si no se puede usar bien, no es bueno. Puedes obtener una buena idea de lo que funciona y lo que no funciona con la información de los análisis (¿cuáles son los enlaces del footer en los que se está haciendo clic?)

Mantenlo separado

Para aprovechar al máximo el diseño de un gran footer debes asegúrarte de que destaque sobre el contenido que está encima de él. Aunque un pie de página debe verse como una parte del diseño general, también debe incluir suficiente contraste para que el usuario entienda que está en la parte inferior de la página donde se encuentra la información clave y esperada.

Una técnica común para ayudar a establecer este contraste es colocar el pie de página en un elemento contenedor, como una caja de color, que es de un color diferente del resto del fondo. (Si el diseño del sitio web tiene un fondo mayormente claro, por ejemplo, el pie de página puede estar contenido en un fondo oscuro).

Este contraste adicional es una señal visual de que esta parte del diseño es diferente. Hace que el usuario se detenga y piense en la información que hay en la pantalla. Un cambio en el contraste puede ser una señal visual fuerte que establece un sentido de lugar en el diseño, así como una herramienta de usabilidad.

 

Si necesitas ayuda con el diseño de tu página web, sólo tienes que contactar con nosotros.

Contáctanos

Fuente: Design Shack

Compartir:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies