Proyecto de Visualización de Información · IIC2026

Entrega 1 — el proceso de diseño de una visualización interactiva y sonora

Un proyecto completo desde la primera semana; cuatro versiones de diseño, cada una con su porqué.

40 % del proyecto · 32 % de la nota final Grupal Entrega: Jueves 22 de octubre de 2026 · 23:59

Lo que se evalúa aquí es el proceso de diseño, no el resultado

Hoy, con Claude Code o Antigravity, una visualización interactiva y sonora se construye en una tarde: la parte "difícil" ya no es mérito. Por eso esta entrega no premia llegar al resultado, sino iterarlo: partir de una idea completa y mejorarla durante semanas — discutiendo, criticando, descartando y justificando — hasta que el diseño esté a la altura del mensaje. Deberán documentar al menos cuatro versiones y el porqué racional de cada evolución.

Un resultado sobrio con un proceso de diseño claro y bien argumentado vale más que un resultado espectacular con un proceso mal documentado o reconstruido a última hora.

1. Qué deben construir

Una visualización de información interactiva y con sonificación, publicada en la web, que comunique de manera efectiva un mensaje a partir de un conjunto de datos elegido libremente por el grupo.

Partan completos desde el día uno. La V1 ya debe ser una visualización interactiva y sonora funcionando — construirla es rápido con los agentes de IA del curso. El trabajo de las semanas siguientes no es agregar piezas cada vez más difíciles: es iterar el diseño de esa idea completa hasta que comunique de verdad. Ese proceso es lo que esta entrega documenta.

Antes de partir: apenas tengan identificado el dataset y una idea tentativa del mensaje principal, completen este formulario. Si llegan dos ideas similares, tiene prioridad la primera; el otro grupo deberá ajustar su propuesta. Si más adelante cambian el dataset o la idea general, deben enviar un nuevo formulario justificando el cambio.

2. Las cuatro versiones

El proyecto se documenta como una secuencia de al menos cuatro versiones, repartidas en las semanas de trabajo — el ritmo natural es una versión por semana. Cada versión es un estado completo, funcional y razonable del proyecto: algo que se puede usar, mostrar y discutir. Lo que cambia entre una versión y la siguiente no es la cantidad de tecnología: es la calidad del diseño.

Una iteración puede tocar cualquier frente — afinar el mensaje, rehacer la forma visual, repensar la interacción, rediseñar la sonificación, o varios a la vez. Lo único que no puede pasar es el cambio inexplicado: cada evolución nace de una discusión — las revisiones con el equipo docente, la revisión entre pares, la evaluación con usuarios, la crítica interna del grupo a la luz de los principios del curso — y se justifica.

V1La idea completa

La primera versión ya lo tiene todo: mensaje, datos, forma visual, interacción y sonificación funcionando. No importa que esté cruda — importa que sea discutible: es el material de la primera crítica seria.

V2Primera iteración de diseño

Qué no estaba funcionando — del mensaje, de la forma, de la interacción, del sonido — y cómo lo mejoraron. Aquí se nota el efecto de la R1, la primera revisión con el equipo docente.

V3Segunda iteración de diseño

El diseño se afina: jerarquías, percepción, los detalles de la interacción, el rol exacto del sonido. Las decisiones se vuelven más finas y las justificaciones, más precisas — alimentadas por la R2, la revisión entre pares, y/o la evaluación con usuarios.

V4La versión final

El cierre, tras la R3 — la última revisión con el equipo docente: los últimos ajustes justificados y el balance del recorrido — qué mejoró desde V1, y qué decidieron no cambiar y por qué. Es la versión que mejor comunica el mensaje, no la que más cosas tiene.

Cuatro es el mínimo: si su proceso real tuvo más versiones o un cambio de rumbo a mitad de camino, documéntenlo — un proceso honesto con desvíos vale más que uno lineal maquillado.

3. Las revisiones: dos con el equipo docente, una entre pares

No van a iterar solos: el proceso tiene tres instancias de discusión, intercaladas con las versiones. Son sesiones de trabajo, no interrogaciones: se mira la versión vigente, se discute qué funciona y qué no, y se sale con decisiones. Las fechas se anunciarán en clase.

MomentoInstanciaQué pasa
Entre V1 y V2 R1 — equipo docente Profesor y/o ayudantes miran la V1 funcionando, y de la discusión salen las decisiones que alimentan la V2.
Entre V2 y V3 R2 — entre pares En clase, presencial y supervisada por un ayudante: cada grupo presenta su V2, recibe feedback estructurado de otro grupo — y da el suyo sobre el proyecto ajeno. El feedback que dan también se evalúa (sección 4).
Entre V3 y V4 R3 — equipo docente Se revisa cómo evolucionó el proyecto y se afinan las últimas decisiones antes de la versión final.

El proceso completo se lee entonces como una sola historia: V1 → R1 → V2 → R2 → V3 → R3 → V4 — y así mismo, intercalado, se cuenta en el documento de entrega (ver la plantilla, sección 10).

