web-dev-qa-db-fra.com

De quel type de schéma s'agit-il?

Récemment, j'ai rencontré un site Web et ils utilisaient ce modèle. Comment s'appelle ce modèle? Image PFA.

enter image description here

enter image description here

4
NB4

Les directives de l'interface utilisateur Apple appellent cela un "contrôle segmenté"

enter image description here

Voir: https://developer.Apple.com/ios/human-interface-guidelines/ui-controls/segmented-controls/

Ils fonctionnent principalement comme des onglets.

6
bfritz

Je suppose que vous ne trouverez pas de nom précis car ce n'est pas du tout standard et c'est assez "complexe" dans votre deuxième capture d'écran. Il s'agit essentiellement d'une composition de plusieurs motifs.

Pour moi, c'est un menu radio avec un style peu orthodoxe (pas de radio, séparateurs "|"). Le menu radio contrôle certaines données et vous avez des commentaires lorsque vous sélectionnez une option. Ou vous pouvez l'appeler un groupe de boutons avec la dernière option cliquée en surbrillance. Mais en terme d'interaction, la "référence mentale" est un menu radio (sélectionner une option à la fois).

Le câblage de certaines actions pour trier les données dans le panneau est indépendant du choix du modèle utilisé pour les contrôler.

EDIT: Concernant les autres réponses, je veux ajouter que ce ne sont pas des onglets, car il n'y a pas de panneau contrôlé par les "options", et que le "contrôle segmenté" est clairement quelque chose du monde mobile. Pour être compris par la majorité des gens, je n'utiliserais pas ce terme. En ce qui concerne le fait qu'il ne peut pas s'agir de boutons radio, n'oubliez pas que le paradigme derrière le menu radio est simplement "Choisissez une seule option parmi plusieurs". C'est ce qui est montré ici. Les contrôles segmentés se réfèrent à une conception et à une implémentation particulières de cette interaction (il suffit de la rechercher sur Google et vous verrez qu'elle a la même apparence sur chaque plate-forme).

0
ArkDeus