3246 sujets
Critiques de vos sites: code et design
Bonjour,
Je ne suis pas un spécialiste mais je donne quand même un avis
, plus sur le design…
C'est visuellement simple, propre et efficace, moins brouillon que la première version du site selon moi.
Par contre, toujours visuellement, dans la première version je n'étais pas fan des "fiches tarifs" présentant différentes longueurs en fonction du texte et c'était à uniformiser. Si c'est corrigé dans cette seconde version, on retrouve toutefois la même chose pour les "fiches services". Je pense que ce serait visuellement plus sympa avec une longueur uniforme et donc un alignement autant pour le haut que pour le bas.
Modifié par Mazh (10 Apr 2014 - 11:40)
Je ne suis pas un spécialiste mais je donne quand même un avis
, plus sur le design…C'est visuellement simple, propre et efficace, moins brouillon que la première version du site selon moi.
Par contre, toujours visuellement, dans la première version je n'étais pas fan des "fiches tarifs" présentant différentes longueurs en fonction du texte et c'était à uniformiser. Si c'est corrigé dans cette seconde version, on retrouve toutefois la même chose pour les "fiches services". Je pense que ce serait visuellement plus sympa avec une longueur uniforme et donc un alignement autant pour le haut que pour le bas.
Modifié par Mazh (10 Apr 2014 - 11:40)
Bonjour et merci pour ta réponse Mazh.
Effectivement je partage ton avis sur la longueur des fiches services et la fiche tarif bleue qui est légèrement plus longue sur la seconde version du site. Une même longueur pour toutes les fiches serait plus esthétique.
Je vais corriger ce détail en attendant d'autres avis.
Effectivement je partage ton avis sur la longueur des fiches services et la fiche tarif bleue qui est légèrement plus longue sur la seconde version du site. Une même longueur pour toutes les fiches serait plus esthétique.
Je vais corriger ce détail en attendant d'autres avis.
Pour ton souci avec IE6 et IE7, tu devrais lire les articles sur le sujet proposés sur le site alsacreations. Il existe des alternatives plus ou moins simples à mettre en place et qui permettent d'obtenir quelque chose de correct faute de mieux avec les mauvais élèves.
Pour les avis, ne t'attends pas à des pages et des pages sur ce forum et surtout pas dans l'heure qui suit mais par contre, tu trouveras des avis constructifs en retour. Il faut juste laisser un peu de temps et notamment au plus avertis qui sont déjà pas mal sollicités sur les autres parties du forum.
Pour les avis, ne t'attends pas à des pages et des pages sur ce forum et surtout pas dans l'heure qui suit mais par contre, tu trouveras des avis constructifs en retour. Il faut juste laisser un peu de temps et notamment au plus avertis qui sont déjà pas mal sollicités sur les autres parties du forum.
Merci pour ta nouvelle réponse Mazh.
J'ai mis de côté IE6 et IE7 pour le moment. Je pense reprendre le design à zéro ou tout du moins mieux prendre en main celui-ci.
Je comprends tout à fait pour les avis, je ne suis pas pressé et d'autres projets sont sûrement plus aboutis. De plus, je ne participe pas beaucoup au forum, ça ne doit pas trop aider non plus.
J'adore passer du temps à construire un site web, mais je reste un "bidouilleur", ça doit se voir sur mon code. Le cœur de mon métier est de toucher à tout, l'ennui c'est que je ne peux me spécialiser en rien...
Je m'égare désolé.
A plus tard.
J'ai mis de côté IE6 et IE7 pour le moment. Je pense reprendre le design à zéro ou tout du moins mieux prendre en main celui-ci.
Je comprends tout à fait pour les avis, je ne suis pas pressé et d'autres projets sont sûrement plus aboutis. De plus, je ne participe pas beaucoup au forum, ça ne doit pas trop aider non plus.
J'adore passer du temps à construire un site web, mais je reste un "bidouilleur", ça doit se voir sur mon code. Le cœur de mon métier est de toucher à tout, l'ennui c'est que je ne peux me spécialiser en rien...
Je m'égare désolé.
A plus tard.
Bonjour,
Ce genre de chose :
Est à mon sens une aberration à l'heure actuelle, bien que partant d'un bon sentiment IE 6 et 7 ne doivent plus être encouragés à être supportés et surtout tu ne devrais vraiment pas te prendre le chou à intégrer des CSS pour cela.
Un joli bandeau "votre navigateur est obsolète, veuillez le mettre à jour" me paraîtrait plus adéquat.
Ceci dit, ta clientèle peut s'avérer être des "dinosaures de l'informatique", étant donné que tu peux t'adresser à des personnes âgés, mais bon...
Je trouve le logo assez vieillissant, les souris manquent de reflets, de dégradés (illustrator fait très bien cela), voire de taille (trop petites)... De même, les couleurs et le style du logo pourraient être réalisés en CSS3, mais cela reste facultatif.
Je ne suis pas fan du orange accordé au bleu (au survol des liens du menu), un blanc ou une autre couleur conviendrait mieux il me semble.
Il est bon d'avoir un template adapté aux mobiles, mais celui-ci n'est pas 100% responsive... Il applique une media query sur les résolutions mobiles mais pas sur les tablettes ou encore le redimensionnement classique de fenêtre... A noter également l'absence totale de viewport dans ton doctype...
C'est tout ce que je vois de flagrant après une analyse rapide,
Bon courage
Ce genre de chose :
<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
<!--FIX IE6-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6-css.css" media="all"/>
<![endif]-->Est à mon sens une aberration à l'heure actuelle, bien que partant d'un bon sentiment IE 6 et 7 ne doivent plus être encouragés à être supportés et surtout tu ne devrais vraiment pas te prendre le chou à intégrer des CSS pour cela.
Un joli bandeau "votre navigateur est obsolète, veuillez le mettre à jour" me paraîtrait plus adéquat.
Ceci dit, ta clientèle peut s'avérer être des "dinosaures de l'informatique", étant donné que tu peux t'adresser à des personnes âgés, mais bon...
Je trouve le logo assez vieillissant, les souris manquent de reflets, de dégradés (illustrator fait très bien cela), voire de taille (trop petites)... De même, les couleurs et le style du logo pourraient être réalisés en CSS3, mais cela reste facultatif.
Je ne suis pas fan du orange accordé au bleu (au survol des liens du menu), un blanc ou une autre couleur conviendrait mieux il me semble.
Il est bon d'avoir un template adapté aux mobiles, mais celui-ci n'est pas 100% responsive... Il applique une media query sur les résolutions mobiles mais pas sur les tablettes ou encore le redimensionnement classique de fenêtre... A noter également l'absence totale de viewport dans ton doctype...
C'est tout ce que je vois de flagrant après une analyse rapide,
Bon courage
Bonjour et merci pour ce retour ohweb,
Je prends bien note des différents éléments que tu as soulignés.
J'ai édité mon premier message tout à l'heure en ajoutant que je ferais sûrement en sorte que les utilisateurs d'anciens (trop anciens ?) navigateurs soient redirigés vers une page les informant de l'obsolescence de leur navigateur mais tout en leur proposant de visiter l'ancien site ou en laissant uniquement mes coordonnées de contact.
Les souris ont été crées sous Illustrator, je dois bien avoué que je ne suis pas très à l'aise avec ce dernier. Je me débrouille bien mieux sous Photoshop. Ces souris sont présentes sur mes flyers, j'ai cru bon de les réutiliser sur le site pour conserver le même thème.
Il est vrai que c'est assez "simple" visuellement, je vais réfléchir à quelque chose de plus moderne.
Ayant récupéré ce template sur le net, je n'ai pas fait attention au viewport. La navigation sur tablette ne m'a pas choqué, sur un iPad mini tout du moins. Par contre sur smartphone effectivement ce n'est pas la même chose, toutes les cellules sont alignées... Je reconnais que ce n'est pas agréable.
Pour mon ancien site perso, j'avais mis en place une version mobile du site inspirée par ce très bon article : http://www.alsacreations.com/astuce/lire/1177-une-feuille-de-styles-de-base-pour-le-web-mobile.html, ce que je pense remettre en place pour celui-ci.
Je pense qu'il me faut reprendre à zéro pour la partie code (que je ne comprends qu'à moitié) en conservant ce design qui me semble adapté.
Je vous tiens informés.
Merci encore.
Modifié par Nomad83 (04 Jun 2014 - 10:53)
Je prends bien note des différents éléments que tu as soulignés.
J'ai édité mon premier message tout à l'heure en ajoutant que je ferais sûrement en sorte que les utilisateurs d'anciens (trop anciens ?) navigateurs soient redirigés vers une page les informant de l'obsolescence de leur navigateur mais tout en leur proposant de visiter l'ancien site ou en laissant uniquement mes coordonnées de contact.
Les souris ont été crées sous Illustrator, je dois bien avoué que je ne suis pas très à l'aise avec ce dernier. Je me débrouille bien mieux sous Photoshop. Ces souris sont présentes sur mes flyers, j'ai cru bon de les réutiliser sur le site pour conserver le même thème.
Il est vrai que c'est assez "simple" visuellement, je vais réfléchir à quelque chose de plus moderne.
Ayant récupéré ce template sur le net, je n'ai pas fait attention au viewport. La navigation sur tablette ne m'a pas choqué, sur un iPad mini tout du moins. Par contre sur smartphone effectivement ce n'est pas la même chose, toutes les cellules sont alignées... Je reconnais que ce n'est pas agréable.
Pour mon ancien site perso, j'avais mis en place une version mobile du site inspirée par ce très bon article : http://www.alsacreations.com/astuce/lire/1177-une-feuille-de-styles-de-base-pour-le-web-mobile.html, ce que je pense remettre en place pour celui-ci.
Je pense qu'il me faut reprendre à zéro pour la partie code (que je ne comprends qu'à moitié) en conservant ce design qui me semble adapté.
Je vous tiens informés.
Merci encore.
Modifié par Nomad83 (04 Jun 2014 - 10:53)