Question graphique sites

[snooper]

Bonjour

Etant un mauvais designer, on m'a toujours critiqué sur le forum. De la:
-Je viens d'acquerir Photoshop (enfin)
-Je demande l'avis des gens sur mes design.

J'ai cree un nouveau design pour mon site legypteantique.com que voici:

Nouveau design
http://www.legypteantique.com/hieroglyphes.php

Ancien design
http://www.legypteantique.com/sphinx.php


Sur les pages converties au nouveau design, mon taux de rebond a diminué en moyenne de 6 à 10 points, quand 60% des internautes sont satisfaits de mon design (20% ne l'étant pas). Mais voulant toujours améliorer mes sites j'aimerais améliorer encore l'efficicence de mon site, ayant un TR élevé, de 60% environ, et seulement 2,7 P/v (5,3P/ventrant). Comment améliorer tout ça?

Enfin, j'ai adapté ce design pour jeuxfun.com mais pour jeuxfun, lme tr n'a pas varié. Comment adapter le design de legypteantique.com a jeuxfun pour baisser mon tr?


Cordialement

[finstreet]

Je viens de m'ouvrir les veines ... ce n'est pas un design... ceux sont des blocs destinés à classer ton information... c'est comme si tu compares une traban avec une Audi A4... l'une des deux a un design... laquelle ?

J'espère pour Photoshop que tu n'as pas pris une aide par téléphone

Non mais je ne rigole pas... tu n'es pas fait pour le design (bienvenue au club)... et tu t'acharhes sans aucun résultat... pour te donner un exemple plus flagrant, tu passerais en boucle sur M6 si tu avais fait la Nouvelle Star

Stp... deal avec un graphiste

[webmasterlamogere]

je trouve que ce qui ne va pas c'est l'image d'entête floue avec le texte rouge dessus.

[snooper]

Salut Finestreet

Que veux-tu dire par "Des blocs???"

Pour le design, au hasard... la trabant lol


Merci pour tes remarques et ta réactivité sur le forum.
Je sais bien que le design n'est pas mon fort, mais quand 60% de gens trouvent mon design bien, très bien ou excellent, et seulement 20% nuls ou pas bien, et que mon taux de rebond a diminué sur les pages avec le nouveau design de près de 10 points (exemple: l'index est passé de 42% à 34%) je me dis que c'est parlant et que si je ne ponds pas des merveilles, c'est loin d'être nul (et comparons ce qui est comparable: tape egypte antique sur google, et regarde le design des premiers resultats, dis moi ensuite si tu les trouve beau ou pas)

J'aimerais juste éviter la remarque nonconstructive que tu m'a fait 1 000 000 000 de fois que je ponds des bouses. Même si c'est le cas, comment pondre des bouses moins foireuses?

J'aimerais aussi savoir, appelle ca comme tu peux, ce que tu trouve le plus beau ou le moins moche, et comment améliorer tout ça, pour diminuer encore mon TR et mes PV/V (par exemple de 34 à 20-25%). Et surtout savoir pourquoi ce design marche sur legypteantique.com et pas sur jeuxfun.com.

J'ai pas passé des dizaines d'heures pour foutre tout ca en l'air. Comme je te l'ai deja dit pourquoi pas a l'avenir faire appel a un graphiste mais en ce moment, non.

Quand à Photoshop je l'ai eu hier et je vais lire des tutos sur le web.

Cordialement

[Marie-Aude]

Déjà ça ne va pas sous Firefox, tes listes débordent.
Ensuite je rejoins l'avis de Finnstreet.

Il y a deux étapes dans le design : savoir penser / imaginer, et savoir faire.
La première te permet normalement de dire si ton site "te plait" si il a un design ou pas. Elle inclus des choses comme l'originalité, le code couleur, l'athmosphère, l'ambiance, la lisibilité, la conduite de l'oeil sur les points importants.

Dans ce cadre, ton site a un design de MFA. Point barre.

