Accordéons ou liens d'ancrage pour le contenu groupé?
Je suis déchiré entre 2 modèles d'interface utilisateur pour savoir comment présenter un contenu texte divisé en gros morceaux. C'est un modèle que j'aimerais utiliser sur le site, il pourrait donc s'agir de questions comme les FAQ ainsi que les pages contenant beaucoup de texte qui ont des sous-sections logiques.
La méthode de l'accordéon est plus compacte, vous permet de voir plus facilement tout contenu sous les accordéons et évite la duplication des noms de section sur la page. D'un autre côté, cela nécessite des clics supplémentaires si vous voulez voir plus d'une section, tandis que les liens d'ancrage vous permettent de simplement faire défiler plutôt que d'avoir à cliquer plusieurs fois. (Une option "développer tout" pourrait être utilisée dans l'accordéon, mais cela suppose que les gens veulent tout lire en même temps et ajoute un autre widget à la page.) Les liens d'ancrage ont toujours la liste des sections à l'avant, mais vous permettent de faites-les défiler facilement si vous êtes intéressé par plus d'une section sans avoir à cliquer.
Je vois beaucoup d'avantages et d'inconvénients et j'ai été surpris de ne pas pouvoir trouver de recherche à ce sujet - même si peut-être que je google les mauvais mots. Aucune suggestion? J'ai simulé les 2 exemples dans une capture d'écran.
(Remarque supplémentaire: il s'agit d'un site réactif, donc des éléments tels que la taille tactile des liens/accordéons seront pris en charge de toute façon.)
Si l'expérience se fera principalement sur des appareils mobiles, je choisirais le style accordéon. Le menu supérieur ancré et les options "haut de page" sont un peu plus difficiles à utiliser sur les appareils mobiles et occupent de l'espace de manière peu conviviale sur les téléphones.
Vous pouvez programmer un accordéon pour qu'il reste ouvert lorsqu'un autre est développé. Je ne fournirais pas de contrôle "étendre tout".
Bien qu'ils soient un meilleur choix (à mon avis) que le menu ancré, limitez l'utilisation des accordéons - ils ont un but, mais sont des choses maladroites. Voyez si vous devez les utiliser et prenez chaque cas individuellement. Par exemple, si vous avez 3 ou 4 paragraphes sur différents sujets, chacun avec un en-tête, il est probablement préférable d'afficher le contenu sans accordéons. Dans un autre scénario, vous souhaiterez peut-être réduire FAQ info pour une page afin que l'utilisateur puisse voir un contenu important en dessous).
Vous devriez être en mesure d'utiliser votre meilleur jugement dans chaque cas pour décider si un accordéon va perturber ou améliorer l'expérience.