9 funciones imprescindibles para blogs estilo revista
Los blogs en línea se han transformado en publicaciones digitales y todas las principales marcas impresas tienen su propio sitio web. Estos blogs suelen adoptar la forma de una revista digital que parece mucho más profesional que un sitio personal más pequeño.
Pero, ¿qué incluye el diseño de una revista? ¿Y cómo puedes diseñar uno para tu propio sitio?
Esta lista debería ayudarlo a comenzar con 9 características esenciales para un diseño de blog de revista de calidad. Si trabaja con estas funciones e intenta crear una interfaz utilizable, tendrá un gran diseño que debería adaptarse a cualquier publicación en línea.
1. Fuerte marca
Esto puede parecer obvio, pero una marca fuerte realmente ayuda a vender el sentimiento de “revista” en un blog personal. Si busca una publicación autorizada, debe centrarse en la marca.
¿Cómo se destacará de cualquier otro blog? Idealmente a través del contenido, pero su marca es una gran parte de eso. Por ejemplo, el logotipo de Wired a continuación es muy conocido entre los blogs de tecnología. Ha existido durante años y cuando ves esa marca, reconoces instantáneamente el sitio.
Pero también puede agregar la marca en la barra lateral y en el pie de página de su sitio. El objetivo es crear un estilo coherente que se sienta más fuerte que los sitios de blogspot rinky-dink.
2. Titulares nítidos
Puede diseñar su título de varias formas para que no haya un diseño correcto. Pero siempre desea una tipografía de titulares que sea nítida, fácil de leer y, por lo general, gruesa.
Eche un vistazo a los titulares en Revista estadounidense para ver a qué me refiero. Estos titulares abarcan todo el ancho de la página y las letras son bastante gruesas. No puedes ignorar ese titular porque prácticamente te lo clavan en la cara. Ese es el objetivo del titular: hacer que destaque lo suficiente como para llamar la atención y animar a la gente a seguir leyendo.
3. Menús de navegación por niveles
Algunos diseñadores pueden argumentar en contra de esta característica diciendo que los sitios de revistas no necesitan menús masivos. En general, esto es cierto, sin embargo, los sitios web de estilo revista a menudo tienen un gran archivo de publicaciones. Desea ofrecer la mejor manera posible para que las personas naveguen por todas esas publicaciones.
Ya sea que esté utilizando categorías, etiquetas o incluso taxonomías personalizadas, puede agregarlos a una mega navegación masiva. Esto puede incluir menús desplegables con listas de publicaciones recientes o etiquetas / categorías populares, o incluso una combinación de ambos.
El menú para Revista Atlanta es bastante sencillo con muchos enlaces incrustados en el menú desplegable. Además, el navegador deslizante sensible es claramente accesible en el móvil para que los usuarios de teléfonos inteligentes no se lo pierdan.
Esta navegación por niveles podría incluir menús desplegables de varios niveles o incluso fijarse para desplazarse con el usuario. Tantas opciones y realmente el factor más importante es la usabilidad mezclada con toneladas de enlaces para navegar.
4. Widgets de publicaciones destacadas
Cada página de inicio estilo revista se ve un poco diferente con diferentes tamaños de miniaturas de publicaciones, formatos personalizados y, por supuesto, diferentes widgets destacados.
Los considero un elemento básico de cualquier sitio de revistas porque el widget destacado es lo que llama la atención. Es lo que puede utilizar para promocionar las últimas publicaciones o historias interesantes que deberían recibir la mayor atención.
Revista del motor de búsqueda tiene un control deslizante tipo carrusel en el que rota entre 3 de sus historias destacadas a la vez. Cada historia carga un fragmento en el lado izquierdo que también ofrece una vista previa en miniatura.
Pero no hay dos páginas de inicio idénticas, así que intente navegar por sus sitios de revistas favoritos y vea qué otros estilos de historias destacadas puede encontrar.
5. Botones para compartir destacados
Cuando se trata de construir una presencia sólida, no puede ignorar las redes sociales. Y si desea más visitantes a su blog estilo revista, querrá botones para compartir en las redes sociales en cada publicación.
Estos vienen en muchos estilos y pueden fijarse al costado de la página, o agregarse al final de la publicación, o incluso agregarse a imágenes como los botones para compartir de Pinterest.
En ZDNet, usan un rectángulo largo de botones para compartir justo debajo del título de la publicación. Esto usa íconos simples con bloques de colores para hacer referencia a todas las principales redes sociales.
Pero, de nuevo, puedes encontrar un montón de ejemplos con solo mirar algunos blogs populares. Y no importa qué estilo elija, es una buena idea dividir los formatos de prueba para ver cuál (s) genera la mayor cantidad de acciones.
6. Publicaciones relacionadas
Estoy seguro de que todos hemos visto esos widgets titulados «también te puede gustar …» al final de los artículos de noticias. Algunos de estos son anuncios nativos pero los sitios con estilo de revista realmente usan estos widgets para promover contenido relevante.
Esta función debería ser un elemento básico para cualquier blog porque es una excelente manera de aumentar las páginas vistas sin mucho esfuerzo. Los visitantes no siempre navegan por categoría, pero pueden navegar por publicaciones relacionadas. El siguiente ejemplo de Real Simple tiene un diseño súper limpio; exactamente lo que debes buscar.
Las miniaturas de las publicaciones captan la atención primero, así que asegúrese de que aparezcan en un lugar destacado cerca de los titulares.
7. Búsqueda accesible (incluso en dispositivos móviles)
Cada sitio web necesita un formulario de búsqueda. Es una de las mejores formas de aumentar la usabilidad al ayudar a las personas a encontrar contenido relevante.
La diferencia con un sitio de revistas es que a menudo puede parecer demasiado ocupado para buscar. Los usuarios pueden sentirse abrumados con tanto contenido y tantos enlaces que es posible que ni siquiera se molesten en intentar buscar.
Un formulario de búsqueda destacado como en Empuje cuadrado es ideal para fomentar más búsquedas.
Puede lanzar un icono de lupa en su navegación y utilizar el efecto de alternancia desplegable en cada página. Naturalmente, esto también funciona para dispositivos móviles, por lo que es una opción confiable para cada diseño de revista.
8. Elementos de página personalizados
Esta característica es un poco vaga, pero la cubro vagamente a propósito. Todos los blogs genéricos suelen sentir lo mismo: párrafos tras párrafos con poco o ningún formato personalizado.
Los excelentes temas de revistas aprovechan la personalización al agregar funciones en la publicación. Estos pueden ser cualquier número de elementos de página que mejorar tu contenido y haz que tus publicaciones sean más fáciles de consumir. Algunas ideas que he visto utilizadas en varios sitios web:
- Pull-quotes
- Tabla de contenido
- Presentaciones de diapositivas de imágenes en la publicación
- Publicaciones relacionadas con «Ver también»
¿Recuerdas cómo mencioné el widget de publicaciones relacionadas anteriormente? Eso es genial para agregar cerca del final de su publicación, pero también puede agregar contenido relacionado dentro de su publicación.
Por ejemplo TechCrunch agrega un widget «ver también» en la parte inferior de cada publicación. Esto también es predominante en el blog de tecnología. Hongkiat que agrega publicaciones relevantes dentro de pequeños bloques en el contenido.
No puedo decirle exactamente qué funciones debe agregar a su sitio. Pero definitivamente dedique tiempo a pensar en algunas ideas y probarlas para ver qué se queda.
9. Encabezados de imágenes destacadas
Si desea llamar la atención desde la primera carga de la página, desea dos cosas: un encabezado grande (tratado anteriormente) y una imagen destacada clara.
WordPress viene con imágenes destacadas por defecto y puede programar tamaños específicos para sus imágenes. Para los blogs estilo revista, es mejor hacerlos bastante grandes y seguir la tendencia de la imagen de héroe. Puede usar una imagen de pantalla completa como en la captura de pantalla de Dwell a continuación. O puede diseñar imágenes que se ajusten al área de contenido de su diseño.
De cualquier manera, cada publicación debe tener una imagen considerable que ayude a vender el contenido. Verás esto en casi todos los blogs estilo revista, ¡incluso en esta publicación si te desplazas hacia la parte superior!
Tenga en cuenta todas estas ideas al diseñar su diseño y deje suficiente espacio para imágenes destacadas llamativas.