Ensuite, il y a "je sais faire ou pas". Et là on peut discuter.
Mais si tu pense que déjà ta charte graphique est "adaptée" ou pas, c'est sans doute la première question.

[UsagiYojimbo]

Salut Finestreet

Que veux-tu dire par "Des blocs???"

Pour le design, au hasard... la trabant lol


Merci pour tes remarques et ta réactivité sur le forum.
Je sais bien que le design n'est pas mon fort, mais quand 60% de gens trouvent mon design bien, très bien ou excellent, et seulement 20% nuls ou pas bien, et que mon taux de rebond a diminué sur les pages avec le nouveau design de près de 10 points (exemple: l'index est passé de 42% à 34%) je me dis que c'est parlant et que si je ne ponds pas des merveilles, c'est loin d'être nul (et comparons ce qui est comparable: tape egypte antique sur google, et regarde le design des premiers resultats, dis moi ensuite si tu les trouve beau ou pas)

J'aimerais juste éviter la remarque nonconstructive que tu m'a fait 1 000 000 000 de fois que je ponds des bouses. Même si c'est le cas, comment pondre des bouses moins foireuses?

J'aimerais aussi savoir, appelle ca comme tu peux, ce que tu trouve le plus beau ou le moins moche, et comment améliorer tout ça, pour diminuer encore mon TR et mes PV/V (par exemple de 34 à 20-25%). Et surtout savoir pourquoi ce design marche sur legypteantique.com et pas sur jeuxfun.com.

J'ai pas passé des dizaines d'heures pour foutre tout ca en l'air. Comme je te l'ai deja dit pourquoi pas a l'avenir faire appel a un graphiste mais en ce moment, non.

Quand à Photoshop je l'ai eu hier et je vais lire des tutos sur le web.

Cordialement

1) Si tu es toi-même conscient que ton design n'est pas exceptionnel, et que ceux de tes concurrents ne sont pas mieux (voire pire), tu imagines un peu l'impact si tu avais un design fort, attractif et "pro" ?

2) C'est triste à dire mais on ne s'improvise pas graphiste. Perso c'est loin d'être mon fort. Il m'a fallut des mois pour obtenir un truc potable sur mon dernier site. Et au final c'est un pote graphiste qui m'a donné un coup de main, par pitié Qui plus est, avoir Photoshop ne suffit pas à faire un bon design. Comme pour le dév, un bon graphiste doit savoir s'affranchir du logiciel. C'est la créa qui prime.

[snooper]

webmasterlamogere

Tu parle du header? Car je ne vois pas de texte rouge au dessus d'une image floue?



Merci marie aude

J'avais fait le design sous opera et iexplorer je pensais pas que si il était conforme à opera il ne le serait pas sous firefox. je vais regler ce probleme (et, avec 30% de firefox sur le marché, mon TR diminuera de pas mal).

Par MFA, je sais ce que c'est, mais je ne vois pas en quoi ce design, plus que le précédent fait MFA. Pourrais tu m'expliquer? J'ai simplement, par rapport à l'ancien design:

->Agrandit la colonne de gauche pour une meilleure lisibilité
->Conçu le design pour à terme être aux normes XHTML strict.
->Couleurs plus sobres.

Mais je ne vois pas, et c'est pour ça que j'aimerais comprendre, en quoi ce design fait MFA.

Quand tu dis qu'il faut que je juge mon rendu, il me semble (à titre perso) que les liens sont plus visibles et plus clairs que sur l'ancien design. Et que la charte graphique (couleurs claires, hieroglyphes de fonds) est adapté. Mais tout ce que je juge, c'est le résultat. Les pages avec le nouveau design ont un TR qui a baissé de 8 points en moyenne, sur un mois, ce qui nes pas négligeable. Malgré tout cela pourrai encore être mieux fait d'ou ce topic.

Cordialement

[cedric_g]

Bonjour

Le fait d'acheter Photoshop ne fait pas de toi un graphiste (ou un photographe)

