Explore

Referencias de buenas prácticas

Índice/Home Blog

⁠

https://www.nngroup.com/articles/⁠

ser breves con el contenido a mostrar también permite al usuario querer hacerlo

⁠

https://www.figma.com/blog/⁠

distribución puntual y visual del blog como tal. Me genera curiosidad de scroll, sobre todo porque las imagenes están optimizadas visualmente

Tiene como principal enfoque convertir a suscriptores, no otro formulario mas complejo

Idea de buscador destacado con los topics a la mano (filtros):

https://help.figma.com/hc/en-us⁠

⁠

No distraigo con imagenes, es mas puntual con los titulos para enfocar la atención al articulo que se quiere destacar

https://blog.hubspot.com/⁠

⁠

Exit intent si llegó al final del blog y no se suscribió

⁠

Dividir los blogs en categorias o tipos de user:

https://www.canva.com/es_es/aprende/⁠

⁠

Utilizar imágenes y gifs que permitan visualizar el dinamismo y sea atractivos (aquí dependemos de imagenes relacionadas muy puntuales y acorde al estilo visual de la marca, podria ser limitante)

https://newsroom.spotify.com/⁠

⁠

Previews(covers) de cada blog personalizados por el topic para permitir un estilo visual limpio y claro

https://www.grammarly.com/blog/⁠

Al igual que la distribución, solo destacando un blog y no distraer de los otros.

El carrusel destacado con los blogs más leidos o recomendados aparte del tab de contenido ya dividido, facilita la lectura y enfoca en una sola cosa al usuario sin tener que buscar uno por uno (ya está todo separado)

https://www.oneplus.com/global/blog⁠

⁠

Esta es otra forma de utilizar los tabs para distribuir el contenido del blog

https://buffer.com/resources/⁠

⁠

Jeff: Lead magnet agente conversacional growth lead

Interna Post Blog

Optimizar algo similar a los blogs:

⁠

https://www.nngroup.com/articles/return-ux-generalist/⁠

⁠

Una de las buenas practicas UX es que el texto no ocupe todas las columnas del layout (12), porque el usuario demora más al escanear.

Debemos optimizar el layout para que le permita saber donde está, en qué parte está leyendo y cuanto le falta. Mantener la barra de progreso sería una buena practica.

Agregar contenido relacionado en el mismo fold, que se mantenga fixeado ayudaría a saber si requiere leer otro contenido similar, lo que permitiría generar más tráfico a otros blogs

La tabla de contenidos si puede ser un must, que le ayuda a contextualizar de algo que necesita a primera mano o si quiere leer todo de golpe

⁠

https://www.figma.com/blog/the-designers-handbook-for-developer-handoff/⁠

⁠

Formulario suscripción y artículos relacionados al final. No darle tanta información para que al final no se decida por ninguno

Que la tabla de contenido siempre esté fixed: lo que permitiria siempre estar en el contenido deseado y agilizar la busqueda de información requerida

https://www.figma.com/best-practices/creating-and-organizing-variants/?lang=es-es⁠

⁠

La aplicación de los CTAs son claras, ayudan a dividir la lectura y sin ser tan disruptiva. Habria que agregar requerimientos y buenas practicas para hacer CTAs que permita este tipo de fluidez

https://mailchimp.com/es/resources/creative-blog/⁠

⁠

Redes sociales a la izquierda en scroll fixed

https://www.canva.com/es_es/aprende/merchandising-empresas/⁠

⁠

Dependiendo del contenido del blog, se puede hacer que las imagenes de las cabeceras utilicen gifs para que sea mas atractivo querer leerlas

https://newsroom.spotify.com/2024-12-04/top-songs-artists-podcasts-audiobooks-albums-trends-2024/⁠

⁠

El cómo aparece y desaparece el Contenido del blog, y va transicionando según vas scrolleando (no solo su progreso) para reforzar en qué punto se encuentra. Y la ubicación de los CTAs siempre presentes pero sin ser tan distrayentes (ofreciendo servicios u otros)

https://userguiding.com/es/blog/ejemplos-de-ux-para-designers?utm_source=chatgpt.com⁠

⁠

CTAs sencillos y faciles y de aplicar, no distraen de la lectura pero si destacan lo suficiente

https://www.grammarly.com/blog/writing/24-questions-to-ask-any-ai-vendor-for-higher-education-institutions/⁠

⁠

Resumen breve de lo que tratará el blog en el inicio, en el mismo hero

https://buffer.com/resources/linkedin-consistency/⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ··· in the right corner or using a keyboard shortcut (

CtrlP

) instead.