Especificacion UI Consolidada: Gamificacion

Identificador: UI-MTS-GAM-001 Modulo Funcional: MTS-GAM-001 - Gamificacion Version: 1.0.0 Fecha: 2025-12-05 Autor: MobileUxUiDrone (Eight of Eight) Estado: Especificado

---

1. Resumen Ejecutivo

Este documento consolida la especificacion de interfaz de usuario para el modulo de Gamificacion de MedTime. El sistema motiva la adherencia al tratamiento mediante puntos, niveles, logros y rachas, manteniendo siempre un tono serio y respetuoso con la salud.

1.1. Alcance

Aspecto	Descripcion
Pantallas	6 pantallas especificadas
Elementos	Puntos, Niveles (10), Logros (25+), Rachas
Categorias	Rachas, Hitos, Exploracion, Especiales
Tier	Solo Pro/Perfect (Free ve upsell)

1.2. Pantallas del Modulo

ID	Nombre	Tipo	Prioridad
SCR-GAM-001	Centro de Logros	Full Screen	Alta
SCR-GAM-002	Detalle de Logro	Full Screen / Bottom Sheet	Alta
SCR-GAM-003	Rachas de Adherencia	Full Screen	Alta
SCR-GAM-004	Niveles y Puntos	Full Screen	Media
SCR-GAM-005	Compartir Logro	Bottom Sheet	Media
SCR-GAM-006	Configuracion	Full Screen	Media

---

2. Arquitectura de Navegacion

2.1. Mapa de Navegacion

[Dashboard/Perfil] -> SCR-GAM-001 Centro
                            |
         +--------+---------+---------+--------+
         |        |         |         |        |
         v        v         v         v        v
    [Rachas]  [Hitos]  [Explor.] [Espec.]  [Config]
         |        |         |         |        |
         v        v         v         v        v
    SCR-003   SCR-002   SCR-002  SCR-002  SCR-006
         |
         +--------+--------+
         |        |        |
         v        v        v
    [Detalle] [Hitos] [Historial]

[Cualquier Logro] -> SCR-GAM-002 Detalle
                           |
                    +------+------+
                    |             |
                    v             v
              [Compartir]   [Siguiente]
                    |
                    v
              SCR-GAM-005

[Level Card] -> SCR-GAM-004 Niveles
                      |
              +-------+-------+
              |       |       |
              v       v       v
         [Puntos] [Niveles] [Desbloqueos]

---

3. Componentes UI Utilizados

3.1. Cards

Componente	Pantallas	Uso
CMP-CRD-045	SCR-GAM-001	Level Card
CMP-CRD-046	SCR-GAM-001, SCR-GAM-003	Streak Card
CMP-CRD-047	SCR-GAM-001	Achievement Card
CMP-CRD-048	SCR-GAM-001	Locked Achievement
CMP-CRD-049	SCR-GAM-002	Points Card
CMP-CRD-050	SCR-GAM-003	Best Streak Card
CMP-CRD-051	SCR-GAM-003	Shield Card
CMP-CRD-052	SCR-GAM-004	Level Hero

3.2. Lists

Componente	Pantallas	Uso
CMP-LST-036	SCR-GAM-003	Streak History
CMP-LST-037	SCR-GAM-004	Points History
CMP-LST-038	SCR-GAM-004	Level Row
CMP-LST-039	SCR-GAM-004	Unlock Item
CMP-LST-040	SCR-GAM-006	Setting Row

3.3. Tabs

Componente	Pantallas	Uso
CMP-TAB-005	SCR-GAM-001	Achievement Tabs

3.4. Images

Componente	Pantallas	Uso
CMP-IMG-005	SCR-GAM-002	Achievement Medal Large
CMP-IMG-006	SCR-GAM-005	Share Preview

3.5. Badges

Componente	Pantallas	Uso
CMP-BDG-003	SCR-GAM-002	Achievement Status

3.6. Progress

Componente	Pantallas	Uso
CMP-PRG-005	SCR-GAM-002	Achievement Progress

3.7. Modals

Componente	Pantallas	Uso
CMP-MDL-003	SCR-GAM-002	Celebration Modal
CMP-MDL-004	SCR-GAM-004	Level Up Modal

3.8. Selectors

Componente	Pantallas	Uso
CMP-RAD-006	SCR-GAM-005	Share Option
CMP-RAD-007	SCR-GAM-006	Sound Selector
CMP-SEL-007	SCR-GAM-006	Theme Selector
CMP-SEL-008	SCR-GAM-006	Icon Selector

3.9. Toggles

Componente	Pantallas	Uso
CMP-TGL-005	SCR-GAM-006	Master Toggle
CMP-TGL-006	SCR-GAM-006	Category Toggle

3.10. Heroes

Componente	Pantallas	Uso
CMP-HRO-002	SCR-GAM-003	Streak Hero

3.11. Calendars

Componente	Pantallas	Uso
CMP-CAL-005	SCR-GAM-003	Adherence Calendar

3.12. Grids

Componente	Pantallas	Uso
CMP-GRD-002	SCR-GAM-005	Share Grid

3.13. Notices

