Vue de détail principale avec une vue principale de table
J'ai la nécessité d'utiliser une vue Table pour afficher le contenu, y compris une image. Cliquer sur une ligne afficherait la vue de détail avec tous les éléments de texte dans une présentation de formulaire.
Sur le plan fonctionnel, je suis en mesure d'y parvenir, mais le résultat semble horrible. Je suis loin de l'interface utilisateur et je suis plutôt un programmeur backend qui n'a pas de dispositions pour publier des maquettes, affichant ainsi la vraie capture d'écran.
Cela m'aiderait beaucoup si je pouvais obtenir quelques suggestions sur:
- Comment structurer les données différemment dans ce cas, contraint à une forme tabulaire?
- Que peut-on faire d'autre pour améliorer l'UX de cette vue?
En-tête de tablea Vous pouvez rendre votre en-tête de tableau plus visible en augmentant le poids de sa police, en lui donnant une couleur d'arrière-plan plus sombre que les lignes.
Barre de défilement Je peux voir une barre de défilement horizontale, qui ne donne pas un bon aperçu du tableau.Si vous avez plus de nombre de colonnes, alors ayez une flèche pour afficher des colonnes supplémentaires ou réduisez la colonne largeur et en survol donnent les valeurs complètes.
Vue détaillée Et pour afficher votre vue détaillée, comment amener l'utilisateur sur une autre page.Je pense que ce serait mieux.Au cas où vous voudriez avoir tous les détails sur cette page, alors vous pouvez faire le lignes extensibles, à condition que vous n'ayez pas trop de champs.Dans le cas où vous donnez une option à modifier, vous pouvez placer les détails dans le formulaire à l'intérieur des zones de texte, s'il est en lecture seule, il serait préférable de supprimer les zones de texte.