Accordéon

Accordien horizontal sur le site Web - meilleures pratiques d'utilisation

Accordien horizontal sur le site Web - meilleures pratiques d'utilisation
  1. Les accordéons sur les sites Web sont-ils accessibles?
  2. Les accordéons sont-ils une bonne conception Web?
  3. Où utilisez-vous généralement la fonction d'accordéon dans un site Web?
  4. Que les signifiants de l'accordéon sont plus susceptibles de signaler aux utilisateurs que l'accordéon s'ouvrira en place plutôt que de conduire à une nouvelle page?
  5. Qu'est-ce qu'un accordéon UX?

Les accordéons sur les sites Web sont-ils accessibles?

Les accordéons sont également des structures Web qui nécessitent souvent JavaScript pour afficher / masquer des choses en fonction d'un événement de clic ou de mise au point utilisateur. La clé pour rendre les accordéons accessibles est de basculer certaines propriétés et états Aria sur les événements de clic utilisateur ou de mise au point (e.g. basculer Aria-Hidden, Aria-Expande, etc.).

Les accordéons sont-ils une bonne conception Web?

Utilisation d'un accordéon dans les conceptions de votre site Web

Les accordéons peuvent aider à améliorer l'expérience utilisateur, en particulier sur les appareils mobiles. Puisqu'ils fournissent d'abord les informations les plus importantes et laissent les utilisateurs pour décider quoi en savoir plus, ils sont idéaux pour les pages FAQ, les sections de menu sur les pages d'accueil, et plus.

Où utilisez-vous généralement la fonction d'accordéon dans un site Web?

Les accordéons sont les plus appropriés lorsque les utilisateurs n'auront besoin que de quelques éléments de contenu spécifiques dans une page ou si vous n'avez qu'un petit espace pour afficher beaucoup de contenu. Selon le groupe Nielsen, lorsqu'ils sont utilisés correctement, les accordéons offrent des avantages à l'expérience utilisateur, notamment: l'effondrement de la page minimise.

Que les signifiants de l'accordéon sont plus susceptibles de signaler aux utilisateurs que l'accordéon s'ouvrira en place plutôt que de conduire à une nouvelle page?

Résumé: L'icône de la garement a indiqué le plus clairement aux utilisateurs qu'il ouvrirait un accordéon en place, plutôt que de lier directement à une nouvelle page.

Qu'est-ce qu'un accordéon UX?

1. Qu'est-ce qu'un accordéon? Un accordéon est un composant d'interface utilisateur qui permet à l'utilisateur de masquer ou de révéler du contenu. (Et un instrument de musique, mais ce n'est pas important pour le moment.)

Dois-je garder l'utilisateur connecté (i.e. Souviens-toi de moi) lorsqu'ils enregistrent un nouveau compte?
Se souvient de moi un risque de sécurité?Quel est le danger de cocher la case Remember Me sur un navigateur Web public?Devrais-je utiliser Remember c...
Cacher et afficher les éléments de menu dans une application basée sur l'état
Comment masquer et afficher les éléments de menu dans Android?Comment masquer la barre de menu dans Android Studio? Comment masquer et afficher les ...
Meilleur moyen de se connecter et / ou de créer un compte utilisateur avec Facebook sur un site Web?
Comment intégrer la connexion des médias sociaux dans mon site Web?Comment se connecter avec Facebook dans JavaScript? Comment intégrer la connexion...