Tu formulario de cotización funciona. ¿Un cliente puede completarlo desde su teléfono?
Revisa tu formulario de cotización móvil campo por campo: datos obligatorios, teclados, autocompletado, archivos adjuntos, recuperación de errores y un siguiente paso claro.
Por Noe Guerrero III
Un formulario de cotización puede recibir solicitudes y, aun así, ser frustrante de completar desde un teléfono. Para revisarlo, recorre cada campo, decide por qué debe estar ahí y comete un error a propósito. El objetivo es recibir una solicitud que tu equipo pueda atender sin hacer que el cliente trabaje de más.
Una versión más pequeña de la página de escritorio no es suficiente. Necesitas ver qué pasa con el teclado abierto, una respuesta larga escrita y un archivo adjunto que el cliente no tiene listo.
Empieza por la primera conversación que necesita tu equipo
Antes de cambiar el diseño, pregúntale a quien responde las consultas: “¿Qué información te permite dar el siguiente paso útil?”
Para algunos negocios, eso significa dirigir la solicitud a la persona adecuada. Para otros, significa decidir si se necesita una visita al lugar. Una consulta inicial no siempre contiene información suficiente para dar un precio final, y el formulario debe dejarlo claro.
Veamos un negocio hipotético de letreros en McAllen. Su dueño quiere suficientes detalles para iniciar una conversación sobre un letrero para una fachada, sin pedirle al cliente que prepare un pedido listo para producción desde un estacionamiento.
| Campo | Decisión propuesta | Motivo para probarla |
|---|---|---|
| Nombre y un medio de contacto que funcione | Pedir ahora | El personal necesita una manera de responder; decide si de verdad hacen falta tanto el teléfono como el correo. |
| Tipo de letrero | Pedir ahora | Una selección breve puede ayudar a dirigir la consulta. Incluye una opción para quien todavía no está seguro. |
| Tamaño aproximado | Opcional al principio | Una estimación puede ayudar, pero las medidas exactas podrían requerir una visita. |
| Fecha deseada | Preguntar si cambia el siguiente paso | Permite que el cliente distinga entre la fecha fija de un evento y una preferencia general. |
| Diseño o foto del lugar | Archivo adjunto opcional | Un cliente puede estar listo para preguntar sin tener el archivo en ese teléfono. |
| Datos de facturación | Pedir después en este proceso | No se necesitan para iniciar esta consulta hipotética. |
Estas son decisiones para este ejemplo, no una cantidad universal de campos. Una cotización técnica detallada puede necesitar más información. Conserva un campo cuando su respuesta cambie lo que hará tu equipo; de lo contrario, considera hacerlo opcional o preguntarlo después.
Marca los campos opcionales con claridad. No hagas que los clientes descubran cuáles son obligatorios hasta después de presionar el botón.
Lee las etiquetas después de escribir
Abre el formulario en un teléfono y escribe algo en cada campo. ¿Todavía puedes identificar qué significa cada respuesta?
La guía de W3C sobre etiquetas explica cómo las etiquetas deben identificar sus controles y estar asociadas con ellos. Una etiqueta asociada correctamente también ofrece un área más grande para activar el campo. Colocar las etiquetas encima de los campos puede ayudar en pantallas estrechas, pero su ubicación todavía debe revisarse dentro del diseño.
Mantén la etiqueta visible mientras la persona escribe. Coloca un ejemplo breve o una explicación junto a las preguntas que lo necesiten: “Ancho y alto aproximados, si los conoces” es más útil que obligar al cliente a adivinar qué medida quieres.
Después revisa los detalles prácticos. ¿Una burbuja de chat tapa el último campo? ¿Un aviso fijo oculta el botón de enviar? ¿Puedes revisar una descripción larga del proyecto sin perderte? Registra el obstáculo específico, incluido el teléfono y el navegador que usaste.
Revisa las ayudas para escribir campo por campo
Toca el campo de correo y después el de teléfono. Observa si el teclado facilita escribir la respuesta esperada. Prueba el autocompletado y revisa en qué campos aparece la información guardada.
La referencia de MDN sobre campos de entrada distingue los tipos de campo, las indicaciones de teclado mediante inputmode y las indicaciones de autocompletado mediante autocomplete. Los navegadores compatibles pueden ofrecer teclados para correo o teléfono. Estas ayudas no comprueban que la información enviada sea válida.
Dale a tu desarrollador una observación: “El campo de teléfono abre un teclado de texto general en este dispositivo”, o “El autocompletado pone mi nombre en el campo de empresa”. Esa es una solicitud de corrección más clara que “Haz que el formulario funcione mejor en móviles”.
Para el ejemplo del negocio de letreros, escribe también un nombre con acento y una descripción de tamaño como “aproximadamente 6 pies de ancho”. Si el negocio quiere dimensiones aproximadas, el campo debe aceptar esa respuesta o explicar el formato específico que necesita antes del envío.
Comete un error y corrígelo
Usa un procedimiento de prueba acordado o un entorno de pruebas para que la revisión no genere pedidos reales ni avisos innecesarios al personal. Completa el formulario, deja una respuesta obligatoria en blanco e intenta continuar.
La guía de validación de GOV.UK recomienda conservar las respuestas ingresadas y mostrar errores útiles cerca de los campos afectados, junto con un resumen de errores. El cliente debe poder encontrar y corregir el problema sin volver a escribir toda la solicitud.
Durante la revisión, anota lo que realmente sucede:
¿Puedes localizar la respuesta que falta sin buscar por toda la página?
¿El mensaje explica la corrección que espera el formulario?
¿La descripción del proyecto se conserva intacta?
Después de corregir, ¿puedes continuar normalmente?
“Escribe una dirección de correo que incluya @” describe una corrección. Una falla en el servicio de entrega necesita un mensaje distinto; no es un error en la dirección de correo del cliente. Pídele a tu desarrollador que pruebe esa falla por separado sin interrumpir el servicio en producción.
Prueba el archivo adjunto y lee el mensaje final
Si hay un campo para adjuntar archivos, pruébalo con un archivo de prueba inofensivo de un tipo permitido. Revisa que los formatos aceptados y el límite de tamaño sean visibles antes de elegirlo. Cancela también una vez el selector de archivos. Un archivo adjunto opcional no debería convertirse en una condición para continuar sin que el formulario lo indique.
Por último, lee la confirmación como si fueras el cliente. La guía de GOV.UK sobre páginas de confirmación pide un siguiente paso claro, plazos, datos de contacto y un número de referencia cuando exista. Para una solicitud de cotización, describe qué se recibió y qué hará el equipo después. Indica únicamente un plazo de respuesta que tu negocio pueda cumplir.
Pídele al personal que verifique la solicitud de prueba en el sistema que realmente usa. Un mensaje en el navegador, por sí solo, no demuestra que llegó un correo ni que una persona lo revisó. Si también necesitas relacionar las consultas con tus campañas, usa nuestra guía de seguimiento del origen de los prospectos.
Entrega una lista breve de correcciones
No necesitas una presentación larga. Para cada problema, registra el campo, el comportamiento observado, el cambio solicitado y el resultado después de volver a probarlo. Adjunta una captura de pantalla cuando ayude a reproducir el problema y evita incluir información de clientes reales.
Prioriza cualquier problema que impida completar el formulario o que haga perder una respuesta. Después trabaja en las preguntas innecesarias y las instrucciones poco claras. Repite la misma tarea después de la corrección para comprobar si el problema original quedó resuelto.
Para los negocios que atienden al Rio Grande Valley en inglés y español, repite la revisión en cada idioma disponible. Nuestra lista de revisión de formularios bilingües cubre con más detalle esa transición entre idiomas. Si el formulario necesita trabajo de desarrollo, nuestros servicios de sitios web y software pueden ayudarte a definir los cambios y las pruebas que demuestren que están terminados.