9 características imprescindibles para blogs estilo revista
Los blogs en línea se han transformado en publicaciones digitales con cada marca principal de impresión que ejecuta su propio sitio web. Estos blogs generalmente toman la forma de una revista digital que se ve mucho más profesional que un sitio personal más pequeño.
Pero, ¿qué entra en el diseño de una revista? ¿Y cómo puedes diseñar uno para tu propio sitio?
Esta lista debe comenzar con 9 características esenciales para un diseño de blog de revista de calidad. Si trabajas con estas características y tratas de construir interfaz utilizable Tendrás un excelente diseño que debe adaptarse a cualquier publicación en línea.
1. Fuerte marca
Esto puede parecer obvio, pero una marca fuerte realmente ayuda a vender la sensación de "revista" en un blog personal. Si busca una publicación autorizada, debe enfocarse 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 bien conocido entre los blogs de tecnología. Ha existido durante años y cuando ves esa marca reconoces al instante el sitio.
Pero también puede agregar la marca en la barra lateral y 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 de rinky-dink.
2. Titulares nítidos
Puedes darle estilo a tu título de muchas maneras, por lo que no hay un diseño correcto. Pero siempre quieres tipografía titular eso es nítido, fácil de desnatar, y generalmente grueso.
Eche un vistazo a los titulares de Revista estadounidense para ver lo que quiero decir Estos titulares abarcan todo el ancho de la página y las letras son bastante gruesas. No puede ignorar ese titular porque está prácticamente metido en su cara. Ese es el objetivo de su titular: hacer que se destaque lo suficiente como para llamar la atención y alentar a la gente a seguir leyendo.
3. Menús de navegación con niveles
Algunos diseñadores pueden argumentar en contra de esta característica diciendo que los sitios de revistas no necesitan menús masivos. Esto es generalmente cierto, sin embargo, los sitios web 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és usando categorías de WordPress, etiquetas o incluso taxonomías personalizadas , puedes agregarlos a una mega navegación masiva. Esto podría 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 de Atlanta es bastante suave con muchos enlaces integrados en el menú desplegable. Además, la capacidad de navegación adaptable y deslizante es claramente accesible en el móvil para que los usuarios de teléfonos inteligentes no se pierdan.
Esta navegación por niveles puede incluir menús desplegables de varios niveles o incluso se puede fijar 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 estilo de revista se ve un poco diferente con diferentes tamaños de miniaturas de publicaciones, formatos personalizados y, por supuesto, diferentes widgets destacados.
Considero que estos son un elemento básico de cualquier sitio de la revista porque el widget presentado es lo que llama la atención. Es lo que puedes usar para promocionar las últimas publicaciones o historias importantes que deberían llamar la atención.
Diario de motor de búsqueda tiene un control deslizante tipo carrusel en el que gira 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 principales idénticas, intente explorar sus sitios de revistas favoritos y vea qué otros estilos de historias destacados puede encontrar.
5. Botones prominentes para compartir
Cuando se trata de construir una fuerte presencia no puedes ignorar las redes sociales Y si desea que haya más visitantes en su blog de estilo de revista, querrá botones de redes sociales en cada publicación.
Estos vienen en muchos estilos y se pueden fijar al costado de la página, o agregarse a la parte inferior de la publicación, o incluso agregarse a imágenes como los botones de compartir de Pinterest.
En ZDNet utilizan un rectángulo largo de botones para compartir justo debajo del título del post. Utiliza iconos planos con bloques de colores para hacer referencia a todas las redes sociales principales.
Pero nuevamente puedes encontrar un montón de ejemplos con solo mirar algunos blogs populares. Y no importa qué estilo elijas, es una buena idea prueba dividida formatos para ver cuál (es) generan la mayor cantidad de acciones.
6. Publicaciones relacionadas
Estoy seguro de que todos hemos visto los widgets titulados "también te puede gustar ..." en la parte inferior de los artículos de noticias. Algunos de estos son anuncios nativos pero los sitios estilo revista realmente usan estos widgets para promocionar contenido relevante.
Esta característica debería ser un elemento básico para cualquier blog porque es una gran manera de aumentar las visitas de página sin mucho esfuerzo. Los visitantes no siempre buscarán por categoría, pero es posible que naveguen por publicaciones relacionadas. El ejemplo a continuación de Real Simple tiene un diseño súper limpio; exactamente a lo que debes ir
Las miniaturas de publicación captarán la atención primero, así que asegúrese de que aparezcan prominentes 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 ayudando a las personas a encontrar contenido relevante.
La diferencia con el sitio de una revista es que a menudo puede parecer demasiado ocupado para buscar. Los usuarios pueden sentirse abrumados con tanto contenido y tantos enlaces que ni siquiera podrían molestarse en intentar buscar.
Un formulario de búsqueda prominente como en Push Square es ideal para fomentar más búsquedas.
Puede lanzar un icono de lupa en su navegación y usar el efecto de palanca desplegable en cada página. Naturalmente, esto funciona para móvil también 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 tanto vaga, pero la estoy cubriendo vagamente a propósito. Cada blog genérico generalmente se siente igual: párrafos sobre párrafos con poco o ningún formato personalizado.
Los excelentes temas de la revista aprovechan la personalización al agregar funciones in-post. Estos pueden ser cualquier cantidad de elementos de página que mejoren su contenido y hagan que sus publicaciones sean más fáciles de consumir. Algunas ideas que he visto utilizaron en varios sitios web:
- Citas sueltas
- Tabla de contenido
- Presentaciones de diapositivas de imágenes en el post
- "Ver también" publicaciones relacionadas
¿Recuerdas cómo mencioné el widget de publicaciones relacionadas anteriormente? Es genial agregarlo casi al final de la publicación, pero también puedes agregar contenido relacionado dentro de tu publicación.
Por ejemplo TechCrunch agrega un widget "ver también" hacia 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é características debe agregar a su sitio. Pero definitivamente dedique tiempo a hacer algunas ideas y probarlas para ver qué se adhiere.
9. Cabeceras de imagen destacadas
Si desea captar la atención desde la primera carga de la página, desea dos cosas: un encabezado grande (cubierto anteriormente) y una imagen destacada.
WordPress viene con imágenes destacadas por defecto y puede programar tamaños específicos para sus imágenes. Para blogs estilo revista, es mejor hacer estos bastante grandes y seguir el tendencia de imagen de héroe . Puede usar una imagen a pantalla completa como en la captura de pantalla Dwell a continuación. O puede diseñar imágenes que se ajusten al área de contenido de su diseño.
De cualquier forma, cada publicación debe tener una imagen considerable que ayude a vender el contenido. Verás esto en casi todos los blogs de estilo de revista, ¡incluso en esta publicación si te desplazas hacia la cima!
Tenga en cuenta todas estas ideas al diseñar su diseño y deje mucho espacio para imágenes destacadas llamativas.
