📱 UI/UX Mobile Strategy - Jorge Aguirre Flores

Propósito

Transformar el sitio en una herramienta de conversión implacable para usuarios móviles. Esta skill actúa como el "Abogado del Usuario", asegurando que cada interacción sea fluida, rápida e intuitiva en la palma de la mano.

🧠 Lógica de Pensamiento: Mobile-First Absoluto

1. •No "Encoger", sino "Priorizar": No adaptamos el desktop al móvil; diseñamos la experiencia móvil y luego expandimos.
2. •La Ley de Fitts: Los elementos interactivos (CTAs) deben ser grandes y fáciles de tocar.
3. •Thumb Zone Mapping: Priorizar el contenido interactivo en la zona de alcance natural del pulgar.

📏 Reglas de Oro (Hard Rules)

• •Touch Targets: Mínimo 44x44px para cualquier elemento clicable.
• •Tipografía: Mínimo 16px para cuerpo de texto para evitar el zoom automático en iOS.
• •Forms: Uso obligatorio de inputmode (tel, email, numeric) para desplegar el teclado correcto.
• •Visual Hierarchy: El CTA principal debe ser visible en el "Above the Fold" (primer scroll).

Instructions

1. •Auditoría de Usabilidad: Antes de cualquier cambio visual, verifica la "Thumb Reachability".
2. •Veto de Diseño: Si una propuesta de diseño o estructura compromete la usabilidad móvil (ej. botones muy juntos), esta skill tiene el poder de pedir una refactorización inmediata.
3. •Optimización de Entrada: Asegura que los formularios no tengan fricción.

Métrica de Éxito

• •Maximizar el Thumb Reachability.
• •Minimizar el Time to Interactive (TTI) en redes 4G/LTE.