Conceptos de Diseño Para la Construcción de un Pie de Página Web Usable

Al desarrollar un diseño de sitio web, hay que considerar una serie de factores importantes. La sección de la cabecera es una parte clave de la página web. Junto con la navegación del usuario y estilos básicos de la tipografía. Pero el pie de página, que es un área no muy conspicuo, también puede tener un tremendo valor para la creación de la experiencia eficiente del usuario.

Ahora queremos presentar algunos ejemplos e ideas para la creación de una interfaz de pie de página utilizable. El diseño de páginas web modernas sigue cambiandose y adaptandose a las nuevas tendencias del mercado. Esto también significa la generación de comentarios de visitantes y la elaboración de una idea que funciona. No podemos decir que tenemos todas las respuestas, pero vamos a compartir todo lo que tenemos ahora.

Enlaces legibles

La legibilidad de los hipervínculos es muy importante para la experiencia del usuario. Esta idea debe ser una parte princiapl del concepto de diseño de todas las áreas de la página web. Pero, obviamente, en el pie de página ella afectará en gran medida la manera de que los usuarios atravesen su estructura de enlaces - independientemente del número de enlaces que Usted ha enumerado.

El diseño del pie de página de GiftRocket tiene un concepto inteligente de colores. Por encima de los vínculos se puede encontrar una lista de empresas que han escrito artículos sobre GiftRocket. A continuación, hay una sección de seguimiento de enlaces a sitios web relacionados y ciudades interesantes. Pero aún más interesante es la manera de división de los enlaces por títulos. Usted puede notar una gran variedad de temas. Y lo más importante es que todos los textos son legibles.

Asimismo, el sitio web de Rdio está en línea y el servicio funciona muy bien entre los usuarios. Este pie de página se divide en secciones, al igual que en GiftRocket donde Usted obtiene un conjunto de comentarios y citas de artículos que discuten su servicio. En la parte inferior hay una lista horizontal de vínculos de empresa, blog y redes sociales.

La colocación y la organización de los enlaces en su pie de página afectarán en gran medida las tasas de click-through. Asegúrese de que Usted ha optimizado los colores de texto y las opciones de tipos de letra para que se puedan leer a la mayoría de los usuarios. No cada persona hará clic en los enlaces en la parte inferior de la página. Sin embargo, Usted se sorprenderá de la cantidad de visitantes que han seguido sus enlaces.

Espacio y Estructura

Piense en la ampliación de su diseño de pie de página para incluir un montón de espacio adicional para los nuevos recursos. Es evidente que hay un límite, ya que nadie quiere colocar todo en el pie de página. Pero Usted también no necesita una pequeña barra de enlaces de 30px que nadie puede notar. Los espacios vacíos adicionales y la estructura adecuada del contenido serán los mayores rasgos de diseño del pie de página utilizable.

La agencia de diseño web Florida Flourish tiene un gran ejemplo de pie de página. Muchos vínculos inferiores han sido diseñados y agrupados en una sección más pequeña. Los enlaces se repiten en otras partes de la página y el contenido no es nuevo. Además, el diseño tiene varios enlaces directos a recursos para diseñadores y desarrolladores web.

Se puede notar la organización buena de las categorías y secciones. El sobre contiene una lista de las últimas entradas del blog con las oticias sobre la empresa. A continuación se puede encontrar una pequeña sección de contenido con algunos iconos para diferenciar las ideas de la lista. Sus estilos de enlaces y la paleta de colores se mezclan tan bien que el pie de página añade más beneficios a la estructura de la página web.

Contenido relacionado

Si su diseño no tiene suficiente espacio para incluir fragmentos de código relacionado, entonces siempre se puede agregar este contenido al pie de página. Este tipo de listas de enlaces pueden incluir blog RSS feed, nuevos mensajes de Twitter, comentarios de usuarios, o incluso enlaces a otros sitios web similares. Estos tipos de enlaces pueden captar más atención en comparación con la información regular desobre la empresa.

La influencia global del diseño de Stone Bake Oven Company es hermosa. Hay un montón de texturas únicas y gradientes entre la barra de navegación, los títulos de página y otros elementos pequeños. El pie de página es también dinámico, con mucha buena información para los usuarios típicos. Tienen una lista de noticias con más recetas e información de contacto directo. Todos los detalles importantes todavía son encontrados muy fácilmente.

El diseño del pie de página de YoDiv contiene más ilustraciones y marcas del sitio web. Las listas de YoDiv se centran en los recursos de diseño amigables. Todos sus enlaces externos están relacionados con recursos de conjuntos de iconos gratis, revistas de diseño web, galerías de inspiración, y listas de trabajo freelance.

Es un poco más complicado en comparación con cualquier otro diseño de página web. Pero queremos mostrarle toda la creatividad del diseño del pie de página que puede atraer todavía mucha atención. Y la mayoría (o todo) del contenido no debe ser su propio!

Diseño adaptable

Los diseños adaptables de páginas web están muy populares ahora en el mundo de los teléfonos inteligentes y Tablet PCs. Cada día más personas comienzan a utilizar estos dispositivos. ¿Por qué no construir su pie de página que se adaptará a pantallas de móviles junto con todo el diseño?

La página web de Ackwired tiene un diseño adaptable brillante que contiene muchos elementos de la página. El pie de página incluye una serie de enlaces e iconos sociales. Al cambiar el tamaño, ellos se reestructuran de manera agradable. Esta técnica es común para el uso de CSS3 media queries y permite a los usuarios de móviles utilizar más espacio para hacer clic en enlaces. La configuración de sitios adaptables funciona bien porque no es necesario redirigir a los usuarios a un sitio móvil, o pedirlos a utilizar zoom.

Otro ejemplo bueno es Hummingbird que es un sitio web nuevo de nuevos programas de televisión de anime. Su diseño es un poco de minimalista, así que es un buen ejemplo de creación de pies de página que pueden ser utilizados con un poco de contenido. Es interesante examinar cómo todas las partes de la página se transforman y se adapatan. Los enlaces de su sección de pie simplemente se mueven abajo del icono del logotipo.

Consideraciones finales

El diseño del pie de página no es más fácil que la creación de una interfaz de una completa página web. Usted necesitará todos sus 'sentidos de diseño'. Teniendo en cuenta estos consejos Usted podrá desarrollar un pie de página y navegación web eficiente. Pero es verdad que las tendencias siempre son reemplazadas con nuevas ideas más populares.