• [^] # Re: La conception d'interfaces.

    Posté par (site web personnel) . En réponse au message [résolu] Design d'applications web - pourquoi "ça marche" ou "ça ne marche pas" ?. Évalué à 8.

    Niveau design, Sygne est plutôt juste (pour pas dire totalement :) )

    Dans les liens que je t'ai filé il y a pas mal de truc sur le design aussi.

    Mais je vais faire mon analyse (en essayant de pas faire doublon avec Sygne) :

    Au niveau des couleurs :
    Déjà, ça ne tranche pas avec le reste du navigateur. On a du mal à voir la différence entre ta barre de raccourcie et le menu de ton appli. Ton site se retrouve "parasité" par le navigateur. Pour ccgenie la démarcation est bien marqué et se retrouve donc isolé du reste.

    De plus, de manière générale, il faut un contraste d'intensité plutôt qu'un contraste de couleur. Pour Tracim ça semble fade, il y a très peu de contraste d'intensité. Le peu qu'il y a est sur le rapport blanc/bleu.

    Ensuite il faut définir des structures générales.

    Si je prend les deux screenshots et que je les floutes (Et là, les images ont un flou gaussien de rayon 30 (dans gimp). Si tu appliques un rayon de 50, c'est encore plus flagrant. Mais j'ai la flemme de reupload les images mieux floutées):

    tracim

    Sur tracim, il y a rien d'utile qui ressort. Le seul éléments qui fait contraste, c'est la barre de scrolling du menu. Ça ne structure rien. On semble perdu.

    ccgenie

    Sur ccgenie, des zones apparaissent. On a deux bandes noires en haut. Une grosse sur le coté. On a deux zone blanche.
    Ça structure la page. Le contenu principale, c'est la plus grosse zone blanche.
    À gauche, c'est un menu (on a l'habitude qu'il soit ici) et il a le même thème que les deux autres menus en haut.

    Les couleurs vertes se répondent aussi. On est dans une section (Document) qui a une couleur associée. Quand je vois du vert, je sais que je suis dans la section document. Pas de question à me poser, rien à lire (ok, faut avoir cliquer trois fois sur les sections pour connaître les couleurs, mais ça va vite, surtout avec les rappels en haut des boutons)

    Au niveau de l'alignement aussi. Les deux contenus de ccgenie ressortent. On devine la structure en grille qui apparaît. Au niveau de Tracim, il y a rien.

    Matthieu Gautier|irc:starmad