# Narrativa Visual De Datos Dashboard Analytics Visual Storytellin > La Narrativa Visual de Datos (v2.0) es la competencia de diseñar experiencias informativas (Dashboards, Infografías, Reportes) que utilicen el diseño visual como hilo conductor. No es solo "poner gráficos"; es Ingeniería de la Percepción Estratégica. Úsala para tareas de Datos y Analítica: data-storytelling, visual-narrative, dashboard-design, insight-presentation, data-visualization, persuasion-science. - Skill: `jesusgarciafernandez/narrativa-visual-de-datos-dashboard-analytics-visual-storyte` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add jesusgarciafernandez/narrativa-visual-de-datos-dashboard-analytics-visual-storyte` - Raw SKILL.md: https://api.skillmd.com/api/skills/jesusgarciafernandez/narrativa-visual-de-datos-dashboard-analytics-visual-storyte/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Data & Analytics - License: CC BY-NC-SA 4.0 - Author: jesusgarciafernandez (https://skillmd.com/u/jesusgarciafernandez) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/jesusgarciafernandez/narrativa-visual-de-datos-dashboard-analytics-visual-storyte --- ## 0. Filosofía Human-Centric AI *Esta habilidad transforma la frialdad de los datos en claridad narrativa a través del diseño visual, utilizando la tecnología para jerarquizar la información y permitir que el humano cuente historias potentes que reduzcan la carga cognitiva de la audiencia y faciliten acuerdos estratégicos basados en la evidencia compartida.* **El Rol del Humano:** El Diseñador de Narrativa Visual debe ser un "Garantes del Mensaje Significativo". La IA puede sugerir la mejor paleta de colores para maximizar el contraste, automatizar la creación de diseños (layouts) de dashboards equilibrados y detectar qué métricas están "contando una historia" atípica, pero solo el humano puede imbuir al dato de una intención persuasiva honesta, decidir qué elementos visuales son necesarios para guiar la mirada hacia la conclusión crítica, y asegurar que la belleza estética de una visualización nunca eclipse la integridad y veracidad de la información que se presenta. **Empoderamiento:** Usamos la tecnología para sustituir la "fatiga de cuadros" por una experiencia visual fluida y reveladora sobre el estado del negocio. --- ## 1. Descripción Detallada La Narrativa Visual de Datos (v2.0) es la competencia de diseñar experiencias informativas (Dashboards, Infografías, Reportes) que utilicen el diseño visual como hilo conductor. No es solo "poner gráficos"; es **Ingeniería de la Percepción Estratégica**. El enfoque v2.0 se centra en el **Analytics UX**, integrando principios de la Gestalt, jerarquía visual y arcos narrativos dentro de herramientas de BI. El objetivo es pasar de la visualización pasiva (un panel que solo existe) a la narrativa activa (un panel que explica un problema y propone una solución). ## 2. Escenarios de Aplicación - **Diseño de Dashboards de Mando Ejecutivo:** Creación de paneles que resumen la salud de la empresa con una narrativa de "semáforo" y tendencias claras. - **Creación de Infografías Persuasivas:** Traducción de estudios de mercado complejos en documentos visuales fáciles de entender para prensa o clientes. - **Reporting de Resultados de Marketing:** Narrativa visual que une la inversión con el resultado, explicando el "camino de la conversión" de forma gráfica. - **Visualización de Flujos y Procesos (Sankey):** Representación de cómo se mueven los recursos o los usuarios a través de un sistema. - **Presentaciones Técnicas para No-Técnicos:** Simplificación visual de arquitecturas de datos o modelos de IA para juntas directivas. ## 3. Requisitos de Implementación - **Habilidad de Síntesis Analítica:** Capacidad para identificar el "Insight Maestro" que debe destacar sobre todo lo demás. - **Domino de Herramientas de Visualización:** Uso avanzado de Looker Studio, Power BI, Tableau, Flourish o Figma para prototipado. - **Principios de Diseño de Información:** Conocimiento de jerarquía, espacios en blanco, tipografía de datos y uso estratégico del color. - **Estructuración Narrativa (The Pyramid Principle):** Capacidad para presentar primero la conclusión y luego las evidencias que la sustentan. --- ## 4. Diferencial: Visualización de Datos vs. Narrativa Visual v2.0 | Dimensión | Enfoque Legacy (Visualización) | Narrativa Visual (v2.0) | | :--- | :--- | :--- | | **Objetivo** | Informar (visto). | Persuadir y Actuar (entendido). | | **Carga Cognitiva** | Alta; el usuario debe buscar el dato. | Baja; el diseño entrega el hallazgo hecho. | | **Contexto** | Gráficos desconectados. | Flujo de información conectado (Story). | | **Estética** | Decorativa o inexistente. | Funcional y orientada a la claridad. | --- ## 5. Instrucciones y Pasos Detallados (Protocolo Maestro) ### Fase 1: Arquitectura del Mensaje y Storyboarding **Objetivo:** Definir qué historia vamos a contar antes de abrir la herramienta de diseño. 1. **Definición de la Pregunta de Negocio:** IA ayuda a concretar qué duda estamos resolviendo (Ej: ¿Por qué han bajado las ventas en Madrid?). 2. **Mapeo del Flujo Visual:** Esbozo de cómo debe viajar la mirada del espectador (Titulares -> KPIs -> Tendencias -> Detalle). **Prompt Maestro de Narrativa Visual de Datos:** ```text Actúa como un Senior Visual Storyteller y Data Artist. Diseña la narrativa visual para el reporte de [TEMA_REPORTE]. 1. Estructura el Arco Narrativo: Plantea el 'Conflicto' (el dato que preocupa), el 'Desarrollo' (las causas detectadas) y la 'Resolución' (la propuesta técnica). 2. Elige las Visualizaciones Óptimas: ¿Qué 3 tipos de gráficos (Ej: Slope chart, Bullet chart, Heatmap) usarías para que el mensaje sea instantáneo? 3. Jerarquía y Enfoque: ¿Qué color de acento usarías para resaltar el hallazgo clave y qué elementos 'ruido' eliminarías del diseño? 4. Redacción de Insights: Genera 3 titulares potentes que sustituyan a los aburridos 'Gráfico de Ventas' por frases accionables (Ej: 'La retención cae por lentitud en el pago'). 5. Call to Action Visual: ¿Cómo cerramos el reporte visualmente para que la audiencia sepa qué botón pulsar o qué decisión tomar? ``` ### Fase 2: Diseño, Refinamiento y Feedback Visual ... (Expansión técnica sobre el uso de microrrelatos en los tooltips de los gráficos, la implementación de la técnica de 'Pre-attentive attributes' para capturar la atención en <250ms y la creación de un sistema de diseño de datos (Data Design System) para mantener la consistencia en todos los dashboards de la organización) ... --- ## Referencia ampliada Para ejemplos extendidos, métricas y notas, consulta [`reference.md`](reference.md) (cárgalo solo cuando necesites ese detalle).