Au premier coup d'œil jeté sur les copies d'écran, je suis plus attiré par ccGenie moi aussi. Cela relève de la mise en page à mon avis. Je vais essayer d'exprimer cette impression:
ccGenie structure fortement sa page par un contraste de couleurs, et la pense comme une image qu'il n'est pas nécessaire de lire pour y trouver des repères. La page de Tracim est peu contrastée, et elle est construite comme un page de texte, qui doit être lue plutôt que vue.
Tracim semble fourmiller d'information, le regard cherche parmi elles celles qui sont pertinentes, ccGenie minimise la quantité d'information textuelles.
Tracim utilise des phrases (« Allow to reset password to [...] Créé(e) le... »), ccGenie utilise de simples mots.
Tracim hiérarchise peu les éléments textuels, ccGenie utilise un double contraste (taille et couleur), de sorte que l'information secondaire apparaît effacée.
Outre le texte, Tracim incorpore dans la page tout un ensemble d'éléments qui viennent parasiter la lecture: la petite icône bleue à droite du titre, les flèches vers le bas ou la droite des menus déroulants, les slash dans le menu « espace de travail, développement, bugs », etc.
Icônes et textes sont redondants sur la page de Tracim. Mieux vaudrait peut-être se contenter de l'un ou de l'autre, selon les cas. Par exemple, espace de travail n'a pas nécessairement besoin d'une icône de bureau.
Les lignes grises, horizontales et verticales, sur la page de Tracim sont probablement symptomatiques: elles sont censées hiérarchiser la page, mais la complexifient finalement en ajoutant encore un élément visuel et sémantique.
Je penche donc pour une forme d'épuration de la page, en utilisant des contrastes forts pour hiérarchiser les blocs, des contrastes forts pour hiérarchiser les éléments textuels, de simples mots pour les menus, des formats simples pour l'information textuelle (en particulier les dates), et en supprimant toutes les icônes. Sur cette base, il sera plus facile de replacer des icônes pertinentes sémantiquement et visuellement.
# Mise en page
Posté par Sygne (site web personnel) . En réponse au message [résolu] Design d'applications web - pourquoi "ça marche" ou "ça ne marche pas" ?. Évalué à 10.
Au premier coup d'œil jeté sur les copies d'écran, je suis plus attiré par ccGenie moi aussi. Cela relève de la mise en page à mon avis. Je vais essayer d'exprimer cette impression:
Je penche donc pour une forme d'épuration de la page, en utilisant des contrastes forts pour hiérarchiser les blocs, des contrastes forts pour hiérarchiser les éléments textuels, de simples mots pour les menus, des formats simples pour l'information textuelle (en particulier les dates), et en supprimant toutes les icônes. Sur cette base, il sera plus facile de replacer des icônes pertinentes sémantiquement et visuellement.