Selettore vs. Slider
Uno stepper cambia un numero a passi fissi. Uno slider sceglie un punto lungo un intervallo.
Usa un selettore a step per piccole modifiche precise. Usa un cursore quando la posizione approssimativa è più importante che digitare un numero esatto. Mostra sempre il valore e supporta la tastiera.
Vedi cosa fa ogni modello
Prova ogni esempio. Poi leggi del lavoro che è stato creato per fare.
macOS Stepper
Un macOS Stepper ha un pulsante per aggiungere e uno per sottrarre. Cambia un valore con dei limiti prestabiliti tramite uno step fisso.
Un layout inspector cambia la griglia da quattro colonne a cinque. L'utente non ha bisogno di scrivere un numero.
- Usalo quando
- Usalo per un numero con limiti chiari e piccoli passaggi. Funziona meglio quando le persone cambiano uno o due passi alla volta.
- Non usarlo quando
- Evita intervalli ampi o continui e cambiamenti grandi e rapidi. Aggiungi un campo numerico quando le persone devono inserire o confrontare valori esatti.
- Nome usato nel codice
AppKit NSStepper / SwiftUI Stepper
macOS Slider
Un macOS Slider ha una barra e un cursore che si muove. Sceglie un valore entro limiti prestabiliti, liberamente o a step, e può mostrare dei segni.
Un editor audio sposta il volume da muto al massimo. VoiceOver annuncia anche il numero.
- Usalo quando
- Usalo quando trascinare attraverso un intervallo e vedere subito il risultato aiuta. Supporta un intervallo fluido o passaggi chiari con tacche e tasti della tastiera.
- Non usarlo quando
- Non usarlo per categorie, intervalli illimitati o precisione critica per la sicurezza. Aggiungi un campo numerico corrispondente quando le persone devono ripetere un valore esatto.
- Nome usato nel codice
AppKit NSSlider / SwiftUI Slider
Confronto rapido
| Pattern UI | Migliore per | Non per | Nome usato nel codice |
|---|---|---|---|
| macOS SteppermacOS Stepper | Usalo per un numero con limiti chiari e piccoli passaggi. Funziona meglio quando le persone cambiano uno o due passi alla volta. | Evita intervalli ampi o continui e cambiamenti grandi e rapidi. Aggiungi un campo numerico quando le persone devono inserire o confrontare valori esatti. | AppKit NSStepper / SwiftUI Stepper |
| macOS SlidermacOS Slider | Usalo quando trascinare attraverso un intervallo e vedere subito il risultato aiuta. Supporta un intervallo fluido o passaggi chiari con tacche e tasti della tastiera. | Non usarlo per categorie, intervalli illimitati o precisione critica per la sicurezza. Aggiungi un campo numerico corrispondente quando le persone devono ripetere un valore esatto. | AppKit NSSlider / SwiftUI Slider |
Prima di spedire
- 01
Scrivi cosa la persona deve fare.
- 02
Testare tastiera, focus, touch, zoom, caricamento, stati vuoti e di errore.
- 03
Assicurati che le persone possano ottenere le stesse informazioni senza hover o movimento.
- 04
Testare con contenuti reali sia su schermi piccoli che grandi.
Richiesta di confronto che puoi copiare
Copia questo quando il tuo team ha bisogno di aiuto per scegliere tra i modelli.
Scegli il modello migliore da macOS Stepper (macOS Stepper), macOS Slider (macOS Slider) per il nostro reale flusso utente. Usa questa regola: Uno stepper cambia un numero a passi fissi. Uno slider sceglie un punto lungo un intervallo. Scrivi il compito, la quantità di contenuti e il costo di interrompere il flusso. Controlla il comportamento della tastiera, del touch, del caricamento, degli errori e della modalità ridotta. Spiega la tua scelta, quindi costruisci la versione più piccola accessibile con il sistema di design del progetto.