fbpx Skip to content

4 Mejores Pr√°cticas para el Dise√Īo de Mega Pies

¬ŅAlguna vez ha visitado un sitio web, ha mirado un poco a su alrededor y luego se ha dirigido directamente al pie de p√°gina para encontrar la informaci√≥n que estaba buscando?

No eres el √ļnico.

Los pies de p√°gina son piezas √ļnicas de la pantalla de bienes ra√≠ces que ofrecen una serie de beneficios. Contienen informaci√≥n importante (como detalles de contacto y declaraciones de derechos de autor) y opciones de navegaci√≥n que facilitan a los usuarios encontrar lo que est√°n buscando.

En este art√≠culo, hablaremos sobre la importancia de los pies de p√°gina del sitio web y c√≥mo puede utilizarlos para ayudar a los visitantes de su sitio web a encontrar f√°cilmente lo que est√°n buscando. Tambi√©n repasaremos algunas de las mejores pr√°cticas que debe tener en cuenta al dise√Īar mega-pie de p√°gina, el equivalente al pie de p√°gina del mega-men√ļ.

Por qué son importantes los pies de página

Nos inclinamos a poner mucho esfuerzo en el dise√Īo de todo lo que est√° por encima del pliegue pensando que ser√° visto por todos los que llegan al sitio web. Tanto que olvidamos que los pies de p√°gina tambi√©n son muy visibles.

De hecho, un estudio que examinó 25 millones de sitios web encontró que los visitantes se desplazaban hacia abajo miles de píxeles todo el tiempo. Y se descubrió que muchos de los visitantes habían comenzado a desplazarse antes de que la página estuviera completamente cargada.

Lo que podemos tomar de esto es que el pie de p√°gina de su sitio web es tan importante como su encabezado. Es muy visible y conseguir su dise√Īo correcto podr√≠a beneficiarle de muchas maneras diferentes. Se trata de decidir lo que desea incluir en el espacio limitado que el pie de p√°gina tiene para ofrecer con el fin de facilitar a los visitantes de su sitio, mientras se asegura de que sus objetivos se cumplan.

Dependiendo del tipo de sitio web que esté creando y cuáles sean sus objetivos, podría considerar incluir cualquiera de los siguientes elementos en el pie de página de su sitio:

  • Mapa del sitio;
  • Declaraci√≥n de derechos de autor;
  • Un enlace a la p√°gina de T√©rminos de uso;
  • Declaraci√≥n de pol√≠tica de privacidad;
  • Informaci√≥n de contacto;
  • Un mapa o direcci√≥n;
  • Iconos sociales;
  • Widgets de medios sociales;
  • Registro de correo electr√≥nico;
  • Una barra de b√ļsqueda;
  • Su declaraci√≥n de misi√≥n;
  • Etiquetas y categor√≠as;
  • Premios y certificaciones;
  • Miembros de la asociaci√≥n;
  • Testimonios;
  • √öltimos art√≠culos;
  • Pr√≥ximos eventos;
  • Un video explicativo;
  • Audio;
  • Llamado a la acci√≥n.

Hay tantos elementos importantes que puede a√Īadir al pie de p√°gina de su sitio web y cada uno de ellos tiene un prop√≥sito √ļnico. Si quieres que tus visitantes permanezcan m√°s tiempo en tu sitio web y visitar tu blog, puedes a√Īadir un widget de Popular Posts al pie de p√°gina de tu sitio. Y si su objetivo era aumentar las conversiones, podr√≠a incluir un formulario de llamada a la acci√≥n y de registro por correo electr√≥nico en √©l.

El problema es que tradicionalmente los pies de p√°gina son peque√Īos, con un m√≠nimo de contenido (probablemente derechos de autor e iconos de medios sociales). Al igual que los mega-men√ļs de sitios gigantes, que ofrecen a los usuarios m√°s opciones de navegaci√≥n, la soluci√≥n al enigma del pie de p√°gina son los mega-pie de p√°gina.

4 Mejores pr√°cticas para el dise√Īo de pies de p√°gina web grandes

Las posibilidades son aparentemente infinitas cuando usted decide ir con un mega-footer en su sitio web. Puede a√Īadir elementos de branding para reforzar su marca en la mente de sus visitantes. Puede agregar enlaces de navegaci√≥n a todas sus p√°ginas importantes que los visitantes podr√≠an perderse de otra manera. Incluso puede a√Īadir un formulario de contacto en el pie de p√°gina!

Con esto en mente, repasemos algunas de las mejores pr√°cticas para el dise√Īo de mega pies que no s√≥lo se ven bien, sino que tambi√©n son incre√≠blemente funcionales.

1. Incluir elementos de marca

El pie de p√°gina de su sitio es a menudo una oportunidad olvidada para reforzar su imagen de marca en la mente del visitante. Puede utilizar este espacio para comunicar el valor de la marca.

