Pas à pas vs. Curseur
Un sélecteur de pas change un chiffre par étapes fixes. Un curseur choisit un endroit sur une échelle.
Utilisez un sélecteur par étapes pour de petits changements précis. Utilisez un curseur lorsque la position approximative est plus importante que la saisie d'un nombre exact. Affichez toujours la valeur et prenez en charge le clavier.
Voir ce que fait chaque modèle
Essayez chaque exemple. Puis lisez sur le travail pour lequel il a été conçu.
macOS Stepper
Un macOS Stepper a un bouton pour ajouter et un pour retirer. Il modifie une valeur avec des limites fixées par un pas régulier.
Un inspecteur de layout change la grille de quatre colonnes à cinq. L'utilisateur n'a pas besoin de taper un chiffre.
- Utilisez-le lorsque
- Utilisez-le pour un nombre avec des limites claires et de petits pas. Il fonctionne mieux lorsque les gens changent une ou deux étapes à la fois.
- Ne l'utilisez pas lorsque
- Évitez les plages larges ou lisses et les changements rapides et importants. Ajoutez un champ numérique lorsque les gens doivent entrer ou comparer des valeurs exactes.
- Nom utilisé dans le code
AppKit NSStepper / SwiftUI Stepper
macOS Slider
Un macOS Slider a une ligne et un petit curseur qui bouge. Il choisit une valeur entre des limites définies, soit librement, soit par petits pas, et peut montrer des graduations.
Un éditeur de son fait monter le volume de silencieux à maximum. VoiceOver annonce aussi le chiffre.
- Utilisez-le lorsque
- Utilisez-le lorsque le fait de faire glisser à travers une plage et de voir le résultat immédiatement aide. Supportez une plage lisse ou des étapes claires avec des coches et des touches de clavier.
- Ne l'utilisez pas lorsque
- Ne l'utilisez pas pour des catégories, des plages illimitées ou une précision critique pour la sécurité. Ajoutez un champ numérique correspondant lorsque les gens doivent répéter une valeur exacte.
- Nom utilisé dans le code
AppKit NSSlider / SwiftUI Slider
Comparaison rapide
| Modèle UI | Meilleur pour | Pas pour | Nom utilisé dans le code |
|---|---|---|---|
| macOS SteppermacOS Stepper | Utilisez-le pour un nombre avec des limites claires et de petits pas. Il fonctionne mieux lorsque les gens changent une ou deux étapes à la fois. | Évitez les plages larges ou lisses et les changements rapides et importants. Ajoutez un champ numérique lorsque les gens doivent entrer ou comparer des valeurs exactes. | AppKit NSStepper / SwiftUI Stepper |
| macOS SlidermacOS Slider | Utilisez-le lorsque le fait de faire glisser à travers une plage et de voir le résultat immédiatement aide. Supportez une plage lisse ou des étapes claires avec des coches et des touches de clavier. | Ne l'utilisez pas pour des catégories, des plages illimitées ou une précision critique pour la sécurité. Ajoutez un champ numérique correspondant lorsque les gens doivent répéter une valeur exacte. | AppKit NSSlider / SwiftUI Slider |
Avant d'expédier
- 01
Écrivez ce que la personne doit faire.
- 02
Tester le clavier, la mise au point, le toucher, le zoom, le chargement, les états vides et d'erreur.
- 03
Assurez-vous que les gens peuvent obtenir les mêmes informations sans survol ni mouvement.
- 04
Tester avec du contenu réel sur les petits et grands écrans.
Demande de comparaison que vous pouvez copier
Copiez ceci lorsque votre équipe a besoin d'aide pour choisir entre les modèles.
Choisissez le meilleur modèle parmi macOS Stepper (macOS Stepper), macOS Slider (macOS Slider) pour notre flux utilisateur réel. Utilisez cette règle : Un sélecteur de pas change un chiffre par étapes fixes. Un curseur choisit un endroit sur une échelle. Notez la tâche, la quantité de contenu et le coût d'arrêt du flux. Vérifiez le clavier, le toucher, le chargement, l'erreur et le comportement à mouvement réduit. Expliquez votre choix, puis construisez la plus petite version accessible avec le système de conception du projet.