Hello à tous !

J'ai enfin eu mes validations (xhtml et css), et maintenant j'attends la vôtre ! Smiley cligne

Voilà, j'aimerais avoir quelques avis et critiques sur mon prochain site, dont voici la pseudo-page d'accueil.

Je vais encore essayer d'améliorer le poids ( Smiley ohwell ) de la page, tout en améliorant les images (paradoxe ?) mais déjà si vous pouviez me complimenter ( Smiley cligne ), je plaisante bien sur !!

Merci d'avance pour vos remarques, même méchantes, ça sera constructif j'espère.

A+
Modifié par carobee (10 May 2006 - 13:23)
Bonjour,
cela reste du transitionnel alors, j'ai une question à poser : "penses-tu en rester là?".
Il est possible de se passer des
"target=_quelque chose ou rien, c'est idem"
et du "scroll" et de la "frame" qui coupent le texte et une l'mage du chien : cela nuit à l'ensemble.
Côté graphique, je trouve cela un peu pâle, à mon goût : les contrastes ne sont pas assez francs, le liseret un peu trop épais, le menu n'est pas assez aéré et le "roll-over" me donne l'impression de barrer le texte. Le "footer" donne un aspect inachevé.
C'est une première impression générale.
Bon courage, amicalement.
Modifié par ivision18000 (25 Feb 2006 - 19:41)
Double scroll y en a mauvais plan.

Petit décalage d'images pour la bordure sous FF 1.5 (un pixel de décrochage).

Certaines images, surtout celles comportant des applats et du texte, seront peut-être améliorées en PNG plutôt qu'en JPEG.

Attention à la monochromie ! décliner 100% du site dans des variations d'une même teinte, au bout d'un moment ça fatigue. Tandis que choisir deux teintes (même relativement proches) et les décliner, ça passe souvent mieux.

Pour les images du contenu, je trouve que l'effet inclusion passe mieux que l'effet image qui ressort. Mais ce n'est qu'un avis personnel Smiley cligne
En tout cas ça peut être une bonne idée de privilégier un mode plutôt que l'autre.

Pas fan du tout de l'image en haut à gauche (qui descend jusque derrière le menu). Une simple silouette (en applat noir ou blanc, par exemple) en haut à gauche (max 150px de haut pour pas faire envahissant) passerait mieux que ce profil filiforme sur toute la hauteur, non ?

