10 técnicas para un pie de página fantástico

Un pie fuerte puede dejar a sus visitantes con una impresión positiva duradera.

Hay toneladas de formas creativas para aumentar el factor de frialdad de sus pies de página centrándose en la forma y la función. A continuación, encontrarás 10 ideas simples para inspirarte hacia la grandeza del pie de página.

1: Conviértelo en la herramienta de navegación principal

Esto suena loco ¿verdad? ¿Por qué alguien en su sano juicio tomaría la navegación principal, tradicionalmente colocada en el encabezado, y la colocaría en la parte inferior de la página? Va en contra de tantas reglas y puede ser un desastre absoluto para la usabilidad. Sin embargo, si se ejecuta correctamente, la navegación basada en el pie de página puede ser fácil de usar y refrescantemente diferente. El ejemplo anterior utiliza un gran pie de página estacionario que se encuentra en la parte superior de una página de desplazamiento. Incluso puede desactivar el menú de navegación para ver el contenido de la página en todo su esplendor. Esta es una excelente implementación de una idea arriesgada. Dos pulgares hasta Madfrog por su originalidad.

2: ¿Dale un? ¿Volver al principio? Botón

Una característica que realmente me encanta en un pie de página es un botón que te lleva de nuevo a la parte superior de la página. En las páginas largas, ha realizado un desplazamiento serio en el momento en que llega al pie de página y la caminata de regreso puede ser larga. Puede superar esta molestia con un simple botón de JavaScript que establece la posición de desplazamiento. Vea la implementación en los ejemplos anteriores, así como en el pie de página de Madfrog del consejo anterior.

3: Dale Contraste

Si quieres un pie de página fuerte, no dejes ninguna duda sobre dónde comienza. El uso de una línea o gráfico simple para diferenciar el contenido principal del pie de página ayuda, pero al darle al pie de página un color de fondo drásticamente más oscuro (o más claro) va aún más lejos. El ejemplo anterior en realidad utiliza ambas técnicas. El fondo oscuro del pie de página contrasta muy bien con el fondo de la página en blanco y han agregado un hermoso y atractivo gráfico diseñado para dirigir su atención hacia el formulario de contacto. Para seguir con el ejemplo, colocar una forma de contacto simple dentro del pie de página es otra manera de aumentar su funcionalidad.

4: Ilustra lo que está fuera

Si eres un ilustrador talentoso, el pie de página puede ser una gran oportunidad para un elemento creativo que te permita romper con la utilidad estricta pero necesaria de la página anterior. Si el pie de página va a ser lo último que un usuario ve en el sitio, también puede salir con una explosión. Los dos sitios anteriores han implementado ilustraciones enormes y ridículamente sorprendentes que casi no tienen ningún propósito más allá de parecer realmente geniales.

5: Paquete con contenido

Definitivamente hay un fuerte argumento para mantener el contenido del pie de página simple, y confía en mí, yo sería el primero en hacerlo. Pero también hay muchas ocasiones en las que es apropiado simplemente meter un montón de cosas en tu pie de página (por supuesto, de una manera elegante y organizada). Los tres sitios anteriores han optado por hacer precisamente eso. A menudo hay un montón de contenido, como la copia legal y los enlaces del archivo del blog, que desea que el usuario vea sin saturar el contenido principal de su página. Un pie de página de gran tamaño es un lugar conveniente y lógico para colocar dicho contenido.

Observe en los ejemplos anteriores que este también es un gran lugar para poner una lista de recursos gratuitos para sus usuarios. Independientemente del tipo de sitio que tenga, proporcionar una lista de recursos externos gratuitos es una manera fácil de agregar valor a su sitio a los ojos de sus visitantes.

6: meter la cabeza en ella

¿No puedes pensar en nada para poner en tu pie de página? Prueba tu cara! Si está creando un blog o un portafolio, es apropiado incluir información sobre el propietario del sitio (sea usted o su cliente). Escriba una biografía breve e ingeniosa, póngala junto a su fea taza y, de repente, su sitio se transforma de genial y profesional a atractivo y personal. Obviamente, la información de contacto es un complemento natural de esta configuración si desea agregar aún más contenido.

7: Conviértelo en un centro de redes sociales

En la misma línea que la personalización en la sugerencia anterior, el pie de página también es un lugar natural para incluir todos sus diversos enlaces y widgets de redes sociales (sabes que tienes una tonelada que eres un nerd de redes sociales). Esta es una práctica bastante común que el pie de página a menudo es el primer lugar en el que busco enlaces sociales. Tampoco te detengas en Facebook, vuelve loco y lanza tu cuenta de Twitter, flujo de Flickr e incluso un enlace de MySpace si eres lo suficientemente desafortunado como para tener uno.

Solo recuerda diseñar cada paz para que se adapte a tu tema y darle a los elementos del pie de página una apariencia cohesiva en lugar de agregar un montón de widgets prefabricados y no coincidentes. El ejemplo anterior utiliza naves espaciales y estilos CSS para unirlo todo de una manera divertida y única.

8: Actualízalo diariamente

Otra gran característica para su pie de página es crear una idea única para una breve característica diaria que complemente su sitio. Intente pensar en algo lo suficientemente útil como para que un usuario pueda registrarse de vez en cuando solo para verlo. El ejemplo anterior es el sitio web de un diseñador que ofrece un esquema de color diario gratuito y descargable en el pie de página. Esto es práctico y relevante para la audiencia del sitio. Piense en quién está visitando su sitio y en qué podrían estar interesados.

9: tirar en una infografía

El sitio anterior fue el único ejemplo que encontré que usaba una infografía interactiva en el pie de página. En consecuencia, pasé más tiempo jugando con ese pie de página que mirando a cualquiera de los otros. Para tener una idea de lo que quiero decir con infografía, consulte esta publicación en 25+ Infografías útiles para diseñadores web. Esencialmente, las infografías son una forma de transmitir datos aburridos de una manera visualmente creativa e interesante. Piense acerca de la información en su pie de página y cómo puede presentarla de una manera más interactiva y atractiva.

10: Dale vida

Un poco de animación contribuye en gran medida a agregar interés visual a su página.El pie de página en el ejemplo anterior presenta insectos animados que bailan alrededor de la llama de una vela. El efecto es un llamativo pie de página que no puedes evitar mirar por unos segundos. Recomiendo mantener tus animaciones simples. El objetivo es hacerlo atractivo sin restar demasiada importancia a su contenido principal. Otras ideas para animaciones sutiles podrían incluir colores pulsantes, nubes flotantes y marcadores de noticias en movimiento.

Conclusión

Ahí lo tienen, suficientes sugerencias creativas de pie de página para que continúe todo el año. ¡Utilice los comentarios a continuación para hacernos saber qué ejemplos cree que son los mejores y asegúrese de informarnos sobre cualquiera que no veamos!
Ejemplos de pie de página encontrados en Footer Fetish.