3246 sujets

Critiques de vos sites: code et design

Merci pour vos critiques

Pages :
Salut,

1er truc qui me gêne ; quand on passe au dessus de "suite >>", l'écriture passe en gras et ça décale la suite. (ça le fait pour toute la ligne)
(FF sous FC2)

Pareil pour le menu ; ça passe en gras avec ">> " au devant que chaque item.
Perso, je trouve pas ça terrible (mais les goûts et les couleurs ...)

Les pop-up ne risquent pas d'être bloquées par certains systèmes ?

Page "actualité", le menu "merdouille" ; "accueil" est hors du cadre.

page "nos coordonnées" fait pareil.

Voilà pour un tour rapide.
J'ai des invités ce midi alors je ne reste pas trop longtemps ; désolé.

Sinon, apparance générale agréable pour moi Smiley cligne

@+
dieteticien a écrit :
Les pop-up ne risquent pas d'être bloquées par certains systèmes ?

Qu'est-ce que tu appelle les pop-up ?
dieteticien a écrit :
Page "actualité", le menu "merdouille" ; "accueil" est hors du cadre. page "nos coordonnées" fait pareil.

Merci, je n'avais pas vu vérifié sous autre chose que IE6.
Bonsoir,
Moi j'ai un petit soucis avec les couleurs, il y a un logo (Itecks) avec ses couleurs propres qui je trouve ne sont pas reprisent, je verrais bien des couleurs générales avec le bleu et le mauve du logo. Le gris du menu me choque et perturbe ma perception de la page.
Il me semble qu'il manque une couleur un peu plus vive, tous les tons sont trop neutres à mon goût.
Mes 2cts.
Modifié par Igor (15 Feb 2005 - 12:49)
Je suis d'accord pour les couleurs.

Il faudrait surtout dans le menu une couleur qui tranche un peu plus avec le fond.

Moi mon problème, c'est que le menu de gauche change tout le temps, et donc je ne peux créer aucun repères et si je visite vraiment le site, je pense que je serai perdue.

Lorsque l'on clique sur une machine en particulier, on perd d'autres niveaux de navigation.
Effectivement, les couleurs c'est pas mon fort Smiley sweatdrop
Je n'ai pas beaucoup de réussite pour cela.
J'ai lu que les couleurs bleu etaient deconseillées surtout en fond car elle diluaient la perception. Si quelqu'un le demande, je pourrais le retrouver là ou je l'ai lu www.webrankinfo.com
Concernant les menus, il y a normalement en haut de page une ligne permettant de s'y retrouver dans l'arborescence. J'ai bien noté la critique et vais y reflechir.
Merci en tout cas pour ses avis éclairés Smiley jap
Oui j'ai vu la ligne.
Je suis d'accord que ça permet de s'y retrouver.

Mais il faut déjà le remarquer, et ensuite je trouve mieux de différencier les différents niveaux d'une navigation.

Eventuellement, tu pourrais mettre ces "sous menus" dans une autre couleur et garder le premier niveau tjs présent.

Ex :

Les machines
» Encartonneuse
-> Accueil encartonneuse
-> Caractéristiques
» Palettisation
» Dosage
» Machine spéciale

L'entreprise

» Présentation
» Actualité

Les services

» SAV
» Téléchargements

Nous contacter

» Nous écrire
» Nos coordonnées complètes

Divers

» Mentions légales
» Plan du site
» Principaux fournisseurs
» Accueil
Modifié par johanna33 (15 Feb 2005 - 14:12)
alibaba a écrit :

Qu'est-ce que tu appelle les pop-up ?


Si je fais un clic gauche sur ça (par exemple) :
animation principe encartonneuse
(gif animé 49ko)
Sous FireFox 1.0 (Linux), j'ai une "pop-up" qui s'ouvre ; c'est à dire une petite fenêtre (que tu as configuré toi-même).
Par contre sous Crazy Browser, ça s'ouvre dans un autre onglet en arrière plan du fait du programme (blocage des pop-up non sollicitées et ouverture en arrière plan des autres)

Tu l'as mis toi-même dans ton code :
<body lang=fr>
  <div id=global>
   <div id=corps>
