Conseils design et ergonomie sur nouveau site

Discussion dans 'Demandes d'avis et de conseils sur vos sites' créé par cedriced, 8 Octobre 2008.

  1. cedriced
    cedriced Nouveau WRInaute
    Inscrit:
    4 Août 2006
    Messages:
    15
    J'aime reçus:
    0
    Bonjour,

    Je viens d'ouvrir un nouveau site: http://www.photo-jpg.com il y a 2 jours.

    Que pensez vous du design et de l'ergonomie du site.

    Au niveau de la structure, y a t'il des choses à améloirer pour que le référencement soit le plus efficace possible?

    Merci de vos réponses
     
  2. dayassine
    dayassine WRInaute impliqué
    Inscrit:
    3 Juin 2007
    Messages:
    525
    J'aime reçus:
    0
    Bonjour,
    Le site est pas mal, mais le fond me gene quand meme surtout les chevaux derriere. peut etre un autre fond mettra en valeur ton site.

    ton site est accessible sur les 2 adresses -http://www.photo-jpg.com/index.html et -http://www.photo-jpg.com risque de duplicate
     
  3. blackhawker
    blackhawker WRInaute discret
    Inscrit:
    10 Janvier 2008
    Messages:
    203
    J'aime reçus:
    0
    ça passe pas en 1024
    sinon c'est sympa
     
  4. cedriced
    cedriced Nouveau WRInaute
    Inscrit:
    4 Août 2006
    Messages:
    15
    J'aime reçus:
    0
    Merci de vos avis (oups pour le 1024, oublié de tester, la largeur était supposée être de 1024...bug)
    N'hésitez pas à me donner également d'autres avis sur la photo de fond.
     
  5. antoinedavid
    antoinedavid WRInaute discret
    Inscrit:
    11 Août 2006
    Messages:
    112
    J'aime reçus:
    0
    Bonjour,
    au premier abord avec la photo de fond on a l'impression d'être tombé sur un site de randonnée équestre plutôt que sur un site de photos.
    peut être qu'une photo plus "neutre" serait plus appropriée.

    sinon j'aime bien l'ergonomie du site

    [HS]question peut être indiscrète, la galerie est-elle codée à la main ou bien est elle originaire d'un script ?[/HS]
     
  6. Mpic
    Mpic WRInaute occasionnel
    Inscrit:
    22 Août 2008
    Messages:
    313
    J'aime reçus:
    1
    Sympa, mais au niveau du "contenu" essaie de minimaliser un peu plus la transparence car sa fatigue les yeux rapidement!
     
  7. cedriced
    cedriced Nouveau WRInaute
    Inscrit:
    4 Août 2006
    Messages:
    15
    J'aime reçus:
    0
    J'ai changé la photo de fond: moins de détails , plus neutre...ca vous semble mieux?
    Je continue à faire des tests.

    Merci bien pour les remarques, n'hésitez pas!
     
  8. dayassine
    dayassine WRInaute impliqué
    Inscrit:
    3 Juin 2007
    Messages:
    525
    J'aime reçus:
    0
    moi je prefere comme ca
     
  9. Furtif
    Furtif WRInaute accro
    Inscrit:
    9 Août 2005
    Messages:
    2 951
    J'aime reçus:
    314
    Tres bien dans l'ensemble, mais sous IE7 un effet de vague tres desagreable lors du scroll...
     
  10. Mpic
    Mpic WRInaute occasionnel
    Inscrit:
    22 Août 2008
    Messages:
    313
    J'aime reçus:
    1
    tiens pour attirer du monde ^^

    Comment retirer l'effet de scroll sur une page web?
     
  11. antoinedavid
    antoinedavid WRInaute discret
    Inscrit:
    11 Août 2006
    Messages:
    112
    J'aime reçus:
    0
    bonsoir,

    je préfère comme ça aussi.

    bon courage pour les tests.
     
  12. cedriced
    cedriced Nouveau WRInaute
    Inscrit:
    4 Août 2006
    Messages:
    15
    J'aime reçus:
    0
    C'est clair que c'est bien lourd. En fait ca vient de l'image de fond...

    Code:
    background:url(imagesdesign/fondsite.jpg) fixed no-repeat center 0;
    Sous IE ca merde, je vais bien finir par trouver la soluce!
     
  13. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 024
    J'aime reçus:
    1
    Non ça viens du calcul nécessaire a l'application d'un effet de transparence sur l'image de fond (lors du scroll).

    le validateur XHTML renvoie des erreurs ...
     
  14. cedriced
    cedriced Nouveau WRInaute
    Inscrit:
    4 Août 2006
    Messages:
    15
    J'aime reçus:
    0
    Exact, ce sont les PNG transparent de mes cadres qui font ralentir le scroll sous IE...
    Y a t'il une solution pour reduire "le temps de calcul" sous IE?


    ps: Pour les erreurs de validations Xhtml c'est une erreur d'inatention de ma part commise aujourd hui, je l'ai revalidée il n'y a plus d'erreurs.
     
  15. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 024
    J'aime reçus:
    1
    plus gros processeur, plus de mémoire, etc ... le calcul se fait sur la machine cliente donc tu n'y peut pas grand chose.

    Sinon regarde s'il n'est pas possible de 'pré calculer' le fond transparent pour le remplacer par une image classique qui simulerait la transparence. Mais pour avoir déjà essayé ce genre de manip je sais avoir renoncé car trop de contraintes pas gérables en fonction des navigateurs.

    une piste ici : http://meyerweb.com/eric/css/edge/compl ... lassy.html
     
  16. RiPSO
    RiPSO WRInaute impliqué
    Inscrit:
    5 Octobre 2007
    Messages:
    948
    J'aime reçus:
    0
    Moi j'aime bien aussi :)

    La seule remarque que j'ai à faire c'est que je n'aime pas les fonds avec des images... car passé l'image on voit que t'as un fond bleu et c'est pas beau... mais bon dans l'ensemble c'est plutot sympa ;)
     
  17. cedric_g
    cedric_g WRInaute accro
    Inscrit:
    18 Janvier 2006
    Messages:
    2 930
    J'aime reçus:
    2
    Bonjour

    Site sympa, l'image de fond me dérange aussi car elle nuit à la lisibilité de l'ensemble.

    Dommage d'avoir utilisé des tables au lieu d'un code XHTML/CSS (possible sans aucun soucis pour ce type de site), ça nuit à l'accessibilité et alourdit le chargement des pages (sur des galeries photo conséquentes on peut gagner jusqu'à 10 Ko de code par page ! Expérience faite sur mes propres sites...)

    Au niveau de ton code : externaliser absolument les CSS ! Là tu as littéralement des attributs "style" sur toutes tes balises !!! Une page pour afficher une simple image "pèse" près de 5 Ko, ton image de fond 55 Ko (bon certes, elle est mise en cache une fois chargée), tes images (600x400 pixels) plus de 200 Ko, tes VIGNETTES 15 à 17 Ko chacune (!)

    Il est donc normal quelque part que ça rame un peu :roll:

    Au niveau du code, en passant en full DIV (fastidieux mais réel intérêt sur tous les points... même le référencement car dans ce cas les textes autour des photos seront littéralement accolés à ces dernières ; dans le cas actuel les textes sont éloignés de tes images à cause de la structure de tables) tu devrais descendre à 2 Ko par page.

    Les images peuvent être un peu plus compressées. Sur mes sites photos les vignettes (bien qu'un peu plus petites) font toutes moins de 3 Ko... Et mes images (dimensions identiques) ne dépassent que rarement les 150 Ko :wink:

    Pour résumer : il est possible de ne pas modifier l'apparence de ton site, tout en l'allégeant considérablement.


    Enfin voilà :wink:
     
  18. RiPSO
    RiPSO WRInaute impliqué
    Inscrit:
    5 Octobre 2007
    Messages:
    948
    J'aime reçus:
    0
    Perso j'ai lâché le full div quand j'ai commencé à perdre mes cheveux au niveau des compatibilités entre navigateurs pour ce que je voulais faire... Finalement je n'utilise que des tableaux et je suis sûr que ça s'affiche bien partout...

    Après comme tu dis cedric_g pour ce type de site ça doit aller mais moi tant que tous les navigateurs ne suivront pas a la lettre le w3c (et que ie6 ne sera plus utilisé par exemple) je ne changerais pas de mise en page.

    Par contre c'est vrai que pour les vignettes tu peux gratter un peu. Chez moi les vignettes sont en 100x100px et tournent autour de 2ko
     
  19. cedric_g
    cedric_g WRInaute accro
    Inscrit:
    18 Janvier 2006
    Messages:
    2 930
    J'aime reçus:
    2
    Bah en fait c'est pas tant au niveau des galeries que les DIV posent problème en matière de compatibilité, qu'au niveau des sidebars et autres fonds de pages :twisted:


    (et puis bon, y'a toujours des clampins qui utilisent IE 5.0, aussi !!! Faut pas pousser non plus, déjà que je me force à tester ou IE 6 et que c'est super pénible...)
     
  20. RiPSO
    RiPSO WRInaute impliqué
    Inscrit:
    5 Octobre 2007
    Messages:
    948
    J'aime reçus:
    0
    Hého fais gaffe a ce que tu dis je suis encore sous IE6 et FF2 :lol:

    Nan moi c'est surtout au niveau de la précision avec les border et les fonds avec des divs collés les uns aux autres... y'a des différences de 1px entre les navigateurs... bref moi j'ai pas le choix et pourtant j'étais plein de bonne volonté :mrgreen:
    Et puis au final on s'habitue et maintenant je fais tout en table
     
  21. cedric_g
    cedric_g WRInaute accro
    Inscrit:
    18 Janvier 2006
    Messages:
    2 930
    J'aime reçus:
    2
    Ah ouais, le "fameux" décalage de 1 pixel... Je savais pas que ça existait, je l'ai découvert en début de semaine (en voulant idiotement aligner une image de fond avec un DIV centré et où le tout devait "coller" au pixel près :twisted: )

    Fonctionne uniquement sous FF 3.0 mais pas en plein écran (me demandez pas pourquoi :roll: )



    Mébon y'a des astuces pour contourner le problème... Quoi qu'il en soit, mon site photo est 100% XHTML/CSS conforme (sauf oubli ou erreur de ma part) et s'affiche à peu près bien, je pense, dans la majorité des navigateurs :wink:
     
  22. RiPSO
    RiPSO WRInaute impliqué
    Inscrit:
    5 Octobre 2007
    Messages:
    948
    J'aime reçus:
    0
    En fait c'est réalisable dans chacun des navigateurs mais pas tous en même temps :lol:
     
  23. cedriced
    cedriced Nouveau WRInaute
    Inscrit:
    4 Août 2006
    Messages:
    15
    J'aime reçus:
    0
    Salut ripso et cedric_g,

    Merci pour vos remarques.
    Concernant les styles, il est clair que j'ai un peu abusé de ne pas les mettre dans des feuilles de style. J'y remedirai bientot ;)
    Concernant l'utilisation des DIV moi aussi fut un temps je me suis arraché les cheveux du coup maintenant je me prends moins la tête à ce niveau la. Il est vrai que ce site aurait pu être fait uniquement avec des DIV.
    Pour les vignettes, c'est vrai aussi que je peux réduire la qualité.
    Peut être que tout ca mis bout à bout permettra à IE de moins galérer au niveau du scroll!!

    a+!
     