En el documento de entrega, cada revisión es una sección propia entre las versiones: fecha, qué se discutió (síntesis breve) y qué decisiones tomaron a partir de ahí — qué adoptaron, qué descartaron y por qué — y cómo se ve eso en la versión siguiente (máximo 10 líneas por revisión).

La nota es grupal; tu comprensión, individual. En la R1 y la R3 el diálogo con el profesor es con cada integrante: preguntas sobre las decisiones de diseño, la teoría que las sustenta y la implementación. Pueden usar la IA cuanto quieran para construir — lo que no se puede delegar es la comprensión. Al cierre de la revisión, cada estudiante completa una breve autoevaluación estructurada junto a un ayudante, y el ayudante que lo observó registra sus apuntes. Cruzando ambos, la nota grupal de la entrega recibe un modificador individual: puede subir si demuestras dominio, y puede bajar significativamente — hasta ser reprobatorio — si no demuestras un mínimo de competencia sobre tu propio proyecto. La honestidad cuenta: reconocer lo que no supiste pesa distinto que negarlo.

4. El feedback al otro grupo

En la R2 — la revisión entre pares — no solo reciben feedback: también lo dan. Y darlo bien se evalúa — mirar con ojos críticos el proyecto de otro grupo es una de las mejores formas de afinar el propio.

En el documento de entrega, dediquen una sección aparte al proyecto que les tocó evaluar:

El ayudante que supervisa la sesión toma nota del feedback que cada grupo da: su calidad — especificidad, anclaje en los principios, tono constructivo — es parte de la nota (ver pauta de evaluación).

5. El registro de cada versión

Por cada una de las versiones, el documento de entrega debe incluir:

CampoQué se espera
Identificación Número de versión, fecha aproximada y commit o tag de GitHub correspondiente. Obligatorio: las versiones deben ser verificables en el historial del repositorio.
Evidencia visual y sonora Cada versión con su propia evidencia: captura(s) de pantalla y un video corto (o GIF con enlace al video) donde se vea la interacción y se escuche la sonificación de esa versión. La evolución del diseño tiene que poder verse y oírse, versión por versión.
Qué cambió Lista concreta de los cambios respecto a la versión anterior (en V1: las decisiones iniciales). Máximo 8 líneas.
Por qué cambió — el rationale La justificación razonada de cada cambio, anclada en al menos una de estas fuentes: principios del curso (percepción, Gestalt, jerarquía, ink-ratio, mantra de Shneiderman, principios de sonificación), lo discutido en las revisiones (con el equipo docente o entre pares), feedback de usuarios (thinking aloud) o evidencia de los datos. Máximo 12 líneas. Es la parte con más peso en la nota.
Qué se descartó Alternativas que consideraron o probaron y no siguieron, y por qué. Descartar con criterio también es diseñar. Máximo 5 líneas.
"Porque se veía mejor" no es un rationale. "Pasamos de un gráfico de torta a barras horizontales porque con 12 categorías la comparación de ángulos es imprecisa (percepción de posición > ángulo) y dos evaluadores no lograron ordenar las categorías en voz alta" — eso sí es un rationale.
El historial de GitHub cuenta la historia real. Cuatro versiones creadas con cuatro commits la noche anterior a la entrega no son un proceso: son una escenografía, y se penalizará fuertemente. Trabajen y suban avances durante todo el período — el repositorio es su mejor testigo.

6. Contexto general del proyecto

Además del registro de versiones, el documento incluye una sola vez:

7. Evaluación con usuarios — la hoja del observador

Al menos una ronda de evaluación con la técnica de pensar en voz alta (thinking aloud), en el momento del proceso donde más les sirva — idealmente entre V2 y V3, o entre V3 y V4. Se recomiendan dos rondas: una a mitad de camino y una hacia el final. Es la técnica de evaluación más barata y más poderosa que existe: una persona explora la visualización diciendo todo lo que pasa por su cabeza, y ustedes escuchan lo que la viz comunica de verdad — no lo que creían haber diseñado.

Cada ronda sigue esta hoja del observador, y su registro completo va en el documento:

  1. El pensador. Una persona externa al grupo, que nunca haya visto la visualización. Explora libremente diciendo en voz alta dudas, hipótesis y frustraciones; si se queda en silencio, se le recuerda seguir hablando. Ustedes no intervienen ni explican nada: si sienten la necesidad de explicar, eso ya es un hallazgo.
  2. El sonido también se piensa en voz alta. Pídanle explícitamente que comente lo que escucha: ¿qué dato cree que codifica el sonido? ¿le ayuda a entender o le estorba? La sonificación se evalúa igual que lo visual — por lo que el pensador entiende sin que se lo expliquen.
  3. La bitácora. Anoten cada ~30 segundos, o cada vez que cambie el comportamiento, en tres columnas: tiempo · lo que dice · lo que hace. La regla de oro: cita literal, no interpretación — «esto no entiendo qué quiere decir» vale más que «se confundió». Y acciones concretas: «pasa el cursor por la leyenda», «hace zoom dos veces», «vuelve al título».
  4. Las heurísticas. Al cierre, marquen cuáles de las heurísticas del curso (Zuk-Carpendale) vieron fallar durante la sesión: la importancia del dato no está clara · las distancias visuales engañan · falta contexto (fuente, pregunta) · saturación de elementos · el color confunde o no aporta · la interacción no es descubrible · el sonido no se entiende sin explicación.
  5. Las tres preguntas de cierre. A partir de lo observado — no de lo que ustedes habrían hecho: ¿dónde se atascó más tiempo? ¿qué hipótesis dijo en voz alta y resultó equivocada? (si la viz invitó a una lectura errada, el error es del diseño, no del lector) ¿qué cambio concreto sale de esta sesión?