Componente	Pantallas	Uso
CMP-NTC-002	SCR-GAM-005	Privacy Notice

---

4. Sistema de Puntos

Accion	Puntos	Frecuencia
Toma confirmada	10	Por toma
Toma puntual	+5	Bonus si en ventana
Dia completo	25	Diario (100%)
Semana completa	100	Semanal (100%)
Primer uso del dia	5	Diario
Completar perfil	50	Una vez
Anadir medicamento	20	Por nuevo
Configurar cuidador	30	Una vez

Regla fundamental: Los puntos solo se obtienen, NUNCA se pierden.

---

5. Sistema de Niveles

Nivel	Nombre	Puntos	Beneficio
1	Iniciando	0	Acceso basico
2	Constante	500	Temas adicionales
3	Comprometido	1,500	Sonidos adicionales
4	Dedicado	3,500	Widgets personalizados
5	Responsable	7,000	Iconos alternativos
6	Admirable	12,000	Badge especial
7	Ejemplar	20,000	Stats avanzadas
8	Inspirador	35,000	Temas premium
9	Extraordinario	55,000	Personal. completa
10	Leyenda	80,000	Todo desbloqueado

Regla fundamental: El nivel NUNCA baja.

---

6. Sistema de Logros

6.1. Categorias

Categoria	Cantidad	Descripcion
Rachas	7	Consistencia en el tiempo
Hitos	7	Marcadores de progreso
Exploracion	6	Uso de funcionalidades
Especiales	3+	Eventos y fechas
Eventos de Salud	15+	Mediciones y tratamientos

6.2. Estados de Logro

Estado	Visual	Acciones
Obtenido	Medal color + check	Ver, Compartir
En progreso	Medal gris + barra	Ver progreso
Pendiente	Lock + requisito	Ver que se necesita
Bloqueado tier	Lock + "Pro"	Upsell

---

7. Sistema de Rachas

7.1. Definicion

Una racha es una serie de dias consecutivos con 100% de adherencia.

7.2. Protecciones

Caracteristica	Pro	Perfect
Escudo de racha	1/mes	1/mes
Restaurar racha	No	1 vez total

7.3. Visualizacion

• Fire icon animado para racha activa
• Calendario de adherencia con estados por dia
• Comparacion con mejor racha
• Historial de rachas anteriores

---

8. Privacidad al Compartir

8.1. SI se Comparte

• Nombre generico del logro
• Descripcion sin medicamentos
• Numero de dias (racha)
• Nivel alcanzado
• Branding MedTime

8.2. NO se Comparte

• Nombres de medicamentos
• Datos de salud
• Horarios de tomas
• Diagnosticos
• Informacion personal

---

9. Configuracion

9.1. Opciones Disponibles

Opcion	Default	Efecto
Gamificacion activa	ON	Master switch
Mostrar puntos	ON	Visibilidad
Mostrar racha	ON	En dashboard
Notificar logros	ON	Alertas
Animaciones	ON	Celebraciones
Sonidos	ON	Audio
Por categoria	ON	Medicamentos/Mediciones/Tratamientos

9.2. Desactivacion

• Progreso se mantiene (invisible)
• Puede reactivarse cuando sea
• Sin juicio ni consecuencias

---

10. Restricciones por Tier

Funcionalidad	Free	Pro	Perfect
Centro de Logros	Upsell	Si	Si
Puntos y Niveles	No	Si	Si
Rachas	No	Si	Si
Compartir	No	Si	Si
Escudo racha	No	1/mes	1/mes
Restaurar racha	No	No	1 vez
Personalizacion	No	Por nivel	Por nivel

---

11. Accesibilidad

11.1. Requerimientos WCAG 2.1 AA

Aspecto	Implementacion
Contraste	Min 4.5:1 texto, 3:1 elementos
Touch targets	Min 44x44dp
Screen reader	Labels completos para logros
Animaciones	Respeta "reduce motion" del sistema

11.2. VoiceOver Highlights

• Anuncio de logros obtenidos
• Estado de racha al entrar
• Progreso de nivel
• Confirmacion al compartir

---

12. Filosofia de Diseno

12.1. Principios

Principio	Descripcion
Salud primero	La gamificacion apoya, no trivializa
Motivacion intrinseca	Satisfaccion personal, no dependencia
Sin presion negativa	Nunca castigar ni avergonzar
Inclusivo	Para todas las edades y condiciones
Opcional	Puede desactivarse completamente

12.2. Lo que NO es

• No es un juego
• No hay rankings publicos
• No hay comparaciones con otros
• Las omisiones no quitan puntos

---

13. Referencias

13.1. Documentos de Pantalla

• SCR-GAM-001
• SCR-GAM-002
• SCR-GAM-003
• SCR-GAM-004
• SCR-GAM-005
• SCR-GAM-006

13.2. Flujos

• UIF-GAM-001

13.3. Especificacion Funcional

• MTS-GAM-001

13.4. Reglas de Negocio

• 06-reglas-de-negocio.md - RN-GAM-001 a RN-GAM-016

---

Documento generado por MobileUxUiDrone (Eight of Eight)