Arquitectura y Flujos
Con los problemas diagnosticados y las necesidades validadas, diseñé una nueva arquitectura de información para la versión Desktop. Validé la estructura mediante Tree Testing con usuarios reales, reorganicé el sitemap y documenté los flujos críticos que guiarán el prototipo final.
Proceso iterativo — de la arquitectura caótica actual a una estructura validada por usuarios
Validación de Arquitectura
Dos Iteraciones, Una Lección Clara
Antes de diseñar una sola pantalla, necesitaba validar si la nueva organización de contenidos realmente funcionaba. Diseñé dos versiones del sitemap y las puse a prueba con usuarios reales mediante Tree Testing.
UXTweak — Tree Testing
10 usuarios por versión (novatos y expertos)
Etiquetas de una palabra (verbos simples) serán más intuitivas que estructuras descriptivas.
2 escenarios críticos representando a Lucas (novato) y Sebastián (experto)
Filosofía: Nombres descriptivos que explican exactamente qué contiene cada sección. Máxima claridad informativa mediante etiquetas compuestas.
| MÉTRICA | TAREA 1 | TAREA 2 |
|---|---|---|
| Éxito directo | 40% | 40% |
| Éxito indirecto | 0% | 0% |
| Fallo | 60% | 60% |
| Directness | 80% | 80% |
| Tiempo promedio | 0.48s | 0.28s |
El exceso de palabras en las etiquetas principales generó ambigüedad. La categoría “Comunidad y Espectador” mezclaba dos conceptos diferentes (interactuar vs observar), y “Sala de Juegos” sonaba demasiado informal para ser tomada en serio.
Filosofía: Etiquetas de una palabra, verbos de acción directos. Máxima claridad conceptual mediante simplicidad radical.
| MÉTRICA | RESULTADO |
|---|---|
| Éxito directo | 66.7% |
| Éxito indirecto | 33.3% |
| Fallo | 0% |
| Directness | 66.7% |
| Tiempo promedio | 0.18s |
✅ 2 usuarios → Aprender > Fundamentos (directo)
✅ 1 usuario → Jugar → Resolver → Aprender (indirecto, completó)
| MÉTRICA | RESULTADO |
|---|---|
| Éxito directo | 100% |
| Fallo | 0% |
| Directness | 100% |
| Tiempo promedio | 0.12s |
✅ 3 usuarios → Jugar > Bot (éxito directo unánime)
| MÉTRICA | v1 | v2 | MEJORA |
|---|---|---|---|
| Tasa de éxito | 40% | 100% | +150% |
| Éxito directo | 40% | 83.5% | +108% |
| Tiempo promedio | 0.38s | 0.15s | −60% |
| Directness | 80% | 83.5% | +4.4% |
La simplicidad venció a la claridad descriptiva. Los usuarios navegan más rápido cuando las etiquetas son inequívocas y breves, no cuando son exhaustivamente explicativas.
Arquitectura de Información Validada
Del Caos a la Claridad
Con la estructura aprobada por los usuarios, documenté el sitemap definitivo que guiará el rediseño de la navegación Desktop. La solución final son 8 categorías validadas que combinan verbos de acción con sustantivos de contexto.
| DE (v1) | A (v2) | POR QUÉ FUNCIONÓ |
|---|---|---|
| Sala de Juegos | Jugar | Verbo directo, sin ambigüedad. 100% de usuarios entendieron que aquí inician partidas. |
| Puzzles y Retos | Resolver | Verbo específico. Separa la acción táctica ("resolver puzzles") del concepto genérico. |
| Análisis y Estudio | Analizar | Verbo inequívoco. Define la acción sin mezclar conceptos. |
| Comunidad y Espectador | Ver + Comunidad (separados) | Intenciones completamente diferentes: observar pasivamente vs interactuar activamente. |
| Apoyar a Lichess | Apoyar | Mismo concepto, sin palabras innecesarias. |
| Mi Perfil | Cuenta | Estándar de la industria. Usuarios lo reconocen inmediatamente. |
Sitemap final validado — 8 categorías reorganizadas con criterio pedagógico novato → experto
Flujos de Tareas Críticas
Documenté los tres flujos lineales más importantes que deben funcionar sin fricción en el rediseño. Estos taskflows representan el camino mínimo que un usuario debe recorrer para completar acciones clave.
Un Task Flow es lineal y no incluye bifurcaciones. Solo muestra el camino feliz (happy path) de una tarea específica.
Task Flow — mapeo de los tres flujos críticos
Onboarding (Primer Uso)
Lucas (novato que llega por primera vez)
Configurar perfil y jugar primera partida en menos de 3 minutos
Hallazgo Heurístico #10 (onboarding inexistente)
Usuario completa partida vs bot sin abandonar el flujo
El onboarding ofrece bifurcación final "Aprender o Jugar" para respetar la intención del usuario.
Jugar Partida Rápida
Lucas (usuario recurrente que ya conoce la plataforma)
Iniciar partida Blitz en menos de 30 segundos desde homepage
Hallazgo Heurístico #6 (demasiados clics para acciones frecuentes)
Usuario está jugando partida en menos de 30 segundos
Botón "Jugar" prominente en el Dashboard. La pantalla "Tipo de Partidas" muestra configuraciones rápidas con un solo clic adicional.
Análisis de Partida
Sebastián (experto que acaba de terminar una partida)
Acceder al motor de análisis desde el historial de partidas
Hallazgo Heurístico #2 (herramientas avanzadas enterradas en menús)
Usuario accede al motor Stockfish con la partida cargada
La categoría "Analizar" (v2) es mucho más clara que "Análisis y Estudio" (v1) porque separa conceptualmente las acciones.
Flujos de Usuario con Decisiones
Los User Flows mostrarán los caminos alternativos y puntos de decisión que los usuarios enfrentan durante tareas más complejas, incluyendo bifurcaciones, rutas de error y recuperación.
Bifurcaciones entre modos de juego (rápido vs torneo)
Rutas de error y recuperación (partida no encontrada, timeout)
Navegación entre análisis de partida y estudio colaborativo
Navegación + Pantallas Integradas
Los Wireflows combinarán los flujos de navegación con wireframes de baja fidelidad, mostrando visualmente cada pantalla del recorrido completo.
Wireflow completo del Onboarding (Task Flow 1)
Wireflow de búsqueda y emparejamiento de partida
Wireflow de creación y edición de Estudio colaborativo
De la Arquitectura al Prototipo
Con la arquitectura validada mediante Tree Testing, el sitemap reorganizado y los flujos críticos documentados, el siguiente paso es traducir esta estructura en prototipos interactivos que materialicen las decisiones de diseño.
La simplicidad verbal gana
Etiquetas de una palabra superaron a descripciones largas en un 150% de mejora en tasa de éxito.
Separar observar de interactuar
La división de "Comunidad y Espectador" (v1) en "Ver" + "Comunidad" (v2) eliminó la mayor fuente de confusión.
Verbos para acciones, sustantivos para espacios
Este patrón híbrido respeta cómo las personas navegan según su intención (hacer algo vs gestionar algo).
"Capítulo 5 — Prototipos interactivos que dan vida a la nueva arquitectura: Dashboard modular, Onboarding progresivo y acceso directo a herramientas avanzadas."