Chargement...
Similar Threads - Conseils design ergonomie Forum Date
Recherche d'avis et conseils concernant ce site svp ( design, architecture, SEo) Problèmes de référencement spécifiques à vos sites 28 Mars 2013
Besoin d'avis & de conseils pour refaire le design de mon site... Demandes d'avis et de conseils sur vos sites 8 Février 2013
Design d'une page d'accueil (avis , conseils. ) Développement d'un site Web ou d'une appli mobile 29 Février 2012
Conseils sur le design Demandes d'avis et de conseils sur vos sites 1 Août 2009
Conseils sur design et couleurs Demandes d'avis et de conseils sur vos sites 14 Juillet 2008
Conseils sur un design Demandes d'avis et de conseils sur vos sites 16 Janvier 2007
Mon site, vos conseils |nouveaus design,plus d'iframe etc| Problèmes de référencement spécifiques à vos sites 29 Juin 2005
Besoin de conseils de Design? C'est ici. Problèmes de référencement spécifiques à vos sites 25 Novembre 2004
WordPress Bonjour, J'aimerai avoir des conseils. Mon site internet est-il bien construit ? Débuter en référencement 29 Mars 2022
Conseils pour site Hightech Demandes d'avis et de conseils sur vos sites 16 Mars 2022
besoin de conseils pour mon site Débuter en référencement 9 Mars 2022
Tout simplement à la recherche de conseils... Débuter en référencement 13 Novembre 2021
Hébergement Cloud, VPS infogéré... besoin de conseils Administration d'un site Web 8 Juin 2021
conseils sécurité sur internet Le café de WebRankInfo 1 Juin 2021
Conseils Mots Clés Débuter en référencement 19 Mars 2021
Recherche conseils et aide pour hébergement Administration d'un site Web 14 Mars 2021
Besoin de conseils pour rendre un site web plus attractif Débuter en référencement 16 Septembre 2020
Quelques conseils : pagination et canonical Référencement Google 7 Avril 2020
Conseils pour améliorer un site E-commerce Demandes d'avis et de conseils sur vos sites 28 Janvier 2020
Besoin de conseils pour exporter un .FR Demandes d'avis et de conseils sur vos sites 14 Janvier 2020