Concernant les images, je ne donnerai pas mon avis, je suis pas illustrateur et mes qualités en la matière sont proches de zéro. Sans parler de la question du style qui demeure très personnelle. Juste une chose, quand on met des cheveux blond et que les sourcils restent noir, ça fait assez bizarre. Faudrait coordonner les deux.
Maintenant, concernant l'ergonomie, voici mes remarques :
1. Regroupe les coupes par type. Par exemple, tu as plusieurs exemplaires de la "banane" de rockeur, avec des couleurs différentes. Tu ne devrais mettre qu'un seul exemplaire de cette banane.
2. En conséquence à ma première remarque, pour les modèles bénéficiant de plusieurs couleurs, permettre de switcher entre celles-ci. Y a pas mal de solutions, comme mettre des flèches au-dessus de la coupe lorsque d'autres coloris sont dispos. Ça permettra d'économiser de la place.
Edition : Il y a moyen d'aller encore plus loin en ne montrant qu'une seule coupe de cheveux, qu'un type de nez, etc. Il faut alors placer des flèches sur les côtés pour passer au type de nez suivant. De la sorte, tu ne dois plus afficher les trois types de nez différents.
Aussi, une technique que j'ai utilisée personnellement pour mon générateur d'avatar, j'ai regroupé tous mes éléments d'avatar sur une seule image (je reviens plus sur le nom technique de cette optimisation :cogne
. Ca limite grandement le nombre de requêtes et ça permet que tout soit chargé une seule fois. C'est assez pratique.
Faut savoir que cette image est générée automatiquement par un script PHP qui génère aussi le fichier CSS qui va avec. Après, il me suffit de gérer le tout avec des class css et la propriété background-position.
Voici l'image en question (je l'ai coupé en longueur, normalement y a les yeux, les vêtements, etc.) :![[Image: general.png]](http://dl.dropbox.com/u/3658389/tdc/bordel/general.png)
Maintenant, concernant l'ergonomie, voici mes remarques :
1. Regroupe les coupes par type. Par exemple, tu as plusieurs exemplaires de la "banane" de rockeur, avec des couleurs différentes. Tu ne devrais mettre qu'un seul exemplaire de cette banane.
2. En conséquence à ma première remarque, pour les modèles bénéficiant de plusieurs couleurs, permettre de switcher entre celles-ci. Y a pas mal de solutions, comme mettre des flèches au-dessus de la coupe lorsque d'autres coloris sont dispos. Ça permettra d'économiser de la place.
Edition : Il y a moyen d'aller encore plus loin en ne montrant qu'une seule coupe de cheveux, qu'un type de nez, etc. Il faut alors placer des flèches sur les côtés pour passer au type de nez suivant. De la sorte, tu ne dois plus afficher les trois types de nez différents.
Aussi, une technique que j'ai utilisée personnellement pour mon générateur d'avatar, j'ai regroupé tous mes éléments d'avatar sur une seule image (je reviens plus sur le nom technique de cette optimisation :cogne
. Ca limite grandement le nombre de requêtes et ça permet que tout soit chargé une seule fois. C'est assez pratique.Faut savoir que cette image est générée automatiquement par un script PHP qui génère aussi le fichier CSS qui va avec. Après, il me suffit de gérer le tout avec des class css et la propriété background-position.
Voici l'image en question (je l'ai coupé en longueur, normalement y a les yeux, les vêtements, etc.) :
![[Image: banner.png]](http://www.laluciole.me/wp-content/uploads/2013/02/banner.png)