Con tu nombre y tu PIN la bitácora recuerda lo que has hecho y separa tu trabajo del de tus compañeros.
Lo que sigue
El método que seguimos
- Entender a las personas. Investigamos con usuarios reales antes de proponer nada.
- Definir el problema. Convertimos lo que oímos en un problema claro y accionable.
- Explorar soluciones. Muchas ideas, y luego decidimos qué entra al producto.
- Prototipar. Lo hacemos tangible para poder probarlo.
- Validar con usuarios. Probamos, medimos y corregimos con evidencia.
- Contar el proceso. Documentamos las decisiones y el impacto.
Es diseño centrado en el usuario: cada paso se sostiene en evidencia, no en opiniones. Las actividades de cada módulo te llevan por este recorrido.
Bitácora del proyecto
Este es el documento de trabajo compartido del equipo. Lo que escriban se guarda solo y lo ven todos los que tengan el enlace — trabajen en simultáneo sin pisarse.
- Abran la fase activa y léanla en voz alta (5 min).
- Repartan los bloques: uno por persona o pareja.
- Registren al menos una entrada en la bitácora con la evidencia del día.
- Cierren marcando los bloques como listo y anotando el siguiente paso.
Encuadre del proyecto
Antes de investigar, acordemos qué vamos a construir y por qué nos importa.
Nombre del proyecto
Un nombre corto y memorable. Puede cambiar más adelante.
El proyecto en una frase
Completen: “Ayudamos a ___ a ___ para que ___”.
Reto elegido y por qué nos importa
¿Qué problema real quieren atacar? ¿Qué los conecta con él?
Equipo y roles
Un integrante por línea. Roles sugeridos: facilitador, documentador, escéptico, presentador.
Supuestos iniciales por verificar
Lo que hoy creemos sin evidencia. Volveremos a esta lista al final de Empatizar.
Sin notas todavía en esta fase.
- El reto está escrito en una frase clara
- Los roles están repartidos
- Hay al menos 3 supuestos por verificar
Empatizar
Salgamos de nuestras suposiciones: escuchemos y observemos a las personas reales.
¿A quién le diseñamos?
Describan al grupo de personas. Eviten “todo el mundo”.
Contexto de uso
¿Dónde, cuándo y con qué limitaciones usarían el producto?
Guion de entrevista
5 a 7 preguntas abiertas, una por línea. Pregunten por experiencias pasadas, no por opiniones futuras.
Empathy map
Qué DICE, PIENSA, HACE y SIENTE la persona. Anoten contradicciones: ahí hay oro.
Evidencias de campo
Resumen de lo observado. El detalle de cada sesión va en la bitácora de abajo.
Sin notas todavía en esta fase.
- Se hicieron al menos 3 entrevistas u observaciones
- Hay notas registradas en la bitácora
- El empathy map está completo
Definir
Convirtamos lo que escuchamos en un problema claro y accionable.
Hallazgos → insights
Un insight por línea. Recuerden: un dato no es un insight; el insight explica el porqué.
Persona principal
Nombre, contexto, metas y frustraciones — todo basado en la investigación.
Journey map
Etapas del recorrido, qué hace en cada una, cómo se siente y dónde se frustra.
Declaración del problema (POV)
“[Persona] necesita [necesidad] porque [insight]”. Una sola frase.
¿Cómo podríamos…?
3 a 5 preguntas que abran soluciones sin proponerlas todavía.
Sin notas todavía en esta fase.
- El POV está en una sola frase
- La persona se sustenta en la investigación
- Hay al menos 3 preguntas “¿Cómo podríamos…?”
Idear y estructurar
Ahora sí: muchas ideas, y luego decisiones sobre qué entra al MVP.
Lluvia de ideas
Cantidad antes que calidad. Sin juzgar, una idea por línea.
Priorización y alcance del MVP
Clasifiquen con MoSCoW (Must / Should / Could / Won't) o impacto vs esfuerzo.
Propuesta de valor
¿Por qué alguien usaría esto en vez de lo que ya usa?
Arquitectura de información
Inventario de contenido y cómo se agrupa. Usen las etiquetas del usuario, no las internas.
Flujo de la tarea principal
Paso a paso de la tarea clave, incluyendo los puntos de decisión.
Sin notas todavía en esta fase.
- El alcance del MVP está decidido y escrito
- La tarea principal está mapeada de inicio a fin
- La propuesta de valor es clara
Prototipar
Hagamos tangible la idea: de wireframes a un prototipo navegable.
Sistema visual
Tipografía, escala, paleta y espaciado. Anoten el contraste verificado (mínimo 4.5:1).
Wireframes (baja fidelidad)
Enlace a Figma, Drive o foto de los bocetos.
Prototipo interactivo
Enlace al prototipo navegable en Figma.
Decisiones de diseño (rationale)
Una decisión por línea con su porqué. Esto alimenta el caso de estudio.
Rondas de prototipo
Una línea por ronda: qué cambió y por qué. El prototipo se mejora varias veces, no una.
Feedback de usuarios sobre el prototipo
Lo que dijeron al ver el prototipo. Cada línea, una observación textual del usuario.
Uso de IA
¿Qué generaron con IA y qué decidieron a mano? Sean honestos: es parte del aprendizaje.
Sin notas todavía en esta fase.
- Existe un prototipo navegable compartido
- Se hizo al menos una ronda de mejora con feedback de usuarios
- El contraste del sistema visual está verificado
- Las decisiones clave están justificadas
Evaluar
Probemos con personas reales y corrijamos con evidencia, no con opiniones.
Plan de prueba
¿Qué tareas van a pedir, a cuántas personas y cómo? Recuerden: con ~5 basta.
Sesiones de prueba realizadas
Una línea por sesión: fecha, con quién y qué tareas se probaron.
Hallazgos priorizados
Un hallazgo por línea con su severidad: bloqueante / grave / menor / cosmético.
Qué cambiamos (antes → después)
Cada cambio debe apuntar a un hallazgo concreto.
Chequeo de accesibilidad
Contraste, navegación por teclado, textos alternativos, tamaño de toque (44px).
Sin notas todavía en esta fase.
- Se probó con al menos 3 personas
- Los hallazgos están priorizados por severidad
- Se aplicó y registró al menos una iteración
Contar el proyecto
El trabajo vale lo que se sabe comunicar. Armemos la historia del proceso.
Caso de estudio
Problema → proceso → decisiones → impacto. La historia, no solo las pantallas.
Presentación final
Enlace a la presentación o al documento final.
Aprendizajes del equipo
Qué se llevan, qué harían distinto. Uno por línea.
Próximos pasos
Si el proyecto continuara, ¿qué sigue?
Sin notas todavía en esta fase.
- El caso de estudio cuenta el proceso completo
- La presentación está lista y compartida
- Están escritos los aprendizajes del equipo
Cierre y entrega final
El repositorio final del proyecto: todo lo que se entrega a la institución, en un solo lugar.
Producto digital final
Enlace al prototipo o producto terminado, listo para mostrar.
Presentación de sustentación
La presentación con la que defienden el proyecto ante la institución.
Documento del proceso
El documento consolidado: investigación, decisiones, pruebas y resultados.
Enfoque de cada integrante
Una línea por persona: qué matiz o especialidad aportó al producto común.
Impacto esperado en la institución
¿Qué mejora concretamente para las personas de la institución si esto se implementa?
Qué quedó pendiente
Honestidad profesional: lo que no alcanzó a resolverse y por qué.
Sin notas todavía en esta fase.
- El producto final está enlazado y accesible
- La presentación está lista para sustentar
- Está documentado el aporte de cada integrante
- El repositorio de entregables está completo y ordenado
Actividades por módulo
Cada módulo del curso se cierra aquí: responden la actividad, suben la evidencia, escriben su reflexión y explican cómo aporta al producto común. Las actividades grupales recogen el enfoque de cada integrante y una síntesis del equipo.
Elijan una app o sitio que usen a diario y auditen su jerarquía visual, contraste, consistencia y affordances. Señalen 3 aciertos y 3 problemas.
- Identifica jerarquía y contraste con criterio
- Distingue un problema real de un gusto personal
- Usa el vocabulario del módulo (affordance, significante, jerarquía)
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Entre los cuatro, revisen 3 productos del dominio del reto institucional, listen los patrones de UI que se repiten y acuerden el encuadre del proyecto.
- El reto queda en una sola frase clara
- Los patrones citados son pertinentes al reto
- Participaron los cuatro con su enfoque
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Síntesis del equipo
Acuerdo final del equipo sobre esta actividad.
Evalúen un flujo completo (inscribirse, pagar, consultar) contra las 10 heurísticas y clasifiquen cada hallazgo por severidad.
- Cada hallazgo cita la heurística que incumple
- La severidad está justificada
- Propone una mejora concreta por hallazgo
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Definan juntos el usuario objetivo y su contexto en la institución, y construyan un guion de 5 a 7 preguntas abiertas sobre experiencias pasadas.
- El usuario está delimitado (no es todo el mundo)
- Las preguntas son abiertas y no sugieren la respuesta
- El contexto de uso está descrito
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Síntesis del equipo
Acuerdo final del equipo sobre esta actividad.
Cada quien entrevista al menos a una persona real del público objetivo con el guion del equipo y registra sus notas textuales en la bitácora de la Fase 1.
- Recoge frases textuales, no interpretaciones
- Registra el contexto de la persona entrevistada
- Identifica al menos un hallazgo inesperado
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Con las notas de los cuatro hagan affinity mapping, extraigan insights y construyan la persona principal, su journey map y la declaración del problema.
- Los insights explican el porqué, no repiten el dato
- La persona se sustenta en la investigación real
- El POV está en una sola frase accionable
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Síntesis del equipo
Acuerdo final del equipo sobre esta actividad.
Hagan un card sorting con usuarios reales sobre el contenido del producto y traduzcan el resultado en la estructura y las etiquetas del sistema.
- Las etiquetas usan el lenguaje del usuario
- La estructura equilibra profundidad y amplitud
- Se documenta qué cambió tras el card sorting
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Síntesis del equipo
Acuerdo final del equipo sobre esta actividad.
Diagramen paso a paso el flujo de la tarea clave del producto, incluyendo los puntos de decisión y los estados de error.
- Incluye puntos de decisión y caminos alternos
- No deja callejones sin salida
- Contempla al menos un estado de error
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Definan escala tipográfica, paleta y espaciado del producto, y verifiquen el contraste de los pares texto/fondo (mínimo 4.5:1).
- La escala tipográfica genera jerarquía clara
- El contraste cumple 4.5:1 en texto normal
- El espaciado sigue un sistema (base 8)
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
En baja fidelidad diseñen juntos las pantallas del flujo principal. Cada quien propone su versión de una pantalla y luego eligen y justifican.
- Resuelven estructura antes que estética
- Cada pantalla responde a un paso del flujo
- La decisión final está justificada
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Síntesis del equipo
Acuerdo final del equipo sobre esta actividad.
Lleven una pantalla del wireframe a alta fidelidad usando Auto Layout, componentes y estilos del sistema visual del equipo.
- Usa Auto Layout y componentes reutilizables
- Respeta el sistema visual del equipo
- El detalle visual no rompe la estructura validada
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Conecten las pantallas en un prototipo navegable listo para probar con usuarios, y documenten qué generaron con IA y qué decidieron a mano.
- El flujo principal se puede recorrer completo
- Las transiciones tienen propósito
- El uso de IA está documentado con honestidad
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Síntesis del equipo
Acuerdo final del equipo sobre esta actividad.
Prueben el prototipo con 3 a 5 personas usando la técnica de pensar en voz alta. Roten roles: quien modera, quien observa y quien documenta.
- Se probaron tareas reales, no opiniones
- Los hallazgos están priorizados por severidad
- Se documentó al menos una cita textual por sesión
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Síntesis del equipo
Acuerdo final del equipo sobre esta actividad.
Auditen el prototipo con criterios WCAG: contraste, navegación por teclado, textos alternativos, tamaño de toque y claridad del feedback.
- Cubre los cuatro principios POUR
- Cada hallazgo indica cómo se corrige
- Verifica estados y feedback de la interacción
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Cada quien escribe su caso de estudio del proyecto desde su matiz o especialidad, contando problema, proceso, decisiones e impacto.
- Cuenta el proceso, no solo el resultado
- Justifica las decisiones de diseño
- Muestra el antes y el después
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Consoliden el producto digital, la presentación y el repositorio de cierre. Preparen la sustentación ante la institución.
- El producto responde al POV definido
- La presentación narra el proceso completo
- El repositorio de cierre está completo y ordenado
¿Qué hicieron?
Describan el trabajo realizado, no la teoría.
Evidencia
Enlace al archivo, captura o documento que lo respalda.
Reflexión
¿Qué aprendieron? ¿Qué les sorprendió o les costó?
Aporte al proyecto común
¿Cómo mueve esto el producto que construimos juntos?
Síntesis del equipo
Acuerdo final del equipo sobre esta actividad.
Trazabilidad del recorrido
De un vistazo: qué se estudió en cada módulo, qué actividad lo aterrizó, a qué fase del proyecto alimentó y cómo va.
| Módulo | Actividad | Tipo | Fase del proyecto | Avance |
|---|
Repositorio de entregables
Todos los documentos y archivos del proyecto en un solo lugar, con su trazabilidad: quién lo subió, cuándo y de qué fase es.
Evidencias de las actividades
Cada enlace que suben al responder una actividad aparece aquí, con quién lo subió y de qué módulo es.
Serie documental del proyecto
Cada sesión, cada entrevista, cada prueba: aquí queda el rastro del proceso en orden cronológico.