Product Craft Bible
Gestos Nativos
Inicio Mobile Gestos Nativos
Mobile

Gestos Nativos

15 reglas investigación 2026
145

Gestos Nativos

15 reglas
1270

Swipe horizontal para acciones contextuales

Implementa acciones destructivas o de utilidad (archivar, eliminar, responder) mediante swipe izquierdo o derecho sobre items de lista, no con botones flotantes permanentes. Limita a máximo 2 acciones por lado; la más destructiva siempre al extremo con color de advertencia.

investigación 2026
Preferir
Bandeja de entrada
Reunion mañana
Confirmas asistencia a las 10?
9:41
Archivar
Eliminar
Reporte mensual
Adjunto listo para revisar
8:15
Factura noviembre
PDF adjunto, revisar monto
Ayer
Swipe izquierdo revela 2 acciones contextuales (archivar, eliminar). La destructiva al extremo con color de advertencia. La UI permanece limpia el 95% del tiempo.
Evitar
Bandeja de entrada
Reunion mañana
Confirmas asistencia a las 10?
9:41
Reporte mensual
Adjunto listo para revisar
8:15
Botones siempre visibles
Acciones como botones fijos en cada fila: ocupan espacio, no son contextuales, rompen el flujo visual de la lista.
1271

Pull to refresh con física creible

El contenido debe ofrecer resistencia elastica al jalar hacia abajo (spring damping ~0.7), mostrar un indicador de umbral a ~60pt de distancia, y hacer snap al soltar. Spinner visible durante la carga; animación de confirmación (checkmark o bounce) al completar la actualización.

investigación 2026
Preferir
Suelta para recargar
Noticias
La lista ofrece resistencia elastica al jalar. Una flecha animada indica el umbral. Al soltar, hace snap y un checkmark confirma la recarga.
Evitar
Noticias
El spinner aparece sin resistencia al tirar: no hay feedback de cuanto falta para soltar ni física que justifique la espera.
1272

Long press: 500ms estandar

Usa 500ms como tiempo mínimo de presión para activar menús contextuales o modos de selección. Muestra feedback progresivo durante la espera: anillo de progreso o escala leve del elemento. Valores menores a 300ms producen falsas activaciones; valores mayores a 700ms frustran al usuario.

investigación 2026
Preferir
9:41
Notas
Fotos
Config
Reloj
Mail
Maps
Editar
Duplicar
Eliminar
500ms
Un anillo de progreso confirma la intención durante 500ms. El menú aparece al completarse, eliminando falsas activaciones.
Evitar
9:41
Notas
Fotos
Config
Reloj
Mail
Maps
Editar
Duplicar
Eliminar
50ms
El menú aparece al instante (50ms), los roces accidentales abren acciones destructivas sin intención.
1273

Edge swipe back es del sistema

Nunca coloques elementos interactivos propios en el borde izquierdo de la pantalla en iOS ni en ambos bordes en Android, estos bordes están reservados para el gesto de retroceso del sistema. Si necesitas un drawer, abrelo con un botón en la barra de navegación, no con swipe desde el borde.

investigación 2026
Preferir
9:41●●●
Inicio
Inicio
Perfil
Ajustes
Drawer abre con botón hamburguesa en la navbar, el borde queda libre para el gesto del sistema
Evitar
9:41●●●
Detalle
Drawer abre con swipe desde el borde izquierdo, compitiendo con el gesto nativo de retroceso
1274

Pinch zoom con spring en límites

Cuando el usuario hace pinch más alla del zoom máximo o mínimo permitido, permite que el contenido ceda ligeramente (10-15% extra) y luego regrese al límite con una animación spring (stiffness ~200, damping ~20). Un tope rigido se siente mecanico; el spring comunica límite sin romper la ilusión de física.

investigación 2026
Preferir
Galeria 3.0x max
spring rebote
3.0x + 10% elastico
Al superar el zoom máximo, la imagen cede un 10-15% extra y rebota al límite con física spring (stiffness ~200, damping ~20). Sensación natural e intuitiva.
Evitar
Galeria 3.0x max
Tope rigido, 3.0x
Al llegar al zoom máximo la imagen simplemente para en seco, sin rebote. Sensación mecanica y seca que rompe la ilusión de física.
1275

Descubrimiento de gestos requiere educación

Los gestos ocultos (swipe, long press, pinch) no son descubribles por si solos. Al primer uso muestra una animación instructiva sutil o un tooltip contextual (máximo una vez por gesto nuevo). Ofrece siempre un camino alternativo visible en la interfaz para que usuarios no descubran el gesto por accidente.

investigación 2026
Preferir
Mis archivos
Propuesta_final.pdf
Desliza
Presupuesto_2026.xlsx
Contrato_v3.docx
En la primera visita, una animación sutil desliza el primer item y muestra la etiqueta "Desliza". El hint desaparece en usos posteriores.
Evitar
Mis archivos
Propuesta_final.pdf
Presupuesto_2026.xlsx
Contrato_v3.docx
Sin ninguna pista visual, la mayoría de usuarios nunca descubren que existe la acción de swipe para archivar o eliminar.
1276

Todo gesto necesita alternativa accesible

Cada gesto debe tener un equivalente accesible: botón visible, menú contextual en long press, o control de teclado externo. Usuarios con Switch Access, VoiceOver o motor grueso no pueden ejecutar gestos multitactiles o de presión precisa. Marca las acciones de gesto con accessibilityLabel y expon su equivalente en la jerarquía de accesibilidad.

investigación 2026
Preferir
Galeria
Seleccionar
Eliminar (2)
Archivar
VoiceOver
Botones con accessibilityLabel
Switch
Checkboxes focusables
El modo "Seleccionar" expone checkboxes accesibles. El swipe sigue disponible para usuarios que prefieran gestos. Ambas rutas llevan al mismo resultado.
Evitar
Galeria
VoiceOver
Sin ruta alternativa
Switch
Gesto inalcanzable
Si el único método de eliminar es un swipe, usuarios con motor grueso, Switch Access o VoiceOver no pueden acceder a la acción.