Aplicación móvil - Guía completa de interacción móvil

PANTALLA DE INICIO

Cómo navegar aquí

Desde el lanzamiento de la aplicación:

1. Localiza el icono de la aplicación en la pantalla de inicio de tu dispositivo móvil
   
   
2. Toca una vez el icono con tu dedo o pulgar
   
   
3. Espera a que se lance la aplicación
   
   
4. La pantalla de inicio aparece automáticamente como la primera pantalla
   
   

Desde cualquier otra pantalla dentro de la aplicación:

Método 1 - Mediante el menú hamburguesa:

1. Mira la esquina superior izquierda de tu pantalla
   
   
2. Toca las tres líneas horizontales (≡) una vez
   
   
3. Se desliza un cajón de navegación desde la izquierda, cubriendo aproximadamente el 75% de la pantalla
   
   
4. El lado derecho restante aparece oscurecido
   
   
5. Toca «Inicio» (primera opción con icono de casa 🏠)
   
   
6. El cajón se cierra deslizándose y navegas a la pantalla de inicio
   
   

Método 2 - Tocando el logo:

1. Toca el texto en el centro superior de la mayoría de pantallas
   
   
2. La pantalla vuelve a la pantalla de inicio
   
   
3. Nota: Esto solo funciona cuando NO estás en la pantalla de inicio
   
   

Confirmación visual de que estás en inicio:

• Icono de menú hamburguesa (≡) visible en la esquina superior izquierda
  
  
• Logo centrado en la parte superior
  
  
• Cuatro tarjetas rectangulares de colores apiladas verticalmente
  
  
• Fondo blanco/claro sin pestañas
  
  

Elementos de página e interacciones móviles detalladas

Controles de la barra superior

Icono de menú hamburguesa (≡)

Ubicación: Esquina superior izquierda, aproximadamente a 16-20 píxeles de los bordes

Apariencia visual:

• Tres líneas horizontales, equiespaciadas, gris oscuro
  
  
• Cada línea aproximadamente 20-24 píxeles de largo
  
  
• El área táctil es mayor que el icono visible (mínimo 48x48 píxeles)
  
  

Cómo tocar en dispositivos móviles:

1. Sostén tu dispositivo cómodamente con una o ambas manos
   
   
2. Coloca tu pulgar o dedo índice sobre el icono
   
   
3. Toca una vez con una pulsación rápida y suelta
   
   
4. El área táctil se extiende más allá de las líneas visibles para facilitar el toque
   
   

Qué sucede:

• Una superposición oscura semitransparente cubre la pantalla actual
  
  
• Un panel blanco se desliza desde el borde izquierdo
  
  
• El cajón cubre aproximadamente el 75% del ancho de la pantalla
  
  
• El cajón muestra: logo en la parte superior, opciones de menú verticalmente, Configuración en la parte inferior
  
  
• El lado derecho permanece oscurecido y no es interactivo
  
  

Contenido del cajón de navegación:

• logo