Développer / réduire les détails
Je veux vous demander des suggestions pour développer et réduire certains détails d'un document. J'ai un lien pour le prototype, appuyez simplement sur afficher les détails/masquer les détails. Avez-vous une meilleure idée de cette action pour masquer et afficher les détails, au lieu d'utiliser un bouton? J'ai déjà 2 boutons supplémentaires avec des rapports et ... des captures d'écran également jointes. 
Link1: https://xd.Adobe.com/view/f1dd2756-5e0c-4323-7b84-f8c012d90a50-87ec/ Link2: https://xd.Adobe.com/view/b2fa40c8-ec8b-4898-711f-b423212283a0-c4cb /
Hiérarchie du site
La hiérarchie du site est très importante pour informer les utilisateurs des relations de mise en page. Le bouton des détails de votre spectacle n'est pas très bien lié aux détails supplémentaires qu'il révèle. Lorsque vous parcourez votre prototype, je dois cliquer sur ce bouton très rapidement pour découvrir ce qui était en train de changer, car vous avez déplacé les dispositions pour tenir compte des détails supplémentaires.
Recommandation
Je recommanderais de garder le bouton plus près de la zone dans laquelle le contenu changera. faites changer le contenu sous le bouton, pas au-dessus. En tant qu'utilisateur, j'ai déjà survolé et mémorisé cette zone, pour que vous puissiez la modifier sur moi, cela crée une surcharge cognitive.
Exécution
Selon l'exécution, vous donnez le même poids (hiérarchie du site) au bouton Détails que vos rapports. Je dirais que les détails ne sont pas un appel à l'action principal, en tant que tel, cela devrait être présenté différemment à l'utilisateur.
D'après ce que je vois, il y avait assez de pour cette information telle quelle. Peut-être que si vous faites cela pour réduire la charge cognitive, permettez à l'utilisateur de creuser profondément dans les données en utilisant une info-bulle (sauf si cela va être utilisé sur des tablettes ou des téléphones).
Option (pas nécessairement la meilleure)
Je dirais que vous pourriez reconstruire la vue. Plutôt que d'avoir 2 lignes avec 2 colonnes, Ayez 1 ligne avec 1 colonne montrant le Nom de l'étude - qui est le plus important.
Ensuite, sur la ligne suivante, vous pouvez diviser la ligne en colonnes pour accueillir les autres détails mais dans des tailles de police beaucoup plus petites pour optimiser la hiérarchie visuelle.
Vous avez beaucoup d'espace de largeur, donc ajuster les autres détails dans 1 ligne sous nom de l'étude sera parfait.
Vous pouvez considérer cette fonctionnalité comme automatisée. Lorsqu'un utilisateur fait défiler vers le bas, il n'est plus intéressé par les détails et les données peuvent être masquées. Alors qu'il revient en arrière, les détails peuvent apparaître. Vous pouvez valider pour senarios et Tweak l'implémentation.