Demande d'avis et de tests sous IE6

Bonjour,

En tant que débutant ça fait un sacré moment que je travail dessus, c'est mon premier site web que j'ai pu réaliser sans l'aide graphique de Dreamweaver (donc en manipulant que le code). Je suis assez content d'y arriver et que ça fonctionne sous FF et IE7, mais je n'ai pas pu tester sous IE6 et j'ai un peu peur qu'il y ai l'apparition de bugs multiples. J'ai fais un dossier test avec presque toutes les pages :

http://myrmecophoto.free.fr/test/accueil.htm

Dans la galerie taxonomique, seules les espèces "Aphaenogaster" sont visionnables, je n'ai pas uploadé toutes les catégories car les autres sont pareils. Mon site reste toutefois très amateur, mais j'aimerai quand même que vous me donniez votre avis dessus.

Le plus important, c'est que je sache si tout fonctionne sous IE6.

Merci d'avance,

Cédric R.
Modifié par Rurik (18 Apr 2007 - 13:19)

Salut,

Vite fait par manque de temps :

Niveau couleurs, je trouve que dans l'ensemble elles sont un peu tristes.
Le gris de fond est très neutre, le rendre un peu plus froid (avec un peu de bleu en plus) serait bien. le rouge et le bordeaux renforcent cette impression de terne. Les couleurs de fond de la bannière sont elles aussi bien tristes exceptée la couleur de celle de la page ressources.

Niveau lisibilité, il serait bon de limiter la largeur du site à un maximum qui fasse que le contenu soit facilement lisible. Le retour à la ligne d'une ligne très longue fatigue l'oeil car on doit suivre la ligne en sens inverse pour être sur de ne pas se tromper (effort double).

Il serait vraiment vital de prendre en compte la langue française et relire et/ou faire relire par quelqu'un de compétent. Un site truffé de fautes perds sa crédibilité et finit associé comme site amateur.

Dans la page news, le fait d'avoir le contenu aligné plus à gauche que les titres fait qu'il est difficile de lire le tout. En plus tous ces filets horizontaux très proches fatiguent l'oeil énormément et ne rendent pas la structure plus claire. Et çà c'est accentué par le fait que ton site est très large chez moi (1600x1200), mais c'est valable aussi en 800x600. Personnellement je supprimerai ceux des <h3>.

Les boutons verticaux dans la galerie dont inadapté à mon sens, car la lecture verticale sur un écran d'ordinateur impose majoritairement un effort de la part du visiteur. De plus, n'étant pas spécialiste je ne sais pas à quoi correspondent les intitulés des boutons... "O. minor", "O. média". Il faudrait rendre çà plus clair.

En page de contact, un formulaire serait plus convivial et rendrait les choses plus faciles pour le visiteur.

Sinon j'ai mets en favoris, j'attends de voir un peu les photos qui semblent jolies, ça va m'inspirer pour dessiner je sens !
Modifié par Mikachu (18 Apr 2007 - 13:52)

Salut Rurik,

Je n'ai pas pu le tester sur ie6 car je suis au boulot, mais si tu veux, il existe plusieurs possibilités pour toi pour le vérifier.

Soit tu installes Multiple IEs qui installe en standalone plusieurs versions d'ie.
C'est un logiciel gratuit et téléchargeable sur site de Tredosoft(le lien de téléchargement est un peu plus bas dans la page) Attention si tu as vista ça fonctionne pas pour le moment.

Ou alors il existe des sites sympa qui te permettent de voir ce que donne ton site sur d'autres navigateurs et/ou plateformes:

http://browsershots.org/ teste pour toi les navigateurs suivant les plateformes (linux, windows, mac) et t'en donne un visuel dans l'heure (choisi la valeur maximum wait la plus grande possible car il y a beaucoup de demande).

sinon il y a http://www.browsrcamp.com/ qui te permet d'avoir rapidement en quelques minutes le rendu de ton site sous safari.

J'espère avoir pu t'aider.
cordialement.

Oups j'avais oublié la requète pour IE6.

Le soucis avec IE 6 c'est que le site prends toute la largeur du navigateur au lieu de conserver une marge de fond gris de chaque côté.
Hormis ce détail, le reste du site se comporte pareil que sur FF.

Re! Merci pour ces réponses très rapides!

a écrit :
Niveau couleurs, je trouve que dans l'ensemble elles sont un peu tristes.
Le gris de fond est très neutre, le rendre un peu plus froid (avec un peu de bleu en plus) serait bien. le rouge et le bordeaux renforcent cette impression de terne. Les couleurs de fond de la bannière sont elles aussi bien tristes exceptée la couleur de celle de la page ressources.

C'est vrai... Je suis en train d'éclaircir toutes les couleures pour que ce soit moins triste. Mais je ne pense pas changer les bannières header...

a écrit :
Niveau lisibilité, il serait bon de limiter la largeur du site à un maximum qui fasse que le contenu soit facilement lisible. Le retour à la ligne d'une ligne très longue fatigue l'oeil car on doit suivre la ligne en sens inverse pour être sur de ne pas se tromper (effort double).

Ok, je vais m'occuper de ça aussi.

a écrit :
Il serait vraiment vital de prendre en compte la langue française et relire et/ou faire relire par quelqu'un de compétent. Un site truffé de fautes perds sa crédibilité et finit associé comme site amateur.

Oups oui, mais ça fait parti des derniers détails, je vais relire, passer sous le correcteur de Word, et encore vérifier par quelqu'un de compétent en la matière .

a écrit :
Dans la page news, le fait d'avoir le contenu aligné plus à gauche que les titres fait qu'il est difficile de lire le tout. En plus tous ces filets horizontaux très proches fatiguent l'oeil énormément et ne rendent pas la structure plus claire. Et çà c'est accentué par le fait que ton site est très large chez moi (1600x1200), mais c'est valable aussi en 800x600. Personnellement je supprimerai ceux des <h3>.

