Formularios Mobile
Formularios Mobile
6 reglasInput type nativo para cada campo
Declara el input type correcto en cada campo: `email` (muestra @), `tel` (teclado numérico con guiones), `number` (teclado numérico simple), `url` (muestra punto y slash), `search` (muestra lupa y botón de búsqueda). Un campo de email con type='text' obliga al usuario a cambiar manualmente al teclado con @, generando fricción innecesaria.
investigación 2026Picker wheels para opciones limitadas
Para campos con un conjunto limitado y conocido de opciones (estado civil, país, número de tarjeta de crédito mes/año), usa picker wheels nativos en lugar de dropdowns o text fields. Los picker wheels son el patrón nativo de iOS y Android para listas cortas, son más rápidos y menos propensos a error tipográfico.
investigación 2026Date/time picker nativo siempre
Siempre usa el date/time picker nativo del sistema operativo para campos de fecha y hora. Los pickers custom en JavaScript son más lentos, menos accesibles, y no respetan el formato de fecha regional del usuario. En iOS usa `UIDatePicker`; en web mobile usa `` o `` que delegan al picker nativo.
investigación 2026Cámara y galería sin fricción
El acceso a cámara y galería debe requerir un solo tap: un botón que abre el action sheet nativo con 'Tomar foto' y 'Elegir de la galería'. No implementes preview de galería custom antes de la selección, el selector nativo es más rápido y familiar. Muestra el permiso de cámara/galería solo cuando el usuario intenta usarlo, no al cargar el formulario.
investigación 2026Biométrica reemplaza, no duplica
Face ID, Touch ID o la autenticación biométrica del sistema debe reemplazar el campo de contraseña, no añadirse junto a él. Si el usuario tiene biométrica configurada, el campo de contraseña en cada inicio de sesión es redundante. Usa la biométrica como método principal y el password como fallback cuando la biométrica falla.
investigación 2026Auto-avance entre campos fijos
En formularios con campos de longitud fija y conocida (código postal, número de tarjeta, código de verificación), al completar el último carácter del campo mueve el foco automáticamente al siguiente. Esto elimina la necesidad de que el usuario haga tap en el siguiente campo. Asegúrate de que el auto-avance sea cancelable: si el usuario borra un carácter, el foco debe regresar al campo anterior.
investigación 2026