Campos de cantidad del edificio: Número de invitados, artículos, etc.
¿Cuántos invitados? ¿Cuántas entradas? ¿Cuántos artículos necesita? Los campos de cantidad recogen valores numéricos que guían las decisiones, desde la planificación del evento hasta el procesamiento de pedidos y la asignación de recursos.
En esta guía, aprenderá a crear campos de cantidad eficaces con la validación adecuada, límites y controles fáciles de usar.
Cuando necesite campos de cantidad
Inscripción para el evento
- Número de asistentes
- Número de invitados para la cena
- Se solicitan entradas
- Reservas de mesa (número de personas)
Pedidos y solicitudes
- Cantidad de artículos
- Número de copias
- Unidades necesarias
- Cantidades de pedidos al por mayor
Reservas y reservas
- Número de habitaciones
- Huéspedes por habitación
- Número de noches
- Vehículos en grupo
Encuestas y comentarios
- Valoración en escala (1-10)
- recuentos de frecuencia
- Años de experiencia
- Empleados
Aplicaciones y formularios
- Miembros del hogar
- Dependientes
- Años en la dirección
- Número de vehículos que posee
Planeación de recursos
- Se necesitan sillas
- Se requieren plazas de aparcamiento
- Comidas para preparar
- Cantidad de materiales
Creación de un campo de cantidad
Aquí te mostramos cómo crear campos de cantidad con Constructor de formularios automático:
Paso 1: Instalar Auto Form Builder
- Ve a Complementos → Agregar nuevo
- Busca"AFB" (el nombre corto de Auto Form Builder)
- Encontrar "AFB – Auto Form Builder – Creador de formularios con función de arrastrar y soltar"
- Haga clic en Instalar ahora , luego Activar
Paso 2: agregue un Campo numérico
- Crea o edita tu formulario
- Encuentre Número en la paleta de campo
- Arrástrelo al lienzo de su formulario
- Haga clic para abrir la configuración
Paso 3: configurar los ajustes básicos
Etiqueta de campo
Etiquetas claras y específicas:
- “Número de invitados”
- "Cantidad"
- “¿Cuántos boletos?”
- “Tamaño para fiestas”
Obligatorio/Opcional
- Obligatorio – Debe ingresar un número para enviar
- Opcional – Puede dejarse en blanco
Texto de ayuda
Aclarar las expectativas:
- “Incluyéndote a ti mismo”
- “Máximo 10 por pedido”
- “Introduzca 0 si no hay ninguno”
Paso 4: Establecer valores mínimos y máximos.
Limitar el rango de valores aceptables:
Valor mínimo
- Número mínimo permitido
- A menudo 0 o 1
- Evita los números negativos
Valor máximo
- Número máximo permitido
- En función de la capacidad, el inventario o la política
- Evita cantidades poco realistas
Paso 5: Configurar el tamaño del paso
Cantidades de incremento de control:
- Paso 1 – Números enteros (1, 2, 3…)
- Paso 0.5 – Incrementos de medio (1, 1.5, 2…)
- Paso 5 – Saltos de 5 (5, 10, 15…)
- Paso 10 – Solo decenas (10, 20, 30…)
Paso 6: Establecer valor predeterminado (opcional)
Introduzca un número de inicio:
- Valor más común
- Mínimo requerido
- Cantidad sugerida
Ejemplos de campos de cantidad
Número de invitados al evento
| Configuración | Valor |
|---|---|
| Etiqueta | “Número de invitados” |
| Obligatorio | Sí |
| Días Minimos | 1 |
| Máxima | 10 |
| Paso | 1 |
| Predeterminado | 1 |
| Texto de ayuda | “Incluyéndote a ti mismo (máximo 10)” |
Cantidad de Producto
| Configuración | Valor |
|---|---|
| Etiqueta | "Cantidad" |
| Obligatorio | Sí |
| Días Minimos | 1 |
| Máxima | 100 |
| Paso | 1 |
| Predeterminado | 1 |
| Texto de ayuda | Pedido mínimo: 1 |
Reserva de restaurante
| Configuración | Valor |
|---|---|
| Etiqueta | “Tamaño para fiestas” |
| Obligatorio | Sí |
| Días Minimos | 1 |
| Máxima | 20 |
| Paso | 1 |
| Predeterminado | 2 |
| Texto de ayuda | “Para grupos de más de 20 personas, por favor llámenos”. |
Años de experiencia
| Configuración | Valor |
|---|---|
| Etiqueta | “Años de experiencia” |
| Obligatorio | Sí |
| Días Minimos | 0 |
| Máxima | 50 |
| Paso | 1 |
| Predeterminado | (Ninguno) |
| Texto de ayuda | “Introduce 0 si este es tu primer año” |
Pedidos al por mayor (en múltiplos de 10)
| Configuración | Valor |
|---|---|
| Etiqueta | “Cantidad de pedido” |
| Obligatorio | Sí |
| Días Minimos | 10 |
| Máxima | 1000 |
| Paso | 10 |
| Predeterminado | 10 |
| Texto de ayuda | “Pedidos al por mayor en múltiplos de 10” |
Campo numérico frente a menú desplegable para cantidades
Utilice el campo numérico cuando:
- El rango es amplio (1-100+)
- Cualquier valor dentro del rango es válido.
- Los usuarios conocen la cantidad exacta que necesitan.
- La precisión importa
Utilice el menú desplegable cuando:
- Opciones limitadas (1-10)
- Solo valores específicos (no un rango)
- ¿Quieres ver todas las opciones de un vistazo?
- Diferentes precios/opciones según la cantidad
Comparación
| Aspecto | Campo numérico | Menú Desplegable |
|---|---|---|
| Amplias gamas | ✅ Fácil de manejar | ❌ Demasiadas opciones |
| Rangos pequeños (1-5) | ✅ Obras | ✅ Funciona bien |
| Experiencia de usuario móvil | ✅ Teclado numérico | ✅ Selector nativo |
| Incrementos personalizados | ✅ Ajuste de pasos | ✅ Defina las opciones exactas |
| Opciones visuales | ❌ Solo un número | ✅ Puede mostrar etiquetas |
Avanzado: Modo deslizante
Algunos creadores de formularios ofrecen la opción de introducir números mediante controles deslizantes:
Cuándo usar los controles deslizantes
- Los valores aproximados están bien.
- La representación visual ayuda
- Gama limitada (1-10, 1-100)
- Se desea una interfaz divertida y atractiva.
Cuándo NO usar los controles deslizantes
- Se requieren valores exactos.
- Amplio rango (1-1000)
- La precisión importa
- La accesibilidad es una prioridad.
Configuración del control deslizante
- Mín./Máx.: Definir rango
- Paso: Cantidad de incremento
- Mostrar valor: Mostrar número actual
- Color: Combina con tu diseño
Validación de campos de cantidad
Validación incorporada
Los campos numéricos se validan automáticamente:
- Debe ser un número (no texto).
- Dentro del rango mínimo/máximo
- Coincide con los incrementos de paso
Mensajes de error
Mensaje claro cuando no sea válido:
- “Por favor, introduzca un número”
- “El valor mínimo es 1”
- “El valor máximo es 10”
- “Por favor, introduzca un valor en incrementos de 5”
Lado del cliente vs. Lado del servidor
- Del lado del cliente: Comentarios instantáneos, mejor experiencia de usuario.
- Lado del servidor: Seguridad, no se puede eludir
- Las buenas formas utilizan ambos.
Consejos para la experiencia del usuario
1. Utilice el tipo de entrada apropiado.
Los campos numéricos deberían activar el teclado numérico en dispositivos móviles:
- Entrada más rápida
- Menos errores
- Mejor experiencia
2. Proporcionar controles giratorios
Las flechas hacia arriba/abajo ayudan a los usuarios:
- Incrementar sin escribir
- Ajuste fino de los valores
- Retroalimentación visual
3. Muestre claramente los límites.
Indique a los usuarios el rango aceptable:
- En el texto de ayuda
- En el marcador de posición
- Atributos mínimos/máximos visibles
4. Configurar valores predeterminados inteligentes
Rellene previamente cuando tenga sentido:
- Valor más común
- Mínimo requerido
- Déjelo en blanco si varía mucho.
5. Manejo de casos límite
Considerar:
- ¿Cero permitido? (“0 invitados adicionales”)
- ¿Se necesitan decimales? (0.5 horas)
- ¿Números muy grandes? (establecer un máximo realista)
6. Utilice etiquetas contextuales
Deja claro qué es lo que se está contabilizando:
- “Número de invitados”, no solo “Cantidad”.
- Se necesitan "boletos", no solo "cantidad".
- Incluya las unidades si corresponde (“Horas”, “Artículos”)
Escenarios comunes en el campo de cantidades
Registro del evento con número de invitados
Estructura del formulario:
- Nombre (registrado)
- Correo electrónico
- Número de invitados (1-10)
- Nombres de los invitados (condicional, si hay más de un invitado)
- Requisitos dieteticos
Formulario de pedido de producto
Estructura del formulario:
- Selección de productos (menú desplegable)
- Cantidad (1-100)
- dirección de envío
- Instrucciones especiales
Solicitud de servicio y mantenimiento
Estructura del formulario:
- Tipo de servicio
- Número de horas necesarias
- Número de trabajadores necesarios
- Fecha preferida
- Ubicación
Encuesta con respuestas numéricas
Estructura del formulario:
- ¿Cuántas veces a la semana realizas [actividad]?
- ¿Cuántos años lleva siendo cliente?
- ¿Cuántos productos posees?
- Valoración (1-10)
Manejo de grupos o cantidades grandes
Estrategia del punto de ruptura
Para cantidades que superen el manejo normal:
- Formato estándar: 1-20 invitados
- Mensaje para un grupo grande: “Para grupos de más de 20 personas, por favor, póngase en contacto con nosotros directamente.”
Enfoque escalonado
- 1-10: Reserva online estándar
- 11-50: Requiere depósito
- 51+: Se requiere presupuesto personalizado
Seguimiento condicional
Si la cantidad supera el umbral:
- Mostrar campos adicionales
- Solicite más información
- Mostrar instrucciones especiales
Consideraciones de accesibilidad
Teclado de navegación
- Pulsar para enfocar el campo
- Teclas de flecha para incrementar/decrementar
- Escriba directamente para obtener valores exactos.
Lectores de pantalla
- Se anuncian etiquetas claras
- Límites mínimos/máximos comunicados
- Mensajes de error legibles
Claridad visual
- suficiente contraste
- Estados de enfoque claros
- Tamaño de fuente legible
Solución de problemas con los campos de cantidad
Usuarios que ingresan números no válidos
Soluciones:
- Borrar mínimo/máximo en el texto de ayuda
- Retroalimentación de validación inmediata
- Utilice los controles giratorios
Problemas con los decimales
Problema: Usuarios ingresando 2.5 cuando solo se permiten números enteros
La Solución: Establezca el paso en 1, aclare en el texto de ayuda.
Problemas con el teclado del móvil
Problema: Aparece un teclado de texto en lugar del numérico.
La Solución: Asegúrese de que el campo utilice un tipo de entrada numérico.
Números negativos enviados
La Solución: Establezca el mínimo en 0 o 1.
Preguntas frecuentes
¿Debo usar un campo numérico o un campo de texto para las cantidades?
Utilice siempre un campo numérico. Proporciona validación, activa el teclado numérico en dispositivos móviles e incluye controles de incremento.
¿Cómo puedo permitir decimales?
Configure el valor del paso para que incluya decimales (por ejemplo, 0.1, 0.5, 0.01). Esto permite valores como 1.5 o 2.25.
¿Cuál es un buen valor máximo?
Establézcalo según su capacidad o política real. Si puede atender hasta 50 invitados, establezca el máximo en 50. No deje el límite en ilimitado, ya que los usuarios podrían ingresar 99999.
¿La cantidad debe establecerse por defecto en 1 o dejarse en blanco?
Establezca el valor predeterminado en 1 si siempre se necesita al menos uno (boletos, artículos). Déjelo en blanco si cero es una opción válida o si el valor varía considerablemente.
¿Cómo puedo establecer una cantidad mínima?
Establezca el valor mínimo en la configuración del campo. Los usuarios no podrán enviar valores inferiores a este número.
Resumen
Creación de campos de cantidad eficaces:
- Utilice el tipo de campo numérico – No es texto
- Establecer etiquetas claras – ¿Qué se está contabilizando?
- Definir mínimo/máximo – Límites realistas
- Configurar el tamaño del paso – Números enteros o decimales
- Agregar texto útil – Explicar los límites y las expectativas
- Configurar valores predeterminados inteligentes – Cuando sea apropiado
- Prueba en el móvil – Aparece el teclado numérico
Conclusión
Los campos de cantidad parecen sencillos, pero una configuración adecuada marca la diferencia entre envíos sin problemas y la frustración del usuario. Establecer límites apropiados, usar el tipo de entrada correcto y proporcionar instrucciones claras garantiza que los usuarios puedan ingresar cantidades válidas rápidamente.
Generador de formularios automáticos El campo numérico incluye todo lo que necesitas: límites mínimo y máximo, incrementos, valores predeterminados y entrada numérica optimizada para dispositivos móviles. Configúralo una sola vez y tus campos de cantidad funcionarán automáticamente.
¿Listo para recolectar cantidades? Descargar Auto Form Builder y crea campos de cantidad profesionales para tus formularios.