Voilà... la priorité en tout cas c'est ce problème de double scroll. Pas super ergonomique. On voit celui du milieu, on place la souris au dessus et on veut faire défiler... horreur, c'est toute la page qui défile (on n'avait pas vu le scroll général, argh).
OK, merci pour ces remarques.

je vais y bosser cette semaine et reviendrais vers vous pour un nouvel avis ?
Déjà cette histoire de double scroll qui devrait pas être trop compliquée à modifier. Pour le reste.... ya encore du boulot !

Aller : bonne nuitée à tous !

A+
Hello à vous, les forumeux !

Comme promis j'ai bossé sur mon site grâce à vos judicieuses remarques et j'ai aussi surfé sur des sites qui aident à choisir des couleurs pour son design web.

Concernant mon site, il me reste encore à changer mon logo-chien, mais pour le moment, je n'ai pas eu d'inspiration divine !

Si vous pouviez donc jeter un petit coup d'oeil et me donner encore quelques remarques afin d'améliorer mon travail :
Nouvelle version.

Je vous remercie d'avance des quelques minutes pendant lesquelles vous travaillerez pour moi !

PS : à titre indicatif, je remets l'adresse de l'ancienne version :Ancienne version

Thanks.
Salut,

C'est mieux sans les scrolls mais, car il y a toujours un mais, le menu du haut est écrit si petit que j'ai cru à un trait.

Pense aux petits vieux comme moi et qui aiment les chiens.

Le fond écrase le site, un bleu très pale irait mieux avec la charte.
Bonjour Papyjo.

papyjo a écrit :
le menu du haut est écrit si petit que j'ai cru à un trait.

En fait, ce menu est là pour ceux qui ne verraient pas le "navlist" en image. Mais je vais voir en augmentant la taille de la police.

papyjo a écrit :
Le fond écrase le site, un bleu très pale irait mieux avec la charte.

Tu parles de la couleur orange ? C'est ce que j'ai trouvé sur plusieurs sites qui aident à trouver des harmonies de couleurs. Je trouvais le orange sympa, mais je vais essayer d'en trouver un autre, moins agressif.
<edit>En fait, j'ai travaillé tout l'après midi sur un écran d'ordinateur portable, et je viens de voir le site sur un écran "normal", et je me rends mieux compte de l'impression que donnent les couleurs ! ca n'a rien à voir !</edit>

Merci pour ces remarques. Smiley cligne
Modifié par carobee (12 Mar 2006 - 19:46)
ivision18000 a écrit :

cela reste du transitionnel alors, j'ai une question à poser : "penses-tu en rester là?".

Et bien voilà : c'etait si simple de passer au strict : j'ai enlevé mon
target="_blank"
et "je" suis validée en XHTML 1.0 Strict.

(c'est la première fois Smiley smile )
Administrateur
Bonjour,

concernant le texte alternatif aux images, je ne les trouve pas très explicites: j'aurais mis '(logo?) domaine du grandselve, élevage de (chiens) terriers dans le Tarn-et-Garonne' plutôt que 'logo domaine' par exemple. Comme ça, les personnes n'ayant pas accès aux images (et les moteurs de recherche) sauront ce qui est écrit sur ces "textes en image".
Et il vaut mieux un alt vide (alt="") qu'entendre "spacer": c'est recommandé si une image n'a qu'un sens visuel et n'apporte rien au contenu.
OK, merci à tous.

J'ai donc revu et corrigé mes attributs alt, et changé mon orange pour une version moins "fluo" !
En tout cas je préfère la nouvelle version à l'ancienne en ce qui me concerne ! Regarde pour le menu avec une police plus grosse (idem pour le copyright en bas)!!

J'aime bien le logo du chien mais tu pourrais mieux l'utiliser je pense !! Je pense qu'une margin pour le texte a droite serait bien (au moins 4-5px). Tes arrondis, on voit le changement de Orange !! J'aime pas trop la bannière !! Je pense que tu devrais faire une bannière avec des images de chiens !!

au niveau code j'ai pas regardé !!

Voilà !!
Et bien, merci Shikamaru.
J'avais remarqué pour les coins oranges... mais pas le temps de modifier !
Je prends bonne note pour les polices et marges, par contre, pour le chien et la bannière, je pense que je les modifierais en dernier... lorsque j'aurais eu de l'inspiration.
Smiley murf

Je signalerais encore dans ce post dès que j'aurais apporté le plus gros des modifications.
Bonjour à tous ! Vous vous souvenez de moi ?

Voilà, j'ai encore modifié le site Du Domaine du Grandselve depuis ces quelques semaines, et je soumets la maquette à vos critiques.
Voici l'adresse : http://sites.carobee.com/grandselve/

Alors, ne cliquez pas sur les liens, car je n'ai pas mis la base de données et l'hébergement n'est pas le définitif, mais si vous pouviez me donner votre avis sur le design / code de la page d'accueil.

Merci à tous.
Bonjour

Je prends le train en marche. Je suis ravi de voir les différentes étapes de l'élaboration de ce site, car je vois que ca évolue en bien, même s'il reste encore à améliorer.

Je suis toujours en train de faire les blindtest en 800x600, car même si je déplore cette résolution, il semble qu'1/5ème des internautes l'utilisent. Ton site passe assez bien à cette résolution la en plein écran. Mais je déplore que ton menu "graphique" soit un peu rogné quand on est pas en mode plein écran (il suffirait de le remonter un peu pour voir tous les liens, il n'en manque qu'un à l'écran).

Ton titre et sous titre de page ne font pas complètement achevés. Déja "Du domaine Du Grandselve" n'est pas assé contrasté par rapport au fond (si tu cligne à moitié des yeux tu verras qu'on ne lit plus que "Elevage de terriers dans le tarn et garonne"). Ce titre a toute son importance, et il mériterai d'être bien plus visible que ca. Le sous titre par contre, est lisible, mais il semble flotter un peu au milieu de nulle part. Il n'est pas franchement centré sous le titre, ni aligné à gauche ou à droite, et qui plus est il est collé sous le titre, et l'empèche un peu de respirer.

Pour les couleurs, je pense que tu pourrais affiner un peu ton choix. Le bleu de fond de contenu fait un peu layette, mais on est pas dans le sujet la. Un peu plus mauve ou un peu plus turquoise ca serait mieux. Ton beige orangé de fond de site est un peu terne, et agencé avec ce bleu layette ca donne une gamme de couleur peu attrayante. Après avoir modifié ton bleu je pense que celui ci devra certainement être changé aussi (un peu plus orange je pense, sans forcément tomber dans le flashi). Attention, il ne s'agit que d'un point de détail, je ne parle que de modifier légèrement la teinte, et non tout remettre en question. Ce n'est que de l'affinage !

Je trouve que tes deux icones "home" et "contact" sont sans rapport avec le site. On dirait que tu les as prise sur un autre site, ca détonne avec le reste. Je pense qu'il serait bien de faire tes propres icones, plus en rapport avec le sujet, au niveau du graphisme ou même des couleurs.

A noter que dans ton menu, présentation comporte un accent manquant, qu'il faudrait ajouter. Il serait peut être bon de décoller un peu le menu du bord supérieur du cadre, car il est tout collé dessus.

Concernant la typo, je pense qu'elle est un poil trop grosse mais c'est une question de gout, sinon elle passe quand même. Par contre la taille de celle du menu textuel en haut ou du footer en bas est un peu trop grosse par contre. Cela pourrait être plus discret.

Je pense que tu devrais créer deux styles de photos en float dans le contenu du texte ; un style à gauche et un à droite.
En mise en page, lorsqu'on intègre des photos dans le texte, on les justifie avec ce même texte. Car au final, comme tu réserve des marges extérieures au texte, la photo semble avoir plus de marge du coté ou elle est fixée par rapport au texte : la première photo de la page d'accueil par exemple a une très grosse marge à gauche.
De plus, tu devrais calculer la hauteur de tes photos de manière à ce qu'elles remplissent des lignes intégralement. Car sur cette même photo, tu as une nouvelle marge qui se crée entre la photo et la ligne sur laquelle la photo n'empiète pas. (jespère que c'est clair ^^). POur expliquer, je prends trois lignes "vestibulum...", "vitae..." et "accumsan..." Ta photo remplit toute la ligne vestibulum, donc pas de problème. Par contre, sur la ligne vitae, comme elle ne descend pas jusqu'en bas, ta CSS prends en compte de laisser l'espace restant car tu as des marges automatiquement respectées. Du coup on a un vite crée qui ne sert pas ?
>> en résumé justifie les photos sur les bord de la colonne de texte, et donne comme résolution à tes images un multiple de la hauteur d'une ligne. Attention cependant, il faut être sur de la taille du texte avant de pouvoir le faire, car si tu change la taille ensuite, la hauteur des images ne correspond pas aussi bien.

Concernant les sytles, je regrette juste que le contenu des news soit prévu en noir et non en bleu marine, qui serait plus en rapport avec la gamme du site.

C'est tout. Et c'est bien de persister à l'améliorer Smiley smile
Aaaahh ! Une grande réponse ! Smiley biggrin
Merci à toi Mikachu d'avoir pris sur ton temps.

- Juste pour info : c'est moi qui ai fait mes icônes... mais c'est vrai que je les avais faites bien avant ce site, et j'ai juste changé les couleurs pour les accorder, mais du coup elles ne sont pas dans le même thème (...).
A revoir, donc.

- Bien vu, par contre : je n'avais pas pensé à regarder mon menu en 800*600, mais je ne sais pas trop que faire ? le décaller ou le rapetisser semble pas trop faisable.

- Je vais modifier mon titre-logo : tu as raison.

- Enfin, pour l'habillage autour des photos, comme je pense que le contenu texte final sera plus restreint que le lorem ipsum, je verrais à ce moment-là pour adapter la police par rapport au contenu. Mais c'est vrai que ca ne fait pas très "fini".

D'autres remarques concernant l'accessibilité ? Quelqu'un pourrait-il tester par exemple la navigation au clavier ? (je sais, je n'ai pas fait de page "politique d'accessibilité" ... la flemme sans doute...)

Merci. Smiley cligne
a écrit :
- Bien vu, par contre : je n'avais pas pensé à regarder mon menu en 800*600, mais je ne sais pas trop que faire ? le décaller ou le rapetisser semble pas trop faisable.


>> Pourquoi ne pas réduire tout simplement un peu le visuel des 4 chiens au dessus, de manière à avoir l'espace pour remonter un peu le menu (il manque pas beaucoup)