Je vais faire ça, ou alors le passer en <h4> comme dans la galerie taxonomique.

a écrit :
Les boutons verticaux dans la galerie dont inadapté à mon sens, car la lecture verticale sur un écran d'ordinateur impose majoritairement un effort de la part du visiteur. De plus, n'étant pas spécialiste je ne sais pas à quoi correspondent les intitulés des boutons... "O. minor", "O. média". Il faudrait rendre çà plus clair.

Ok! Je vais créer d'autres boutons alors. "O. media" ou "O. minor" est en fait "Ouvrière media" et "Ouvrière minor"

a écrit :
En page de contact, un formulaire serait plus convivial et rendrait les choses plus faciles pour le visiteur.

Un formulaire? Comment? Je... comprend pas trop désolé .

a écrit :
Sinon j'ai mets en favoris, j'attends de voir un peu les photos qui semblent jolies, ça va m'inspirer pour dessiner je sens !

Merci, ça fait plaisir!

Comment ça se fait que sous IE6 il y a ce problème de largeur. Pourtant le code est bon, avec les commentaires conditionnels etc., au tout début ça fonctionnait.

Bon ben moi qui pensait pouvoir le mettre en ligne aujourd'hui ou demain... C'est pas le cas!
Merci pour l'aide!

Cédric R.

Rurik a écrit :
C'est vrai... Je suis en train d'éclaircir toutes les couleures pour que ce soit moins triste. Mais je ne pense pas changer les bannières header...

Si tu change les autres couleurs celle là ne choqueront pas, et puis elles vont avec le ton des photos qui les accompagnent.

Rurik a écrit :
Je vais faire ça, ou alors le passer en <h4> comme dans la galerie taxonomique.

Mmh fais attention qu'il y ait toujours une logique dans tes niveaux de titre, si tu emploie un <h4> c'est qu'il y a eu auparavant un <h3>, et ainsi de suite. Dans l'ordre ton code html, leur première occurence doit apparaître dans l'ordre sans en sauter.

Rurik a écrit :
Un formulaire? Comment? Je... comprend pas trop désolé .

Un formulaire avec des champs comme "nom", "adresse mail", "sujet", etc. Le visiteur cherchant à te contacter n'a plus qu'à rentrer les infos dans les champs et appuyer sur ok, et un code se charge de tout t'envoyer à toi directement. Si tu veux un exemple tu peux voir sur le lien de mon site.

Rurik a écrit :
Bon ben moi qui pensait pouvoir le mettre en ligne aujourd'hui ou demain... C'est pas le cas!

Mmmh le site est tout à fait utilisable en l'état, je pense que tu peux le mettre en ligne, c'est juste que c'est pas très élégant sur IE6. Mais ça tu peux y remédier dans les jours qui viennent. Enfin comme tu le sens bien évidemment

a écrit :
Mmh fais attention qu'il y ait toujours une logique dans tes niveaux de titre, si tu emploie un <h4> c'est qu'il y a eu auparavant un <h3>, et ainsi de suite. Dans l'ordre ton code html, leur première occurence doit apparaître dans l'ordre sans en sauter.

Ok, je savais pas que c'était vital, je modifie donc le <h3> juste pour la page des news.

a écrit :
Un formulaire avec des champs comme "nom", "adresse mail", "sujet", etc. Le visiteur cherchant à te contacter n'a plus qu'à rentrer les infos dans les champs et appuyer sur ok, et un code se charge de tout t'envoyer à toi directement. Si tu veux un exemple tu peux voir sur le lien de mon site.

Oh ok! C'est bien mieux c'est vrai, je vais m'en inspirer alors.

Concernant IE6 j'utilise aussi "multiples IE", mais j'ai eu des bugs avec quand j'essayais d'afficher mon site, ça mettait page blanche, et j'ai souvent lu que multiple IE ne prenait pas les commentaires conditionnels qui étaient atribuées (par ex la version 6) car chaque version "se prend" pour IE7. Quand à http://browsershots.org J'attend toujours le screenshot . Donc si c'est mon site est si élargi dans IE6, ce ne serait pas parce que votre version est aussi du multiple IE et qu'il ne prend pas les commentaires conditionnels?

Bonjour,

Voilà j'ai actualisé le liste, j'en ai profité pour le mettre en ligne à cette adresse : http://myrmecophoto.free.fr

J'ai éclairci les couleurs de fond, les titres et sous titres. J'ai changé les boutons verticaux pour qu'ils soient lisibles horizontalement. J'ai inclus une valeur "width-max" à la page, avec des commentaires conditionnels pour IE6. J'ai "tenté" de rendre le tout compatible sous IE6 (mais je n'en suis pas sûr). J'ai réglé le problème avec les lignes <h3>.

Je n'ai par contre pas mis de formulaire. Car j'ai vu qu'il fallait toucher à du php, et le php j'y ai jamais touché . Quand j'aurai beaucoup de temps je m'y lancerai.

Et pour les fautes de langue française c'est en cours de correction (c'est pas fini!).

Voilà si vous avez d'autres commentaires à faire, notamment sur la navigation sous IE6, je suis tout ouvert!

Cédric R.

Salut,

Pour les couleurs ça doit pas être très probant j'ai pas l'impression d'une différence.

Niveau lisibilité c'est beaucoup mieux sans tout ces filets perturbateurs.

Pour IE6, ça fonctionne normalement maintenant

Re!

Daccord pour les couleurs . Pourtant en arrière plan je suis passé de #aaaaaa à #cccccc, et pour le conteneur de #eaeaea à #fafafa, y a quand même un pitite differences non?

Merci bien!

Cédric R.