Product Craft Bible
Cross-Platform
Inicio Mobile Cross-Platform
Mobile

Cross-Platform

7 reglas investigación 2026
158

Cross-Platform

7 reglas
1349

Adaptar navegación, mantener arquitectura

iOS usa tab bar inferior + navigation stack; Android usa navigation rail lateral en tablet y bottom bar en móvil. La arquitectura de información es la misma, solo cambia el patrón de navegación superficial. Nunca adaptar la jerarquía, solo el contenedor.

investigación 2026
Preferir
iOS
Tab bar
Android
Nav rail
Evitar
iOS · hamburger?
No nativo
Android · tab bar?
No nativo
1350

Back gesture: paradigma distinto

iOS: swipe desde el borde izquierdo avanza en el stack de navegación. Android: swipe desde cualquier borde cierra la pantalla actual. El gesto es visualmente identico pero semanticamente opuesto. Nunca asumir que el comportamiento será el mismo.

investigación 2026
Preferir
iOS · swipe borde izq.
Retrocede en el navigation stack
Android · swipe cualquier borde
Cierra la pantalla (dismiss)
Evitar
// Mismo código iOS y Android
onSwipeLeft: () => navigate(-1)
Android: cierra / iOS: retrocede stack
1351

Fuente del sistema vs custom

iOS: -apple-system (SF Pro). Android: Roboto. Usar fuente del sistema cuando la app debe sentirse nativa; fuente custom cuando la marca requiere identidad consistente entre plataformas. Nunca mezclar: o sistema en ambas, o custom en ambas.

investigación 2026
Preferir
iOS
Título de pantalla
Subtitulo Inter
Android
Título de pantalla
Subtitulo Inter
Evitar
iOS
Título de pantalla
Subtitulo con SF Pro
Android
Título de pantalla
Georgia? No es Roboto
1352

Componentes específicos por plataforma

Date picker, action sheet, alerts y pickers tienen idioma visual nativo en cada plataforma. Usar los componentes del sistema cuando el usuario ya los conoce. Remplazarlos con custom solo si la funcionalidad lo requiere, no por estética.

investigación 2026
Preferir
Compartir
Copiar enlace
Eliminar
Evitar
Compartir
Copiar enlace
Eliminar
1353

Consistente: marca, flujos, contenido

La marca, colores, logo, tono de voz y flujos de negocio, es identica en iOS y Android. Lo que varia es el empaquetado: terminologia nativa, gestos, y patrones de navegación. Un usuario de iPhone y uno de Android deben reconocer la misma aplicación.

investigación 2026
Preferir
iOS · Pago
Tab bar
Android
Nav rail
Evitar
iOS · 2 pasos
Android · 4 pasos
1354

Densidad de información por plataforma

iOS tiende a layouts más espaciados con padding generoso. Android tolera mayor densidad y elementos más compactos por la herencia de Material Design. En tablet de cualquier plataforma la densidad aumenta y aparecen layouts en columnas.

investigación 2026
Preferir
iOS · espaciado
Generoso
Android · compacto
Eficiente
Evitar
iOS · muy denso
Aplastado
Android · holgado
Vacio
1355

Testing en ambas desde sprint 1

Los bugs de plataforma cruzada son exponencialmente más caros de corregir cuando aparecen tarde. Desde el sprint 1, cada historia se verifica en dispositivo físico iOS y Android, no solo en simulador. Los simuladores no replican rendimiento de scroll ni gestos del sistema.

investigación 2026
Preferir
Sprint 1: iOS + Android
Sprint 2: iOS + Android
Lanzamiento sin sorpresas
Evitar
Sprint 1–4: iOS solo
!
Sprint 5: 23 bugs Android