Je te conseille de te rendre sur les très nombreux sites dédiés à l'ergonomie web, pour en apprendre les concepts de base (mariage des couleurs, disposition des zones de contenu, etc...) ; le titre en rouge, franchement, c'est euh... affreux (et je suis gentil )

Ton titre (qui plus est une IMAGE donc sans poids aucun au niveau SEO) devrait AU MOINS être correctement orthographié, avec l'apostrophe entre "L" et "Egypte", et en utilisant une police plus adaptée à ta thématique (Dafont.com est ton ami), certainement pas une font installée par défaut avec Word...

Dessines sur une feuille, au crayon, ce que tu aimerais. Vas voir d'autres sites (pas forcément sur TA thématique égyptienne, mais qui touchent un peu au voyage et/ou à l'histoire) pour t'en inspirer au niveau désign s'ils te plaisent.

Ensuite seulement, entreprends de créer un design de page et une feuille de style à marier avec les images qui constitueront la trame de ton design. Au niveau des styles, pitié évites les styles par défaut (ou presque ) des navigateurs : ça fait vraiment site des années 90 !

My two cents

[webmasterlamogere]

je parle de ça : -http://www.legypteantique.com/images/banniere_rouge.gif

sinon tu as de bons outils pour faire des menus : -http://www.highdots.com/css-tab-designer/

[snooper]

UsagiYojimbo

1°) Concurrents, oui et non, disons plutot que beaucoup ont des sites plus ou moins à l'abandon. Mais c'est vrai que je n'avais pas vu les choses sous cet angle: je me disais, tant que j'ai un truc potable, ca passe etant donne ce qui se fait... Ta philosophie est cool

2°) Entierement raison. Je n'ai photo que depuis hier, et ce design a été fait simplement à partir de couleurs en rvb et de css (pour le header, j'ai utilisé un vieux logiciel, mgi). On peut se démerder sans, mais a ce qu'on m'a dit, une bonne maitrise de photoshop aide tout de meme.

cedric_g

Le titre, tu le verrais en quelle couleur? Merci pour le site, je vais aller voir. Sinon pour l'orthographe, il est bien orthographié par rapport a mon site qui s'appelle legypteantique.com et non pas l'egypteantique.com. Tu trouve cela choquant, de mettre le nom du site plutot que le nom exact du pays?

Sinon c'est une bonne idée que tu me propose de benchmarker sur les autres sites de voyages. je vais aller voir ca, meme si a la base ma thematique c'est plus l'histoire/voyage que le voyage pur.

webmasterlamogere


merci beaucoup pour le lien pour les menus je vais aller voir ça

merci à toutes et à tous pour vos avis.
Bonne journée

[Marie-Aude]

MFA ?

C'est simple, la première et quasiment unique chose que je vois sans scroller, c'est un logo, un très gros pavé adsense, un bout d'image, et un bout de menu, donc en fait rien qui m'accroche sur le contenu du site.

