5 blogs que nos encantan para UX Design Inspo

Si eres uno de los blogueros que ya llevan tiempo en esto y empezaste en 2006 o antes, puede que la ‘experiencia de usuario’ (o UX, como se conoce en inglés) te sonara entonces como algo extraño.

Tener 30 enlaces en la barra lateral, diseños móvil extraños o imágenes pequeñas no estaba mal en aquellos tiempos. En 2018, en cambio, ese tipo de cosas puede afectar negativamente a tu negocio y a tu marca.

En primer lugar, tu blog nunca debería tardar más de unos pocos segundos en cargarse. La forma en la que tus usuarios lo leen y navegan por tu sitio debería ser la prioridad sobre cualquier diseño o retoque, y debes controlarla constantemente.

Ponte en la piel de tus lectores: ¿qué llama tu atención cuando navegas por tu sitio (ya sea desde un ordenador de sobremesa uy otros dispositivos? Una plataforma bien diseñada prolongará el tiempo que tus lectores pasan en tu sitio y aumentará las posibilidades de que vuelvan.

Aquí te explicamos algunos conceptos básicos de experiencia de usuario a tener en cuenta, además de cinco ejemplos de diseño en los que puedes buscar inspiración.

Piensa como una marca – Aunque lo que busques son lectores potenciales para tu blog, al diseñarlo también debes tener en cuenta a representantes, agencias y periodistas. No te interesa que a una marca le resulte difícil apreciar aquello que te hace único o ponerse en contacto contigo.

Si trabajas con WordPress, instala el plugin de Heatmap para conocer la forma en la que los usuarios interactúan con tu blog. Aprovecha la información para hacer retoques de diseños y asegúrate de que tu página Acerca de, tu información de contacto y la barra de búsqueda interna sean claras y fáciles de encontrar.

La mayoría de los usuarios esperarán encontrar estos elementos en la parte superior de la página, aunque también es buena idea tenerlos en una barra de navegación flotante.

Procúrate un diseño móvil responsivo – ¿Sabías que el 69% del tiempo que el mundo pasa en medios digitales lo hace a través de dispositivos móviles? Piensa en cómo se visualiza tu blog en pantallas más pequeñas. Un diseño inadecuado puede afectar negativamente al tiempo que tus usuarios pasan en la página.

Los elementos de diseño se adaptarán automáticamente a los diferentes tamaños de pantalla si tienes un diseño o plugin responsivos. Por lo general, verás el logo del blog seguido de algunos posts, las categorías y una foto de perfil, en lugar de una barra lateral y múltiples columnas.

Echa un vistazo a Google Analytics (Audiencias>Móvil) para ver cuánto difieren la duración de las sesiones de tus visitantes en función de sus dispositivos. Si hay una gran diferencia, quizá merezca la pena cambiar algunas cosas.

Cuando pruebes una nueva plantilla de blog, comprueba cuánto tiempo lleva bajar hasta la parte inferior de la página y valora la idea de añadir una barra de navegación permanente para aprovechar mejor el espacio.

Las ventanas emergentes son algo que también puede resultar muy molesto en móviles y, de hecho, Google ha empezado a penalizar a los sitios web más intrusivos.

5 ejemplos de buenos diseños de blogs

Aunque el blog perfecto no existe, merece la pena investigar un poco y pensar en funcionalidades que podrían hacer que tu visitante se quede y siga navegando hacia abajo en tu página. Estos son algunos de nuestros diseños favoritos:

A Pair & A Spare

El sitio de Geneva es una gozada si navegas desde un móvil. Su diseño utiliza el espacio de forma inteligente y superpone el título de cada post sobre la imagen, de manera que se puede destacar más contenido. La barra de navegación que te sigue hace que el campo de búsqueda y los botones de redes sociales sean superfáciles de encontrar en cualquier lugar de la página.

The Elgin Avenue

Cuando tu blog cubra muchos temas distintos, te interesa que las categorías se encuentren lo más fácilmente posible. La barra de navegación de Mónica está organizada metódicamente, y puedes visualizar vistas previas de cada post a medida que pasas sobre cada una.

What Olivia Did

Este diseño limpio pero peculiar destaca el contenido de archivo adecuadamente y separa de forma inteligente los posts recientes y las categorías clave. También puedes cambiar la forma en la que los posts se muestran en el escritorio.

The Chriselle Factor

El sitio tipo revista de Chriselle combina vídeos con las categorías clave en su versión simplificada para móviles.

Refinery 29

Este ejemplo no es técnicamente un blog pero demuestra que no solo deberías fijarte en los elementos obvios cuando abordes la experiencia de usuarios. Úsalo como inspiración si tu blog tiene muchas categorías.

En la versión móvil, tiene tres chorros distintos de contenidos en la parte superior de la página, y cada colección de artículos tiene una imagen y unas sensaciones distintas.