El header es uno de los aspectos más importantes de un sitio o blog, el usuario lo utiliza para conocer a primera vista las opciones de navegación del sitio, te presento algunas opciones que te pueden servir de inspiración para crear un header creativo, dinámico y accesible para tus usuarios.
Los simples y directos
Esta es una pequeña lista de headers simples y directos que muestran de forma minimalista la navegación de sus secciones a través del header. No existe una fórmula específica para diseñar headers, pero sin duda la accesibilidad y claridad siempre serán aspectos que los usuarios agradecerán. Algunos también pueden tener un poco más de elementos, pero ser simples.
- Alex Dukal: el menú de opciones como header es simple, contempla el nombre del creador y sus 5 opciones de navegación.
- Luis Alarcón: en su sitio, Luis diseño un header llamativo, pero con un pequeño menú de 4 opciones que le ayudan al usuario para navegar.
- Divito Design: un diseño a dos colores con uso de mucho texto y un extenso menú.
- Leigerber: con un logo, descripción, menú dinámico de navegación y una caja de búsqueda en una solo línea.
Algunos con mucho diseño
Una de las cosas que me gustan de los headers de diseñadores extrovertidos es que se atreven a cargarlos con geniales diseños que muestran mucho color, dinamismo e impactan desde el inicio. Claro no hay que olvida que es importante que el hearder también entre en armonía con el resto del diseño.
- Design Shard: un header con más diseño, menú de navegación e iconos para definir el perfil del autor.
- Web Designer Depot: con un diseño muy colorido y dinámico, este sitio nos muestra un gran diseño en su header, aunque sin menú.
- Dawghouse: un header que se integra a todos los elementos del diseño, cumple su función y se presenta diferente.
- Reservoirbuzz: este diseño habla por si mismo, su menú es atrevido, dinámico y codificado.
El header y los elementos en armonía
No olvides que todos los elementos en un sitio son importantes, la estructura, el CSS, la usabilidad, la accesibilidad, el footer, el menú, la sindicación, opciones de suscripción y el header dentro de todos ellos ocupa uno de los primeros lugares, porque es lo primero que verán los usuarios.
No existe una forma correcta que te indique al 100% que estas utilizando el mejor diseño, pero es importante que tomes en cuenta algunas opciones y alternativas ya creadas para inspirarte. No te olvides que también eres usuario y de los sitios que visitas, debes preguntarte cuáles hacen que tu visita sea agradable a partir del header y toma ejemplo.
Encuentro más eficientes los encabezados simples pensados para el usuario, he visto algunos sitios que hacen algo un poco más elaborado solamente para la portada y también es una buena opción para no obligar al visitante a cargar un gran header por cada página.
Saludos!
[…] Here is the original post: Headers creativos, dinámicos y accesibles […]
Yo creo que la clave esta en hacer algo bonito pero que no sea excesivamente recargado para no despistar al usuario, me gustan el primero, segundo y cuarto
Saludos
Yo personalmente apuesto por una textura y un logo chulo, así como el logo de RSS (Que personalmente me gustaba bastante).
Bueno, teniendo en cuenta que las velocidades de internet han mejorado, y que con menos peso, la calidad se ha mejorado tambien. No creo que sea tan mala idea los header con más diseño. Ya que al usuario general, les atrae más
Mmm hay de todo, me parecen bien los headers funcionales. Los headers gráficos tan altos como es la tendencia ahora se ven bien, pero le roban mucho espacio a la pantalla para desplegar el contenido. Qué tal un header interactivo? uno alto (grande) la primera vez (vía cookie) y los siguientes servirlos como una versión escalada? menor?
[…] El logotipo y diseño de tu revista es importante para diferenciarla de un blog. El logotipo debe resaltar del diseño y los colores que utilices en él deben tener una armonía con el resto de contenido que manejes. Los logotipos de las revistas suelen ser simples y destacar en la página principal. Trata que el logotipo de la revista se ubique en el header y que las secciones de la misma se identifiquen adecuadamente de esa manera le brindas al usuario mejor acceso del contenido. […]
[…] de los headers creativos, dinámicos y accesibles en donde vimos lo simple, complejo y la armonía del header. También, les compartí algunas ideas […]
[…] las detalles en el contenido, cosas como ¿Qué importancia tiene el título en un post?, el uso de headers creativos, dinámicos y accesibles, siguiendo con el tema, quiero compartirles algunos aspectos importantes que cuidar en los links y […]