Pantalla: Cancelacion con Retencion
Identificador: SCR-PAY-007
Nombre: Cancelacion con Retencion
Modulo: MTS-PAY-001 - Pagos y Suscripciones
Version: 1.0.0
Fecha: 2025-12-05
Autor: MobileUxUiDrone (Eight of Eight)
| Atributo |
Valor |
| Tipo |
Flujo multi-paso |
| Acceso |
SCR-PAY-006 > Cancelar suscripcion |
| Roles |
Usuarios suscritos |
| Tiers |
Pro, Perfect |
| Prioridad |
Alta |
2. Proposito
Gestiona el proceso de cancelacion con un flujo de retencion etico: entender el motivo, ofrecer alternativas relevantes si aplica, y facilitar la cancelacion si el usuario lo decide.
Filosofia: Hacer facil cancelar, pero asegurarse de que el usuario conoce sus opciones.
3. Wireframe - Paso 1: Motivo
+--------------------------------------------------+
| [<] Cancelar suscripcion |
+--------------------------------------------------+
| |
| [sad face illustration] |
| |
| Lamentamos que quieras irte |
| |
| Antes de continuar, ayudanos a |
| entender que podemos mejorar. |
| |
+--------------------------------------------------+
| POR QUE QUIERES CANCELAR? |
+--------------------------------------------------+
| |
| ( ) El precio es muy alto |
| |
| ( ) No uso las funciones suficiente |
| |
| ( ) Encontre una alternativa mejor |
| |
| ( ) Tengo problemas tecnicos |
| |
| ( ) Solo necesitaba por un tiempo |
| |
| ( ) Otro motivo |
| |
+--------------------------------------------------+
| |
| [Continuar] |
| |
| [Cancelar y volver] |
| |
+--------------------------------------------------+
4. Wireframe - Paso 2: Oferta de Retencion (Precio)
+--------------------------------------------------+
| [<] Cancelar suscripcion |
+--------------------------------------------------+
| |
| [gift icon] |
| |
| Tenemos algo para ti |
| |
+--------------------------------------------------+
| OFERTA ESPECIAL |
+--------------------------------------------------+
| |
| +--------------------------------------------+ |
| | | |
| | 50% de descuento | |
| | por 3 meses | |
| | | |
| | $9.99 -> $4.99/mes | |
| | | |
| | Ahorra $15 en los proximos 3 meses | |
| | | |
| +--------------------------------------------+ |
| |
| Esta oferta es exclusiva y solo esta |
| disponible una vez. |
| |
+--------------------------------------------------+
| |
| [Aceptar oferta] |
| |
| [No gracias, continuar cancelando] |
| |
+--------------------------------------------------+
5. Wireframe - Paso 2: Oferta de Retencion (No uso)
+--------------------------------------------------+
| [<] Cancelar suscripcion |
+--------------------------------------------------+
| |
| [pause icon] |
| |
| Pausar en lugar de cancelar? |
| |
+--------------------------------------------------+
| OPCION DE PAUSA |
+--------------------------------------------------+
| |
| +--------------------------------------------+ |
| | | |
| | Pausa tu suscripcion | |
| | por 1 mes | |
| | | |
| | - No se te cobrara durante la pausa | |
| | - Tus datos se mantienen seguros | |
| | - Se reactiva automaticamente | |
| | | |
| +--------------------------------------------+ |
| |
| Puedes pausar una vez cada 6 meses. |
| |
+--------------------------------------------------+
| |
| [Pausar suscripcion] |
| |
| [No gracias, continuar cancelando] |
| |
+--------------------------------------------------+
6. Wireframe - Paso 3: Confirmacion Final
+--------------------------------------------------+
| [<] Cancelar suscripcion |
+--------------------------------------------------+
| |
| [warning icon] |
| |
| Estas seguro? |
| |
+--------------------------------------------------+
| LO QUE PERDERAS |
+--------------------------------------------------+
| |
| [X] Medicamentos ilimitados -> 3 max |
| [X] Sincronizacion en la nube |
| [X] Tus 3 cuidadores perderan acceso |
| [X] Historial completo -> 30 dias |
| [X] Exportar datos (PDF) |
| |
+--------------------------------------------------+
| TU ACCESO |
+--------------------------------------------------+
| |
| Tu suscripcion Pro seguira activa hasta |
| el 5 de Enero de 2026. |
| |
| Despues de esa fecha, pasaras al plan |
| Free automaticamente. |
| |
+--------------------------------------------------+
| |
| [Mantener suscripcion] |
| |
| [Confirmar cancelacion] |
| |
+--------------------------------------------------+
7. Wireframe - Cancelacion Confirmada
+--------------------------------------------------+
| |
| |
| [check icon] |
| |
| Suscripcion cancelada |
| |
| Tu plan Pro estara activo hasta |
| el 5 de Enero de 2026. |
| |
| Despues de esa fecha, pasaras |
| automaticamente al plan Free. |
| |
+--------------------------------------------------+
| |
| Si cambias de opinion, puedes reactivar |
| tu suscripcion en cualquier momento desde |
| Perfil > Suscripcion. |
| |
| [Entendido] |
| |
+--------------------------------------------------+
8. Elementos de UI
8.1. Componentes
| ID |
Componente |
Tipo |
Paso |
| header |
Top App Bar |
CMP-NAV-002 |
Todos |
| illustration |
Contextual Illustration |
Custom |
Todos |
| reason_radios |
Radio Group |
CMP-INP-009 |
1 |
| offer_card |
Offer Card |
Custom |
2 |
| loss_list |
Impact List |
Custom |
3 |
| access_info |
Info Card |
Custom |
3 |
| cta_primary |
Primary Button |
CMP-BTN-001 |
Todos |
| cta_secondary |
Text Button |
CMP-BTN-003 |
Todos |
8.2. Offer Card
+----------------------------------------------+
| [icono grande] |
| |
| Titulo de la oferta |
| (ej: 50% descuento por 3 meses) |
| |
| Detalle del beneficio |
| (ej: $9.99 -> $4.99/mes) |
| |
| Ahorro total |
+----------------------------------------------+
Especificaciones:
- Background: primary.light (sutil)
- Border: 2dp primary
- Padding: 24dp
- Icon: 48x48dp
9. Ofertas de Retencion
9.1. Matriz de Ofertas
| Motivo |
Oferta |
Validez |
Una vez |
| Precio alto |
50% off 3 meses |
Inmediata |
Si |
| No uso |
Pausa 1 mes |
Inmediata |
1x cada 6 meses |
| Alternativa |
Preview de roadmap |
N/A |
No |
| Problemas tecnicos |
Soporte prioritario 1 mes |
Inmediata |
Si |
| Temporal |
N/A |
- |
- |
| Otro |
N/A |
- |
- |
9.2. Reglas de Elegibilidad
| Condicion |
Elegible para Oferta |
| Primera vez cancelando |
Si |
| Ya recibio oferta antes |
No (mismo tipo) |
| Menos de 30 dias suscrito |
No |
| En trial |
No |
| Grace period |
No |
10. Flujo de Cancelacion Real
flowchart TD
A[Usuario confirma cancelar] --> B[App notifica a Store]
B --> C{Plataforma}
C -->|iOS| D[Redirect a Settings > Subscriptions]
C -->|Android| E[Redirect a Play Store]
D & E --> F[Usuario cancela en Store]
F --> G[Store notifica a MedTime]
G --> H[Actualizar estado a cancelled]
H --> I[Email de confirmacion]
Nota: La cancelacion efectiva se hace en el Store. MedTime solo facilita el proceso.
11. Interacciones
11.1. Navegacion
| Accion |
Resultado |
| Seleccionar motivo + Continuar |
Paso 2 (oferta) o Paso 3 |
| Aceptar oferta |
Aplicar oferta + volver a gestion |
| Rechazar oferta |
Paso 3 (confirmacion) |
| Confirmar cancelacion |
Redirect a Store |
| Mantener suscripcion |
Volver a gestion |
| Back en cualquier paso |
Paso anterior |
11.2. Aplicar Oferta
Al aceptar oferta:
- Registrar oferta aceptada
- Si es descuento: aplicar via Store offer codes
- Si es pausa: programar pausa en Store
- Mostrar confirmacion
- Volver a SCR-PAY-006
12. Accesibilidad
12.1. Screen Reader
| Elemento |
Label |
Hint |
| reason_radio |
"[Motivo]" |
"Selecciona un motivo" |
| offer_card |
"Oferta: [titulo]" |
"[Detalles]" |
| loss_item |
"[Feature], no disponible en Free" |
- |
| cta_cancel |
"Confirmar cancelacion" |
"Procede a cancelar en [Store]" |
| cta_keep |
"Mantener suscripcion" |
"Cancela el proceso" |
12.2. Lenguaje
- No usar tacticas de culpa o presion
- Ser claro sobre lo que pierde
- Facilitar encontrar el boton de cancelar
13. Eventos de Analytics
| Evento |
Trigger |
Parametros |
| cancel_flow_started |
Abrir pantalla |
plan, tenure_days |
| cancel_reason_selected |
Seleccionar motivo |
reason |
| retention_offer_shown |
Mostrar oferta |
offer_type |
| retention_offer_accepted |
Aceptar oferta |
offer_type |
| retention_offer_rejected |
Rechazar oferta |
offer_type |
| cancel_confirmed |
Confirmar cancelacion |
reason |
| cancel_aborted |
Mantener suscripcion |
step |
14. Casos de Prueba
| ID |
Caso |
Resultado Esperado |
| TC-001 |
Motivo "precio" |
Oferta 50% |
| TC-002 |
Motivo "no uso" |
Oferta pausa |
| TC-003 |
Motivo "otro" |
Sin oferta, directo a confirmacion |
| TC-004 |
Aceptar oferta |
Volver a gestion con oferta aplicada |
| TC-005 |
Confirmar cancelacion |
Redirect a Store |
| TC-006 |
Ya recibio oferta antes |
Sin oferta |
15. Referencias
Documento generado por MobileUxUiDrone (Eight of Eight)
"Cancelar debe ser facil. Retener debe ser etico."