No todos los pies de página son iguales. Si bien el diseño de pie de página 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, contactarlo y participar mejor en un sitio web. Así es como diseñas uno que es funcional y hermoso.
Un pie de página grande también puede ayudar a organizar la información y hacer que navegar por un sitio web complicado sea mucho más fácil: piense en el pie de página de múltiples capas en el sitio web de Amazon.
El truco para un pie de página grande es la organización de contenido. Una vez que descubras lo que el diseño del pie de página debería ayudar a los usuarios, es más fácil diseñar un elemento al final de la página de lo que puedas estar orgulloso. Vamos a sumergirnos en algunos consejos de diseño de pie de página.
1. Dale un propósito
Antes de poder diseñar un pie de página web grande, decida cómo los usuarios deberían usarlo. Un buen diseño de pie de página no es un lugar para descargar todos los enlaces e información con los que no sabe qué hacer. (Aunque demasiados sitios web lo usan de esa manera).
Un buen diseño de pie de página tiene un propósito intencional, al igual que cualquier otra parte del diseño.
Usos comunes de pie de página incluyen:
- Mapa del sitio o lista de las páginas / enlaces más populares
- Contacto u otro formulario de envío.
- Centro de redes sociales con vistas previas y enlaces a cuentas sociales.
- Llamado a la acción, o última oportunidad para actuar.
- Mapa para mostrar su ubicación (importante para empresas o restaurantes especializados)
- Contenido relacionado (ideal para blogs)
2. Hazlo receptivo
No se olvide de cuidar el aspecto, la sensación y las interacciones de este elemento de diseño de sitio web. Use un formato basado en columnas para que su pie de página se colapse y se acumule fácilmente en un formato receptivo. Esto se vuelve más importante a medida que aumenta el tamaño del pie de página.
Si bien un pie de página de una columna puede verse bien en un dispositivo de escritorio, puede convertirse en un desastre en el móvil. No se olvide de cuidar el aspecto, la sensación y las interacciones de este elemento de diseño de sitio web.
Recuerde, no tiene que incluir diferentes tipos de contenido en un formato de varias columnas. El diseño es principalmente para ayudarle a organizar lo que podría ser un gran número de elementos en el pie de página.
¿A no ser que? está tomando otro enfoque por completo con un pie de página de gran tamaño para un solo elemento. Esta puede ser una opción popular para un formulario de contacto grande o un llamado a la acción, como Hustle Panda (arriba). En este caso, el área de contenido es tan grande que una sola opción de columna puede colapsar muy bien a tamaños más pequeños. (Solo asegúrate de que el texto y los CTA sigan siendo lo suficientemente grandes para leer con facilidad).
3. Incluir 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 el pie de página de cada sitio web, aquí hay algunas de las cosas comunes que los usuarios se desplazarán a la parte inferior de una página para encontrar:
- Mapa del sitio o navegación expandida
- Información de contacto, dirección o mapa
- Enlaces de redes sociales o widgets
- Correo electrónico o registro de boletines
- Buscar
- Misión o sobre la información.
- Testimonios
- Noticias, publicaciones de blog recientes o listados de eventos.
También hay algunos elementos diminutos 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 de mantenimiento del sitio web.
- Informacion registrada
- Enlace a términos o una política de privacidad (ideal para actualizaciones de GDPR)
- Afiliaciones profesionales o asociaciones.
4. Organizar enlaces
Al organizar los enlaces, puede ayudar a los usuarios a encontrar la parte del sitio que les resulte más relevante. Los sitios web con mucho contenido o diversos tipos de información deben considerar un pie de página grande con enlaces agrupados en categorías de recursos. Al organizar los enlaces, puede ayudar a los usuarios a encontrar la parte del sitio que les resulte más relevante. (Piénselo de la misma manera que durante un tiempo los mega menús antiguos que fueron populares en la navegación principal).
Esta es una técnica bastante común para proyectos a gran escala y puede ser muy útil para los usuarios. Los minoristas en línea hacen un gran trabajo de organización de la información para grandes pies de página.
El pie de página de The Home Depot, arriba, incluye múltiples niveles de información en capas en el pie de página. La fila superior incluye categorías populares (este es el elemento "¿Encontró todo lo que buscaba? Para minoristas en línea), luego grupos de enlaces para servicio al cliente (según lo que el usuario debe hacer), recursos, información sobre Empresa y un llamado a la acción. Finalmente, el pie de página incluye enlaces a otras marcas dentro de la compañía, información de derechos de autor, términos y enlaces de acuerdos.
5. Mantener la voz y la marca
No trate la microcopia en el pie de página como una idea de último momento. (Este es un defecto común.)
La voz y el estilo de este contenido deben reflejar el tono del resto del diseño del sitio web. Incluya la misma combinación de colores, elementos de diseño y voz única que se utilizan en el resto del proyecto. Los usuarios no deberían tener que adivinar o pensar dónde están en la web cuando están en el pie de página.
La proveedora de correo electrónico Emma, arriba, incluye una llamada a la acción en el pie de página con caras y la misma actitud amigable que el resto del diseño del sitio web: "Saluda a su nuevo equipo de marketing". El tono es ligero, hay mucho espacio entre los elementos (enfatizando visualmente esa sensación de luz) y caras felices para atraer a los usuarios, lo que hace que la empresa se sienta como alguien que conoces.
6. Dale un montón de espacio
Un texto pequeño y un espacio reducido pueden ser una receta para el desastre. Asegúrese de que los elementos tengan suficiente espacio para respirar el pie de página para que la información sea fácil de escanear y hacer clic.
Los mismos principios que aplica al espacio, la legibilidad y el escaneo también se aplican al pie de página. (Cuanto más grande es el pie de página, más importantes son estos elementos).
Recuerda, si no es utilizable, no es bueno.(Puede obtener una buena idea de lo que funciona y lo que no funciona con información analítica y siguiendo las rutas de clic. ¿En qué enlaces del pie de página se hace clic en realidad?)
7. Manténgalo separado
Un cambio en el contraste puede ser una señal visual fuerte que establece un sentido de lugar en el diseño. Para sacar el máximo provecho de un diseño de pie de página de gran tamaño, asegúrese de que se destaca del contenido por encima de él. Si bien un pie de página debe parecer que forma parte del diseño general, también debe incluir suficiente contraste para que el usuario entienda que es la parte inferior de la página donde se encuentra la información clave (y la esperada).
Una técnica común para ayudar a establecer este contraste es colocar el pie de página en un elemento contenedor, como un cuadro de color, que es 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 un indicio visual de que esta parte del diseño es diferente. Hace que el usuario se detenga y piense en la información 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.
Conclusión
Pero, ¿cuándo es un pie de página demasiado grande?
Mientras investigaba este artículo, encontré muchos diseños de pie de página excelentes. Más diseñadores están creando grandes (e incluso pies de gran tamaño) de lo que pensaba cuando empecé por este camino. Pero hay un tipo de pie de página grande que me molesta: los pies de página que se desplazan.
Si bien el pie de página es un gran lugar para organizar mucha información, como usuario, quería verlo todo de un vistazo. Así que ten esto en cuenta al construir tu diseño también. (O tal vez es solo mi motivo favorito después de ver tantos diseños de pie de página). ¡Buena suerte con tus grandes proyectos de pie de página!