Paso a Paso vs. Deslizador
Un stepper cambia un número en pasos fijos. Un slider elige un lugar a lo largo de un rango.
Usa un selector paso a paso para cambios pequeños y exactos. Usa un deslizador cuando la posición aproximada sea más importante que escribir un número exacto. Siempre muestra el valor y permite el uso del teclado.
Ver lo que hace cada patrón
Prueba cada ejemplo. Luego lea sobre el trabajo para el que fue hecho.
macOS Stepper
Un macOS Stepper tiene un botón para sumar y otro para restar. Cambia un valor entre los límites establecidos por un paso fijo.
Un inspector de diseño cambia la cuadrícula de cuatro columnas a cinco. El usuario no necesita escribir un número.
- Úsalo cuando
- Úselo para un número con límites claros y pasos pequeños. Funciona mejor cuando las personas cambian uno o dos pasos a la vez.
- No lo uses cuando
- Evita rangos anchos o muy suaves y cambios grandes y rápidos. Añade un campo numérico cuando la gente deba escribir o comparar valores exactos.
- Nombre usado en código
AppKit NSStepper / SwiftUI Stepper
macOS Slider
Un macOS Slider tiene una barra y un pequeño control móvil. Elige un valor dentro de los límites establecidos, ya sea libremente o en pasos fijos, y puede mostrar marcas.
Un editor de sonido baja el volumen desde silencio hasta el máximo. VoiceOver también dice el número en voz alta.
- Úsalo cuando
- Úsalo cuando arrastrar a través de un rango y ver el resultado de inmediato ayude. Soporta un rango suave o pasos claros con marcas y teclas del teclado.
- No lo uses cuando
- No lo uses para categorías, rangos sin límite ni precisión crítica de seguridad. Añade un campo de número cuando alguien deba repetir un valor exacto.
- Nombre usado en código
AppKit NSSlider / SwiftUI Slider
Comparación rápida
| Patrón de UI | Mejor para | No para | Nombre usado en código |
|---|---|---|---|
| macOS SteppermacOS Stepper | Úselo para un número con límites claros y pasos pequeños. Funciona mejor cuando las personas cambian uno o dos pasos a la vez. | Evita rangos anchos o muy suaves y cambios grandes y rápidos. Añade un campo numérico cuando la gente deba escribir o comparar valores exactos. | AppKit NSStepper / SwiftUI Stepper |
| macOS SlidermacOS Slider | Úsalo cuando arrastrar a través de un rango y ver el resultado de inmediato ayude. Soporta un rango suave o pasos claros con marcas y teclas del teclado. | No lo uses para categorías, rangos sin límite ni precisión crítica de seguridad. Añade un campo de número cuando alguien deba repetir un valor exacto. | AppKit NSSlider / SwiftUI Slider |
Antes de lanzarlo
- 01
Escribe lo que la persona necesita hacer.
- 02
Probar el teclado, enfoque, tacto, zoom, carga, estados vacíos y de error.
- 03
Asegurarse de que las personas puedan obtener la misma información sin pasar el cursor o movimiento.
- 04
Probar con contenido real en pantallas pequeñas y grandes.
Petición de comparación que puedes copiar
Copia esto cuando tu equipo necesite ayuda para elegir entre los patrones.
Elige el mejor patrón de macOS Stepper (macOS Stepper), macOS Slider (macOS Slider) para nuestro flujo de usuario real. Usa esta regla: Un stepper cambia un número en pasos fijos. Un slider elige un lugar a lo largo de un rango. Anota la tarea, la cantidad de contenido y el costo de detener el flujo. Comprueba el teclado, toque, carga, errores y movimiento reducido. Explica tu elección y luego crea la versión accesible más pequeña usando el sistema de diseño del proyecto.