web-dev-qa-db-fra.com

Est-il acceptable / bon UX d'utiliser ios Segmented Control comme radiocommande?

Je suis développeur ios de profession et un architecte UX m'a dit avoir suggéré l'utilisation du contrôle segmenté ios en tant que groupe de boutons radio.

Nous devons présenter à l'utilisateur un choix mutuellement exclusif entre "Futures" et "Options". Pour moi, il semble que le bouton segmenté serait idéal pour représenter ce choix. Notez que, ce choix n'entraînerait pas de changement de vue, c'est juste pour obtenir la saisie de l'utilisateur. C'est ce que l'UX Arch. devait dire:

Veuillez trouver les captures d'écran ci-dessous. Toutes les captures d'écran sont extraites d'applications et d'autres écrans système développés par Apple. (Tous les boutons segmentés ont des champs de données associés sous le contrôle du bouton segmenté. Se comportant comme des onglets)

Ne nous laissons pas induire en erreur par les designs aléatoires disponibles sur Internet.

‘ iOS Human Interface Guideline ’ n'entre pas dans les détails de l'utilisation du bouton segmenté. Il s'agit de la meilleure pratique après l'utilisation de Apple lors de la conception de n'importe quelle interface iOS.

L'option/alternative qu'il a recommandée était essentiellement de choisir une option dans une liste (comme un tableau) de deux.

Est-ce une mauvaise UX d'utiliser des contrôles segmentés de cette manière? Je voulais juste une vue plus large à ce sujet.

iphoneiosipadsegmented
10
Bala

les contrôles segmentés iOS ne sont recommandés que pour changer de vue, comme indiqué dans le Apple HIG:

Un contrôle segmenté est un ensemble linéaire de segments, chacun fonctionnant comme un bouton pouvant afficher une vue différente

Vous pouvez les considérer comme l'équivalent iOS de Android spinner de contrôle de vue.

Si chaque choix mutuellement exclusif ouvre un nouvel ensemble de champs et agit comme des "vues" dans ce sens, vous pouvez utiliser un contrôle segmenté, mais la "manière iOS" pour créer des boutons radio, comme vous pouvez le voir dans certaines applications comme Calendrier ou Paramètres, crée une ligne avec l'étiquette du bouton radio et un nouvel écran avec une vue tabulaire et toutes les options mutuellement exclusives. L'option sélectionnée est cochée à droite de la ligne. Un bouton "Annuler" est généralement placé dans le coin supérieur gauche et un bouton "Terminé" en haut à droite.

Je n'ai pas d'écran iPhone à portée de main, mais c'est la même idée que ce popover iPad

Si vous n'avez que deux options, je ne recommanderais pas d'utiliser un nouvel écran: vous pouvez créer un tableau groupé avec l'étiquette "bouton radio" en haut, comme dans Paramètres WiFi .

5
PaRaP

Pour ce qui concerne la Apple HIG, la seule chose qui est indiquée dans la section directive est exactement:

Utilisez un contrôle segmenté pour proposer des choix étroitement liés mais s'excluant mutuellement.

Pour ce qui concerne l'effet de la sélection d'un segment, cela ne semble pas si strict. Il dit que peut afficher une vue différente, mais ce n'est pas imposé.

Étant donné que certaines applications ont déjà adopté cette alternative pour la sélection d'options mutuellement exclusives, ma suggestion est la suivante:

  • si les options que vous devez sélectionner peuvent tenir l'espace disponible dans un contrôle segmenté (rappelez-vous les localisations dans différentes langues au cas où vous allez internationaliser votre application), je ne vois aucun problème dans UISegmentedControl. Il économise et optimise l'espace par rapport à une vue de table encombrante, et il semble beaucoup mieux si les options ne sont que deux;
  • sinon, si le contenu des choix va prendre un peu plus d'espace, et, en plus, il y en aura encore plus (> 3 commencent déjà à être trop), une fraction de la largeur de l'écran ne sera probablement pas suffisante pour afficher les décemment. Dans ce cas, j'irais simplement pour une vue de table, comme l'a suggéré @PaRaP.

Donc, étant donné votre cas, où vous n'avez que deux mots courts à afficher, je choisirais un contrôle segmenté.

4
Nicola Miotto

S'il y a un choix principal à faire entre un petit nombre d'options, vous pouvez l'utiliser. Jetez un œil à l'écran "Ajouter un compte de messagerie" (Paramètres> Contacts de messagerie, Calendriers> Ajouter un compte> "Autre") - sur le deuxième écran vous verrez que le contrôle est utilisé de cette manière.

Edit: Merci pour l'accueil. - J'espère que cela clarifie les choses:

Pour clarifier - à mon avis, le contrôle de segment est bien pour une utilisation à la place des boutons radio lorsque les critères suivants sont remplis:

  • Utilisez le style normal, pas le style 'BarButton', car cela devrait certainement être réservé au filtrage.
  • Le nombre de choix est petit, je dirais 3 ou moins. Pensez à autre chose (UIPicker peut-être)
  • Si vous avez deux choix, ils ne doivent pas être des valeurs de type 'On/Off' (sinon utilisez UISwitch)
  • Le choix est un choix fondamental et important auquel vous voulez attirer beaucoup d'attention, c'est un gros contrôle qui prend beaucoup de place (dans son aspect par défaut, au moins)
1
Marc