[#red]    <script type="text/javascript"> <!--
function fenetre_carton_ecorche() {
  window.open("http://www.iteks.fr/encartonneuse/encartonneuse_bib_f.htm", "aproposde", "toolbar=no, location=no, directories=no, status=no, scrollbars=no, resizable=no, copyhistory=no, width=380, height=380, left=300, top=50");
  }  
function fenetre_animation() {
  window.open("http://www.iteks.fr/image/animation-bib.gif", "aproposde", "toolbar=no, location=no, directories=no, status=no, scrollbars=no, resizable=no, copyhistory=no, width=200, height=250, left=300, top=50");
  }
-->
</script>[/#]
<h1>Encartonneuse avec sac plastique</h1><br>
<p>Notre encartonneuse apporte au marché une nouvelle approche dans le conditionnement <strong>"bag in the box"</strong> gueule ouverte (BIB)
tant pour des solides que certains liquides.

[#red]<a href="#" onclick="fenetre_carton_ecorche()"> <img src="http://www.iteks.fr/image/bag_in_box.gif" alt="bag in the box" width="280" height="183" align=right border=0></a>[/#]
Aujourd'hui toutes les opérations liées à ce conditionnement, hier vendues sous forme de machines séparées, 
sont désormais disponibles dans un châssis unique. Le gain est évidemment en matière de prix, d'encombrement et de conduite de machine (une seule interface homme/machine).
Les principales variantes possibles sont mono ou multiformat et la construction inox ou acier peint.</p>
[#red]<center><a href="#" onclick="fenetre_animation()">animation principe encartonneuse</a><br><small>(gif animé 49ko)</small></center>[/#]

<p>Fonctions assurées par l'encartonneuse :</p>


De plus, en cas de désactivation du javascript, ça marche plus.
Comment puis-je faire sans cette notion de pop-up pour ouvrir une fenetre NUE ?

@joahanna de bordeaux : je vais essayer de faire un menu en php ce week-end afin d'être plus clair.

Merci encore pour vos commentaires
Salut,

Je sais critiquer mais je suis un gros nul en xhtml et CSS alors ... Smiley confused
Sur mon site, j'avais des pop-up pour les recettes.
Sur la nouvelle version, j'ai tout viré pour faire des pages complètes (la recette apparait dans une page avec le même gabarit que le reste du site)
Je n'ai pas LA solution ; désolé Smiley confused

@+
Modérateur
Si tu tiens vraiment à utiliser des liens qui s'ouvrent dans une nouvelle fenêtre, assure-toi que ca reste accessible. Tu peux lire un très bon article sur openweb à ce sujet.
J'ai modifié suivant les recomandations de Johanna le menu. J'espère que c'est plus clair Smiley sweatdrop
J'avoue que je bloque toujours pour les couleurs Smiley bawling Si quelque bonne âme peut m'aider .....
Modifié par alibaba (21 Feb 2005 - 10:25)
J'y vais aussi de mes critiques. Les goûts et les couleurs...

* Sur l'ensemble des pages, il manque le trait à droite pour "fermer" le cadre enveloppant le tout (liseré noir)
* J'ajouterais des règles CSS pour l'impression (principalement: virer le menu)
* Sur la page d'accueil, je trouve aussi génant le suite>> qui passe en gras et décale le tout. Par ailleurs, le fait d'avoir les titres centrés au dessus des blocs rend peut visible ces différents blocs. J'essaierais de mieux les différencier et peut être de rendre plus visible le suite
* Sur la page d'accueil (encore), je trouve gênant le texte souligné. Je réserverais le soulignement pour les liens.
Oups... je n'avais pas fini:

* Le logo est peu mis en évidence. C'est fort classique, mais la présentation bandeau haut / bas fonctionne quand même bien. D'ailleurs, ce serait bien d'avoir quelque chose qui donne une image plus forte de l'entreprise à chaque page.
* Je trouve le menu un peu trop collé à gauche
* Enfin, dans la page téléchargement, je trouve bizarre d'avoir le titre du document à télécharger en français quand il s'agit de la version espagnole. Les versions ne devraient elles pas être incluses uniquement dans la version spécifique du site?
Je trouve ça nettement mieux pour le menu.
La navigation est bcp plus intuitive !!

Sinon, je décollerai un peu le menu du bord de la page (5px).
Et effectivement, l'image de l'entreprise ne ressort pas assez (logo...)
Les couleurs sont plus en relation avec le logo, mais il reste ce vert dans les titres qui choque un peu.
Pour ne pas faire trop triste et froid, il est possible de rajouter un marron : #9E6D2E par exemple...
@ belgeric, Bien vu pour la version en espagnol. Simplement, comme nous n'avons rien traduit en anglais au niveau des téléchargement, nous arions l'air un peu con sans rien. Sinon, merci d'avoir pris le temps de visiter. Je vais essayer de voir pour tes autres recommandation. Perso, j'aime bien le >> qui se decale. Si j'ai bien compris, ce qui ne te plais pas, c'est que ça influ sur le reste du contenu de la page ?

@ Johanna. Merci beaucoup pour la suggestion couleur. Où dois-je la mettre ? Ayant conscience que j'ai mauvais gout et, du surcroit, etant daltonien.... Smiley biggrin Je veux bien modifier la couleur de mes titres. Perso le vert ne me choque pas mais si tu as une couleur qui te plais plus, je serai content de pouvoir l'essayer.

Merci d'avance
Modifié par alibaba (21 Feb 2005 - 17:55)
Je suis ce sujet depuis un moment, il est vrai que les quelques corrections apportées sont très bien venues. Par contre, j'ai quelques remarques :
- au niveau du menu, l'utilisation des symboles est interessante, mais le changement de taille de la fonte (>encartonnage>caractèristique) gène le comportment de la page encartonneuse-accueil. SI je me déplace sur la page et que je glisse sur le lien animation principe encartonneuse, j'ai le contenu qui remonte sous le bandeau du haut, quand je reviens sur le menu, le contenu redescend...
- sur la page accueil, il y a le même effet, je glisse sur les liens suite, le contenu remonte, je passse sur le menu, le contenu redescend...

Eric
Modifié par Eric (21 Feb 2005 - 18:15)
Pages :
Sujet clos
Aller à