La charte graphique "bleu et blanche" (le bleu des colonnes et le blanc du fonds" ne me raccroche à rien d'antique, ni d'égyptien, et en revanche met super bien en évidence le pavé d'annonces.

Ton site est donc pour moi un exemple typique des sites que je quitte immédiatement, parce que quand on met la pub en avant et tellement en avant par rapport au contenu, je ne me fatigues pas à chercher le contenu. Ta mise en page hurle "cliquez sur mes annonces" et c'est en ce sens que je parle d'un MFA.

Maintenant pour faire une bonne charte graphique, un bon truc est de partir d'une photo que tu aimes, et qui pour toi évoque vraiment le sujet de ton site, en tout cas en termes d'ambiance.
Ensuite en utilisant un site comme elui ci
http://www.degraeve.com/color-palette/
tu obtiens une palette de couleurs adaptée que tu peux déjà utiliser pour la structure de ton site.

[bproductiv]

Ca fait old school, mais d'un autre coté tu parle egypte, alors la old school ...
Assez année 90 je trouve (oui les premiers sites web)..
Comme dit plus haut l'outil certes, mais ca ne fera pas de toi un graphiste, sans vouloir te vexer.

[snooper]

Marie-Aude

Ok tu me rassure, je croyais que tu parlais de couleurs, de polices MFA. Rien n'a changé depuis ma dernière version du site alors. Sache juste que j'ai déjà contacté Google Adsense et qu'ils n'ont rien reproché à ma mise en forme donc cela ne m'inquiète pas. Et puis mon TR et mes PV n'ont pas diminué lorsque j'ai mis cette publicité en place.

Pour les couleurs, les couleurs de sites généralement mises en place sont le noir le gris et le brun, mais je trouve cela trop sombre le noir (cf http://www.legypteantique.com/le_drapeau_egyptien.php) et le gris sinistre, tandis que le bleu, ca evoque les vacances - ciel bleu, mer bleue - et effectivement met en valeur les Adsense. Mais je ne vois pas où est le mal - Darkcity m'évoque des eCPM bien supérieurs aux miens, donc ne me dis pas que le but d'Adsense est d'afficher des pubs pour faire joli.

Merci pour ton site pour les palettes graphiques, c'est tres impressionnant. Je vais regarder ca de plus pres.



Salut bproductiv, changé d'avatar? Sinon ok pour l'idee je vais regarder ça. Je ne souhaite pas etre designer mais simplement ne pas gacher un potentiel pour le visiteur.

Sinon je viens de regarder mon site

Je comprends rien. Sur ma page test

http://www.jeuxfun.com/@/index-bleu.html

Quand je mets le code

<h2 class="titresmenugauche">
<div class="arrow" id="arrow">&nbsp;</div>
<span class="text1" id="text1"> Jeux</span>
</h2>

la fleche du titre s'affiche à la ligne du dessous.

Si je mets exactement le même code que ça mais en supprimant une ligne

<h2 class="titresmenugauche"><div class="arrow" id="arrow">&nbsp;</div>
<span class="text1" id="text1"> Jeux</span>
</h2>

La fleche remonte. Idem pour mes fleches de menu: opera et explorer les comprend, mais pas firefox. pourtant le code

ul
{

line-height: 18px;
margin-left: 5px;
list-style-image: url("images/fleche-bleu.gif");
}

devrait au contraire faire qu'elles soient décalées vers le droite. Si quelqu'un veut m'aider, ainsi qu'a la w3validation je n'ai que 6 fautes, et étonnamment il me trouve des erreurs sur le code

<h2 class="titresmenugauche">
<div class="arrow" id="arrow">&nbsp;</div>
<span class="text1" id="text1"> Jeux</span>
</h2>

ainsi que sur

<p class="titre">
<div style="float:right; margin: 5px;"><p>Article écrit par <em>Mr. Machin</em>, le 16-01-2008 à 13h00</p></div>
<h1 class="titre">Lorem</h1>
</p>

Peut etre qu'on ne peut mettre de h1 dans un <p> mais je n'ai pas trouvé d'autres solutions pour la mis een forme pour que la mention de l'auteur s'affiche exactement à la même hauteur que le titre.


En échange je pourrais par exemple d'un BL que je placerai sur un de mes sites, je suis preneur.

Cordialement

[finstreet]

je laisse tomber... tu t'acharnes... si ca t'occupe de perdre du temps...

[cedric_g]

Au niveau couleurs, je partirais sur des tons orangés/jaunes (assez foncés) pour les titres (évoquent le sable, les pyramides, etc...), fond blanc, texte gris très foncé, liens même couleur que titres mais noirs sur mouseover...

Banner d'une photo type paysage avec pyramides avec une belle lumière du soir, ciel bleu. Sidebar fond gris très clair mais s'intégrant dans ton header au niveau graphique. Elements de menus en CSS dans des tonalités restant dans les tons gris (très clair/très foncé car devront être lisibles) ; du bleu (ciels) dans les photos affichées de manière à équilibrer le header...

Enfin bon, c'est ce que je ferais... Et OUBLIES CE BLEU PISSEUX !

Voilà, je l'ai dit : c'est assez clair je pense