Est-ce une mauvaise pratique de cacher de petits blocs de contenu sous un lien / bouton "voir plus"?
Je conçois une page où il y a une liste en colonnes de magasins et une petite description pour chacun de ces magasins.
Le client nous a demandé d'inclure des logos et de masquer la description avec une flèche pointant vers le bas (probablement parce que les logos encombreraient la zone); l'utilisateur devra cliquer sur cette flèche pour voir un petit paragraphe (au plus 150 caractères). Vous trouverez ci-dessous un exemple de l'un de ces blocs, avant les modifications demandées.
Cependant, il me semble que c'est une mauvaise idée (TM), car nous forçons l'utilisateur à prendre des mesures manuelles pour chaque boutique qu'il veut connaître plus, mais sans même quitter la page actuelle, pour découvrir le contenu caché est un petit paragraphe de texte.
Mes préoccupations ont-elles un sens? Si oui, comment puis-je mieux formuler cela pour que le client comprenne le problème?
Ce n'est pas une mauvaise pratique, cela s'appelle divulgation progressive .
En ajoutant une divulgation progressive, vous évitez l'encombrement et ne donnez les informations supplémentaires que lorsque l'utilisateur le souhaite et le demande. Pensez-vous que les utilisateurs souhaitent voir toutes les descriptions directement ou souhaitent-ils un aperçu rapide de toutes les boutiques et demandent-ils plus d'informations lorsqu'ils sont intéressés par une seule? Ce n'est pas une question rhétorique; Vous devez le savoir des utilisateurs.
Cela dépend également beaucoup de la façon dont il est conçu. Une petite flèche ne suffira probablement pas. Ajoutez un lien ou un bouton avec un titre comme "afficher les informations sur la boutique" ou "afficher une brève description" . Le lien doit indiquer à quoi l'utilisateur peut s'attendre et éviter les surprises. La flèche peut certainement aider à cela en montrant la direction dans laquelle elle apparaîtra.
Votre point sur display: none est vrai mais aussi facile à contourner en utilisant la bonne sémantique et css. Voir cette réponse sur StackOverflow pour une solution possible.