Consolidado de Mejoras y Correcciones de UX/UI - Q3 2025

---

Descripción

Este issue épico centraliza el seguimiento de un conjunto de correcciones de bugs y mejoras de UI/UX identificadas en la plataforma. El objetivo es resolver estas tareas de manera estructurada para mejorar la experiencia del usuario y la robustez del sistema.

Checklist de Tareas y Criterios de Aceptación

Cada tarea debe ser desarrollada en una rama separada para facilitar las revisiones de código (Pull Requests) individuales.

Bugs Críticos (Blockers)

• BUG-001 | Rompecabezas: El modo "sin ayuda" no deshabilita audio y feedback visual.

  • Descripción: Al configurar un rompecabezas en modo "sin ayuda", los efectos de sonido al colocar una pieza y los indicadores de color de acierto/error funcionan aún, se supone que si están deshabilitados deberían de no funcionar.
  • Pasos para Reproducir:
    1. Navegar a Juegos > Rompecabezas.
    2. Configurar una partida asegurándose de que la opción "Ayuda" esté desactivada.
    3. Iniciar el juego y arrastrar una pieza a su lugar.
  • Criterio de Aceptación (DoD - Definition of Done):
    • ✅ Al colocar una pieza correctamente, no se reproduce el sonido de confirmación.
    • ✅ Los indicadores visuales (ej. borde verde) ya no es observable independientemente del modo de ayuda.

• BUG-002 | Perfil: La fecha "Miembro Desde" es incorrecta.

  • Descripción: La fecha mostrada en el perfil de usuario (Miembro desde) está desfasada por +1 día respecto a la fecha real de registro.
  • Análisis Técnico: Se sospecha de un error en el manejo de zonas horarias (UTC vs. local) durante el formateo de la fecha en el frontend o en la serialización de la API.
  • Criterio de Aceptación:
    • ✅ La fecha mostrada debe corresponder exactamente al día del registro del usuario, sin importar la zona horaria del cliente.

Mejoras de Experiencia de Usuario (UX) y UI

• UX-001 | Filtros: Reordenar filtros de juegos para que coincidan con la secuencia de presentación.

  • Descripción: El orden actual de los filtros de juegos no sigue la secuencia establecida, causando una leve disonancia cognitiva en el usuario.
  • Criterio de Aceptación:
    • ✅ Los filtros en la interfaz deben mostrarse en el siguiente orden: Ahorcado, Rompecabezas, Memoria, Pupiletras.

• UX-002 | Navegación: Unificar puntos de retorno al Dashboard.

  • Descripción: Desde una página accedida por un enlace compartido, la navegación de retorno no es consistente.
  • Criterio de Aceptación:
    • ✅ Al hacer clic en el logo principal de "Atzicay", el usuario es redirigido a la ruta /inicio.
    • ✅ Al hacer clic en el botón "Volver" (si existe), el usuario es redirigido a la ruta /inicio.

• UI-001 | Componentes: Implementar cierre de menús "Click Outside".

  • Descripción: Los menús desplegables (filtros, perfiles) permanecen abiertos si no se interactúa directamente con ellos, obstaculizando la vista de otros elementos.
  • Criterio de Aceptación:
    • ✅ Cualquier menú desplegable o modal secundario se cierra automáticamente cuando el usuario hace clic fuera de sus límites.

• UI-002 | Perfil: Garantizar la carga visible de la valoración.

  • Descripción: La valoración por estrellas del perfil a veces no se renderiza, dando la impresión de que no existe.
  • Criterio de Aceptación:
    • ✅ Mientras los datos de valoración se cargan, debe mostrarse un estado de "Cargando" (ej. un skeleton loader).
    • ✅ La valoración debe mostrarse correctamente una vez que la llamada a la API sea exitosa.
    • ✅ Si hay un error en la carga, debe mostrarse un estado de error o un valor por defecto.

• UI-003 | Localización: Reemplazar "dashboard" por "Inicio".

  • Descripción: El término "dashboard" debe ser localizado al español para mantener la consistencia del idioma en la plataforma.
  • Criterio de Aceptación:
    • ✅ En breadcrumbs y títulos de página, el texto Dashboard se reemplaza por Inicio.
    • ✅ El enlace debe actualizarse debería ser https://atzicay.webhop.me/inicio

• UI-004 | Layout: Corregir espaciado en la barra lateral.

  • Descripción: Se ha detectado un espacio vacío anómalo en el layout de la barra lateral.
  • Criterio de Aceptación:
    • ✅ El espacio vacío es eliminado y los elementos dentro de la barra lateral se distribuyen de manera uniforme y alineada según el manual de diseño.

• UI-005 | Responsividad: Ajustar barra de búsqueda en móvil.

  • Descripción: La barra de búsqueda principal se rompe visualmente en resoluciones de dispositivos móviles entre la barra lateral y la barra de búsqueda se superponen.
  • Criterio de Aceptación:
    • ✅ La barra de búsqueda es completamente usable y estéticamente correcta en anchos de pantalla de 360px a 480px.
    • ✅ El campo de búsqueda y el botón no se desbordan de su contenedor.

---

• epic
• bug
• enhancement
• UI
• UX
• responsive
• component:profile
• component:games
• component:layout
• priority:high @daramoss03 @IngSystemCix @DevAgust @R0dri-Dev Created by @hchin11