Product Craft Bible
Changelog & What's new UI
Inicio SaaS y Admin Changelog & What's new UI
SaaS y Admin

Changelog & What's new UI

8 reglas keepachangelog.com · frill.colinear.app/changelog · frill.coannouncekit.app · nn/gkeepachangelog.com · linear.app
132

Changelog & What's new UI

8 reglas
1166

Escribe cada entrada desde el beneficio, no desde el commit

El changelog no es un git log formateado: es una herramienta de adopción. Cada entrada debe responder "que puedo hacer ahora que antes no podia", no "que modifico el ingeniero". "Corregido bug #4821 en parser YAML" no comunica valor; "Los archivos de configuración ya no fallan en silencio al cargar" si. El tono imperativo ("Ahora puedes X") implica agencia y reduce la carga cognitiva al escanear.

keepachangelog.com · frill.co
Preferir
Corregido
Los documentos con campos vacios ya no causan error al guardar
Ahora puedes abrir y guardar archivos con datos incompletos sin perder tu trabajo.
Evitar
Fixed
Resolved NullPointerException in DocumentParser.parse() when input stream is null (#4821)
1167

Separa el sumario editorial de la lista exhaustiva

Mezclar features principales, tweaks de UI y typos en una lista plana obliga al usuario a extraer señal del ruido. Muestra un sumario editorial de lo más impactante (2-4 items) visible de inmediato, con la lista completa tras un control de expansión. Linear aplica este patrón: un hero por release con título, contexto y media, seguido de secciones colapsadas de "Fixes, Improvements, API changes".

linear.app/changelog · frill.co
Preferir
Lo nuevo
AI Autocomplete
Escribe la mitad, termina el doble. Sugerencias contextuales mientras redactas.
23 mejoras y correcciones esta semana
Evitar
New: AI autocomplete
Fix: scrollbar width on Windows
Improvement: tooltip delay
Fix: typo in onboarding
New: dark mode toggle
...18 items más, todos al mismo nivel
1168

No interrumpas con modal en cada release: usa badge o inbox

Un modal de "What's New" en cada deploy genera fricción acumulativa y entrena al usuario a cerrar sin leer, quemando confianza. El modal solo es adecuado para cambios criticos (seguridad, breaking changes, migración). Para actualizaciones rutinarias, usa un badge silencioso en navegación o un inbox de notificaciones: el usuario consulta cuando quiera sin interrumpir su tarea.

announcekit.app · nn/g
Preferir
Panel
Novedades
Ajustes
Evitar
Nuevas funciones disponibles!
Te mostramos lo que cambio en esta versión.
Ver ahora Cerrar
1169

Agrupa por fecha o versión, lo más reciente primero

El orden cronologico inverso es el único útil: el usuario quiere saber que cambio hace poco. Cada grupo muestra la fecha de release de forma visible (no solo el número de versión, opaco para no-técnicos) como ancla de navegación. Las fechas relativas ("hace 5 días") hacen el changelog sentirse vivo; las absolutas dan precisión para soporte. Versiones sin fecha rompen la confianza.

keepachangelog.com · linear.app
Preferir
12 junio 2026hace 5 días
Exportación a PDF con marca
Ahora puedes anadir tu logo a cualquier exportación.
5 junio 2026hace 12 días
Busqueda más rápida
Resultados en menos de la mitad del tiempo.
Evitar
v2.4.1Fixed scrolling issue
v2.4.0Added export panel
v2.3.9Minor tweaks
1170

Categoriza Added / Fixed / Changed de forma escaneable

keepachangelog define categorías estandar (Added, Changed, Fixed, Removed, Deprecated, Security) que permiten al lector saltar a lo que le importa. Una etiqueta visual consistente por tipo de cambio, con color y texto, hace el feed escaneable sin leer cada línea. Evita inventar nombres ad hoc por release: la consistencia entre versiones es lo que vuelve útil la categoría.

keepachangelog.com
Preferir
Added Plantillas compartidas entre tu equipo.
Changed El panel de filtros ahora recuerda tu última selección.
Fixed Las exportaciones grandes ya no se cortan a la mitad.
Evitar
- Cosas nuevas y arreglos
- Mejoramos algunas pantallas
- También arreglamos un par de bugs
- Otros cambios menores
1171

Caduca el badge "Nuevo" al verlo o tras un plazo

El badge "Nuevo" solo tiene valor mientras la feature realmente lo es. Si permanece para siempre, pierde significado y el usuario lo ignora ("el niño que gritaba lobo"). Caduca la señal en dos condiciones: cuando el usuario visita la entrada, marcandola como leida, y tras un plazo máximo (tipicamente 14-30 días). La primera respeta la agencia; la segunda mantiene la UI limpia. El modelo mental correcto es "hay algo sin ver", no "esto es nuevo para siempre".

material design 3 · setproduct.com
Preferir
Exportar a PDF Nuevo
Desaparece al abrir el panel de novedades, o tras 21 días sin verlo
Evitar
Exportar a PDF Nuevo
Lanzado hace 4 meses, el badge nunca desaparecio
1172

Enlaza a documentación o a la pantalla desde cada entrada

El changelog es un punto de descubrimiento, no el destino de aprendizaje. Una entrada despierta interes, pero si el usuario no puede pasar a la acción de inmediato la oportunidad de adopción se pierde. Cada feature de complejidad media o alta debe enlazar a su documentación, tutorial o pantalla de ajustes. Un CTA específico ("Ver opciones de exportación") supera al genérico "Leer más". Los bug fixes menores pueden omitir el enlace.

keepachangelog.com · linear.app
Preferir
Nuevo modo de exportación por lotes
Exporta varios archivos a la vez. Disponible desde Archivo → Exportar.
Ver opciones de exportación
Evitar
Nuevo modo de exportación por lotes
Hemos anadido una forma de exportar varios archivos a la vez con plantillas personalizadas.
El usuario tiene que buscarlo por su cuenta
1173

Anuncia con semántica accesible y aria-live, sin robar foco

El panel de "What's New" debe ser navegable por teclado, con encabezados semánticos (h2/h3 por fecha y feature) y aria-live="polite" o role="log" cuando actualiza dinamicamente. Nunca debe robar el foco ni exigir interacción para cerrarse. El badge de conteo sin leer necesita aria-label que exprese el número ("3 novedades sin leer"), no solo el digito visual. assertive es demasiado disruptivo salvo alertas criticas.

wcag 4.1.3 · w3c aria23 · nn/g
Preferir
h2 Novedades 3
h3 12 junio: exportación PDF
aria-live="polite" · encabezados semánticos · foco al trigger al cerrar
Evitar
Novedades 3
12 junio: exportación PDF
<div class="date"> sin h2 · badge "3" sin aria-label · abre con focus robado