[Intermediaire] treenity-web.fr avis & conseils

Bonjour, dans le but de proposer mes services j'ai ouvert mon site internet.

j'aurai aimé avoir quelques critiques afin de m'améliorer encore plus, je suis un webmaster autodidacte et je suis toujours prêt à apprendre

http://www.treenity-web.fr

Design & codage par mes soins (sauf le script de rotation d'images)
les pages Creation/renovation/entretien sont des pages générées avec la base sql de "dolibarr" (gestion pour auto-entrepreneur).

merci d'avance

Salut,

Déja tu devrais commencer par t'occuper du poids des images, 900ko ça fait un peu beaucoup !

Petite erreur : toutes tes balises images définissent les attributs width et height avec l'unité "px" (<img height="40px"...).

Les unités ne doivent pas être renseignées, il s'agit toujours de px !
La syntaxe correcte est donc <img height="40" width="289" ...>

ok merci.

Syntaxes des images valides.
je m'occupe de la compression cet apres midi

édit 13h00 :
-conversion des PNG(header/content/footer) en .gif (gain de 50% de taille environ)

je pense que le gros soucis de taille vient des rotators, il faut que je les convertissent en flash, ou alors qu'il ne chargent que ce que l'utilisateur voit actuellement, et non la totalitée.
Modifié par Treenity (15 Aug 2010 - 13:14)

Bonjour,

Si je désactive les images je perds le menu

Si je désactive javascript le menu supérieur est inutilisable.

En principe une suite de lien s'appelle une liste donc on utilise les balises qui vont bien (ul, li).

Sur le formulaire de demande de devis les "label" ne sont pas là pour faire jolie mais pour être bien utilisés.

Donc tout ce qui se trouve entre les balises "p" devrait se trouver dans les "label" avec bien sur ce qu'il faut pour les rendre explicite (faire une recherche sur openweb pour la bonne utilisation des label et des formulaires en général).

Toujours dans se formulaire je suis obligé sur certains champs de supprimer le texte existant avant d'entrer le mien c'est pas super ergonomique comme solution.

De plus j'ai tendance à chercher le bouton de validation de ce formulaire qui se trouve sous code promo à droite.

Comme c'est présenté j'ai l'impression que sur le premier formulaire il manque le bouton de validation et qu'a à droite je valide juste un code promo pourquoi ne pas tout mettre à la suite ? Au niveau compréhension et ergonomie cela sera quand même plus viable.

Si javascript est désactivé le message d'avertissement comme quoi le champs est requis n'apparait plus il serait bien de le doubler par un message en début de formulaire qui mentionne que les champs avec astérisque sont obligatoires.


Sur IE je ne peux pas agrandir la taille de la police surement des unité exprimées en pixel.

En redimensionnant la page en 1024 avec la barre webdevelopper je perds tout une partie du contenu à droite je pense donc qu'en résolution 1024 native cela doit le faire aussi.

Les animations devraient normalement être désactivable par l'utilisateur.

J'ai essayé de naviguer au clavier, impossible d'atteindre les liens supérieurs

Sinon je ne fais pas le tour des meta inutiles (voir sur alsacreations l'article de Florent) et des "title" redondants sur les liens qui n'apporte pas de réelles informations supplémentaires par rapport à l'intitulé des liens.

Pas mal de style en ligne qui auraient leur place dans une CSS.

Sur la page création quand on passe la souris sur les caractéristiques de chaque thématiques l'on s'attend vu le comportement (changement de couleur, décalage) à ce que cela soit des liens alors qu'il en est rien. A part brouiller la lecture et embrouiller l'utilisateur je ne vois pas l'intérêt. D'ailleurs c'est un petit la même chose sur toutes les pages.

Les 3 boutons en haut à droite "standard w3c" "full resolution" "google-opt" ils sont là pour quoi ?

la première chose que j'ai fais c'est d'essayer de cliquer dessus pour voir si cela me donnait une info mais rien.

ok je vais voir pour corriger/développer tout cela d'une autre manière.

merci pour tout ces commentaires

voila j'ai refait la page de devis afin que les labels soit bien prit en compte, ainsi que les boutons en bas de page centré. Rajout d'une fonction de netoyage lors du focus des champs, et suppression du java de validation.

j'ai nettoyer quelques meta en suivant les conseils sur le post que tu m'as dit.

Pour le menu du dessus en effet on ne peut y accéder via le clavier, le "problème" de ce menu étant que ce sont des images background, car avec des margins négatifs(pour l'effet de slide) IE ne les prenais pas en compte, et avec des images en z-index inférieur, on ne pouvais plus cliquer dessus car elles étaient cachées par le bandeau.

j'ai enlever le style des listes(le padding-left+color) qui donnais effectivement cet effet au final désagréable.

Je rajouterai une infobulle (div caché) pour les 3 boutons en haut à droite du conteneur ou donnant sur une page explicative.

Pour la résolution en effet c'est un modèle fixe adapté pour du 1280x1024 minimum. le fait de passer sur un 1024x768 n'aurais dans tout les cas eu qu'un effet néfaste sur le site lui même, étant un peu pressé j'avais choisit de délaissé ce passage, mais il est prévu dans une prochaine version de travailler sur un design plus "simple" mais plus pratique pour gérer le multi-résolution"

merci encore de vos observations cela va m'aider à m'améliorer.

si vous avez d'autre observations n'hésitez pas

Un utilisateur pourrait penser que le lien "Clients" va présenter des exemples.
Vous pouvez créer une page pour présenter des exemples de réalisations.
La page contact ne précise pas si vous êtes disponible tous les jours.