Efecto en el proceso: indiquen explícitamente en qué transición de versión (por ejemplo, V3 → V4) se incorporó — o se decidió no incorporar, y por qué — lo aprendido.

8. Implementación y enlaces

9. Pauta de evaluación

CriterioPesoQué se mira
Proceso iterativo documentado 25 % Al menos cuatro versiones completas y verificables (commits/tags), cada una con su propia evidencia visual y sonora, y con evolución de diseño significativa entre una y otra.
Rationale de la evolución 25 % Calidad y honestidad de las justificaciones: ancladas en principios del curso, discusiones, feedback o evidencia de los datos; incluye lo que se descartó y por qué.
Revisiones (R1 · R2 · R3) 15 % Llegaron preparados a las tres instancias, y lo discutido — registrado en los apuntes de los ayudantes — fue ponderado con razones en las versiones siguientes: adoptado o descartado, siempre con argumentos.
Feedback al otro grupo 10 % Calidad del feedback dado en la R2 — específico, anclado en los principios, constructivo — según los apuntes del ayudante supervisor y la sección correspondiente del documento.
Implementación final 15 % La visualización interactiva y sonora funciona en GitHub Pages, es coherente con el mensaje y aplica los principios vistos en el curso.
Evaluación con usuarios 10 % La hoja del observador seguida y completa — bitácora con citas literales, heurísticas, preguntas de cierre —, hallazgos concretos (también sobre el sonido) y efecto visible (y explícito) en el proceso.

Esta pauta produce la nota grupal de la entrega. Sobre ella se aplica el modificador individual que sale del diálogo en las revisiones R1 y R3 (ver sección 3).

10. La plantilla del documento

Esta es la estructura exacta del documento que deben entregar — cópienla y complétenla. El corazón del documento cuenta el proceso en orden cronológico, versiones y revisiones intercaladas, para que la historia de la iteración se lea de corrido. Pueden agregar subsecciones si les sirve, pero ninguna de estas partes puede faltar.

  1. Portada Número de grupo, integrantes, y los tres enlaces: GitHub Pages, repositorio y video.
  2. Contexto general Mensaje principal (máx. 10 líneas) · Origen y procesamiento de los datos (máx. 8 líneas).
  3. V1 — la idea completa Campos de versión ↓
  4. R1 — revisión con el equipo docente Campos de revisión ↓
  5. V2 — primera iteración de diseño Campos de versión ↓
  6. R2 — revisión entre pares Campos de revisión ↓
  7. V3 — segunda iteración de diseño Campos de versión ↓
  8. R3 — revisión con el equipo docente Campos de revisión ↓
  9. V4 — la versión final Campos de versión ↓ · Si hubo versiones intermedias, agréguenlas donde correspondan.
  10. El feedback al otro grupo (lo que dieron en la R2) El proyecto evaluado (máx. 5 líneas) · el feedback que dieron (máx. 12 líneas) · lo que se llevaron para su propio proyecto (máx. 5 líneas).
  11. Evaluación con usuarios Campos de la hoja del observador ↓ · Una subsección por ronda, si hicieron más de una.

Campos de cada versión (V1–V4): identificación (fecha + commit/tag) · evidencia (capturas + video corto con interacción y sonido) · qué cambió (máx. 8 líneas) · por qué cambió, el rationale (máx. 12 líneas) · qué se descartó (máx. 5 líneas).

Campos de cada revisión (R1–R3): fecha · síntesis de lo discutido (breve) · decisiones tomadas: qué adoptaron, qué descartaron y por qué (máx. 10 líneas).

Campos de la hoja del observador (sección 7, por ronda): quién fue el pensador y cuándo (máx. 2 líneas) · la bitácora (tiempo · cita literal · acción) · qué dijo del sonido · heurísticas que fallaron · las tres respuestas de cierre: atasco, hipótesis equivocada, cambio concreto · efecto en el proceso (en qué transición de versión se refleja — o por qué no).

11. Checklist antes de entregar

12. Formato de entrega

Se entrega un único PDF. Cómo lo produzcan es asunto del grupo — Word, Google Docs, LaTeX, Markdown exportado, lo que prefieran — pero lo que se envía es un PDF, legible y con la estructura de la plantilla de la sección 10.

Envíen el PDF exclusivamente mediante este formulario: Entrega 1 — Proyecto Visualización de Información IIC2026. Entregas por otros medios descuentan puntaje de la nota final.