El uso de im√°genes, gr√°ficos, iconos o logotipos en el pie de p√°gina es una excelente manera de recordar a los visitantes el sitio web en el que se encuentran y darles algo para que lo recuerden. Alternativamente, puede utilizar colores, patrones o iconos que ya ha utilizado en el dise√Īo de su sitio web para lograr el mismo resultado.

El megapie de Miki Mottes es una obra de arte. Utiliza gr√°ficos y animaciones que incorporan muchos elementos visuales. Usted notar√° que tambi√©n utiliza una versi√≥n diferente del logotipo de su sitio en el pie de p√°gina para reforzar su marca. Es un recordatorio no tan sutil para los visitantes de que Miki Mottes es un ilustrador, animador y dise√Īador.

Hustle Panda es el ejemplo perfecto de c√≥mo puedes mantener las cosas simples usando la misma paleta de colores y jugando con diferentes tama√Īos de logotipos. El uso repetido de su mascota panda recuerda a los visitantes el mensaje de su marca.

2. Reunir pistas

Construir una lista de correo electr√≥nico puede ser bastante dif√≠cil, especialmente cuando se est√° empezando. Desde el punto de vista del dise√Īo, mucho de esto tiene que ver con lo bien que encaja su formulario de registro con el resto del dise√Īo del sitio web. El mega pie de p√°gina de su sitio web es el lugar perfecto para reunir clientes potenciales para su negocio. Le da una √ļltima oportunidad de hacer llegar su llamada a la acci√≥n y luego entregar un formulario de inscripci√≥n.

Zoyo Yogurt muestra una gran forma de registro que se integra con el resto del dise√Īo del pie de p√°gina. Ofrece a los visitantes la oportunidad de disfrutar de todo lo que tienen para ofrecer y luego inscribirse para recibir correos electr√≥nicos sobre eventos y ofertas especiales.

3. Agregar botones de medios sociales

Los estudios indican que casi el 75% de los sitios web de marketing incluyen iconos de medios sociales en el pie de página de su sitio en lugar del encabezado. Por qué? Como propietarios de sitios web, nuestro objetivo es mantener a los visitantes en nuestro sitio web en lugar de dirigirnos a una página de medios sociales. Porque una vez que aterrizan en una plataforma de medios sociales, es bastante difícil conseguir que vuelvan.

Por esta razón, es mejor colocar los botones de las redes sociales en el pie de página de su sitio en lugar de en el encabezado. De esta manera, puede estar seguro de que los visitantes de su sitio habrán llegado (al menos) al final de su página principal antes de dirigirse a Facebook o Twitter.

Capsicum Mediaworks integra perfectamente sus botones de medios sociales en el dise√Īo de su sitio. Se mezclan con la paleta de colores e inmediatamente cautivan su atenci√≥n. Es un excelente ejemplo de c√≥mo los mega-pie consiguen que la marca y los iconos de los medios sociales sean correctos.

Holiday Harold tiene un enfoque mínimo en su pie de página con enlaces simples a sus páginas de medios sociales colocadas directamente encima de los gráficos.

4. Crear jerarquías de navegación

Una de las mejores cosas que puede hacer con los mega pies es incluir enlaces al contenido m√°s popular de su sitio.

Para empezar, puede organizar los enlaces a las páginas o categorías más populares de su sitio en columnas. Puntos de bonificación por categorizarlos bajo los encabezados y títulos apropiados.

Tenga en cuenta que a veces sus visitantes se encuentran en la parte inferior de su p√°gina porque no fueron capaces de encontrar lo que estaban buscando hasta ese momento. As√≠ que, antes de que reboten, tienes una √ļltima oportunidad para darles algunas opciones m√°s. Y su pie de p√°gina lo hace posible.

El pie de p√°gina de TrueCar est√° organizado en cuatro columnas – cada columna con un t√≠tulo de categor√≠a. Esto facilita la r√°pida b√ļsqueda de lo que est√° buscando. Tambi√©n notar√° que los encabezados de cada columna son m√°s prominentes, lo que los hace f√°cilmente perceptibles.

GitHub hace lo mismo organizando sus p√°ginas m√°s importantes en columnas. Y al dar a cada columna un t√≠tulo apropiado, facilitan a los visitantes la b√ļsqueda de la p√°gina que estaban buscando.

Conclusión

Aunque el pie de p√°gina se encuentra en la parte inferior de la p√°gina, es uno de los elementos m√°s visibles de su sitio web.

Hemos enumerado algunos de los diferentes elementos que puede incluir en el pie de p√°gina de su sitio y hemos compartido algunas de las mejores pr√°cticas para darle un buen punto de partida. Es una buena idea identificar sus metas y objetivos y luego agregar los elementos correctos al pie de su gran sitio web que le ayuden a alcanzar esas metas.