Aide - Recherche - Membres - Calendrier
Version complète : Besoin de conseil graphique
La Communauté TitaXium > Service Communication > Espace Graphique
g_roseline
Bonjour à tous !

j'ai actuellement un site de photo des villes du monde en ligne : http://www.planete-photo.com

Ce site est un site statique, et je suis en train d'apprendre php/mysql pour le rendre dynamique. Ce faisant, je revois les petits defauts qui ne vont pas dans l'ergonomie et je revois également la charte graphique pour le rendre plus lumineux, plus colorés (sans être trop flashis !).

Je songe à modifier pleinement mon site de manière à le rendre bien plus fonctionnel...en effet, ma barre de menu en haut change selon le pays, ce qui rend la navigation compliqué pour un utilisateur lambda, qui n'a pas forcément le reflexe de vérifier les changements eventuels de menu !

Et mes statistiques sur un mois et demi sont formelles : une bonne majorité des internautes ont du mal à trouver mon contenu et se barre avant d'avoir accéder aux photos (ce qui est le comble pour un site de photos n'est-ce pas ?)

De plus, les coloris de mon site sont trop ternes à mon gout, et ne corresponde ni a mes aspirations première, ni à un site sur le voyage....

Voici une ébauche de ce que j'envisage avec un exemple d'une page future sur toulouse !



![/url]

qu'en pensez vous ??? Plus efficace ? graphiquement ? pas trop moche ???? vos préférence entre maintenant et ma vision future ???? Soyez clément : je débute, mais je prend toutes les critiques constructives !!! stuart.gif
Méthylbro
Y'a du mieux.
Mais ca manque encore de pas mal de choses pour être vraiment ergonomique.

Je vais te filer quelques pistes qui me viennent l'esprit comme ca (et d'autres titaxiens feront sans doutes de même dérrière) :

- Evites le "Cliquez sur les miniatures pour agrandir".
C'est prendre les gens pour des cons. C'est moche et ca casse tout je trouve.
A la place pourquoi ne pas (par exemple) apposer dessus chacune d'entres elles une loupe en surimpression ? Comme ca, ca le ferais vachement je trouves. Ou alors, afficher la loupe en surimpression au passage de la souris sur les images ... Je t'expliquerais comment faire ca en CSS si tu veux.

- Essaye de plus te pencher sur le menu vertical de gauche. Je trouve qu'on ne distingue pas suffisement les différences entre catégorie et sous-catégories. Bien hiérarchiser l'information sur un site web et faire apparaitre clairement cette hiérarchie c'est une des clés de la réussite.

- Afficher le menu pour naviguer entre les pages comme ca, c'est ergonomiquement pas terrible. Cela fait au final des liens trop petits. Comme le dit si bien Mms Boucher dans son excellent livre sur l'ergonomie web : la facilité à atteindre un lien dépend de sa distance. Distance qui, au sein d'un site web est proportionnelle à la taille du lien. En résumé plus les liens sont gros, mieux c'est !

- Ensuite met des titres à ta pages, afin que le visiteur sache ou il est. Sur le web, tes visiteurs n'arriverons pas toujours sur la page d'accueil. Si tu regardes tes statistiques, tu va t'en apercevoir. Dans la même idée pourquoi ne pas proposer un fil d'arianne. Ce genre d'éléments de navigation est très apprécié de tous les types de visiteurs.

- Enfin, juste un conseil comme ca. Pense à préciser les licences et les droits d'auteurs sur tes photos. Quand on navigue sur ce genre de site on aime bien savoir si les photos sont libres de droits ou soumises à copyright.

Mais c'est super. C'est du jolie travail que tu fait. Surtout pour une amatrice. C'est tellement rare de voir des gens qui consacrent autant de temps et d'investissement personnel comme ca sur un projet web.

(si tu veux un coups de main pour la découpe de ce design. Pour avoir un page d'exemple de qualitée qui seras facilement utilisable et performante pour ton référencement. N'hésites pas à venir me voir. C'est un design extremement facile à découper. Ca ne me prendras que quelques minutes.)
g_roseline
merci pour tout tes conseils...à force d'être le nez plongé dedans...je ne vois plus rien....

Par rapport au menu de gauche, je suis d'accord, c'est vraiemnt du "vite-fait / mal-fait" sous toshop !!!! C'est un premier jet après y avoir reflechi devant mon café, clope au bec, et après avoir crayonné tout les verso d'enveloppe que j'ai pu trouver sur ma table de salon !! héhé ! mon but était de savoir si je faisait mauvaise route avant d'aller plus en avant sur cette voie !

Par rapport au titre de la page, elle y est : regarde en haut tu vaois pas ? en gros et en jaune : TOULOUSE !!!! ce titre change celon le lieu visité ! mais je suis d'accord avec toi sur le fait que ce titre ne concerne que la ville ou le pays et non le lieu même...je pensais en effet mettre un fil d'ariane ! (même si je trouve ça tres tres moche...et qu'en plus je ne sais absolument pas comment faire ! j'apprend...mais pas assez vite !)

Citation
Evites le "Cliquez sur les miniatures pour agrandir".


Comme disait les inconnus (à leurs grande époque !) : "il ne faut jamais prendre le gens pour des cons, mais il ne faut jamais oublier qu'il le sont !" héhé ! Mais certe je suis assez d'accord avec toi !

pfffffff en tout cas je galere....que veux-tu dire exactement par "la decoupe de ce design"? (encore une question bete desolée.... wacko.gif
g_roseline
voici une nouvelle version qui prend en compte les remarques que Methilbro à eu la gentillesse de me faire !!!!

Qu'en pensez-vous ? (j'ai fait exprès de développer le menu pour donner un exemple !)



si vous tombiez par hasard sur ce site, comment le trouveriez vous graphiquement ? ergonomiquement ? que dois-je améliorer....besoin de vos precieux conseils....
TitaX
En tout cas j'aime beaucoup ton site et certaines photos sont vraiment particulièrement jolies.

Bonne continuation.
g_roseline
oh merci !!! tongue.gif en voila un commentaire qui fait plaisir ! de bon matin comme ça ! et que penses tu des changements envisagé ?
TitaX
Le dernier jet me plait beaucoup plus qu'avant car c'est plus clair, et je trouve que pour un tel site, il faut de la clarté et pas trop sombre.
Les menus ont l'air pratique, et si le contenu est tjs de cette qualité c'est bien parti !
g_roseline
les contenus non seulement resteront tels qu'ils sonbt mais vont s'enrichir de 5000 photos supplémentaire (des que j'aurais mis ma nouvelle version en ligne...ce qui n'est pas forcement demain la veille, je m'attelle a la mise en ligne du Vietnam, De la Chine, du Senegal, de Pornic)

tiens dernier jet, qu'en penses-tu ?

BruBru
C'est certain, les jets sont de plus en plus beau smile.gif SI je puis me permettre deux petits commentaires, tu trouvais au début le site trop terne. Ça c'est bien améliorer, cela dit, dans le dernier jet, je rajouterai un petit "quelque chose" sur le cadre orange de "menu Toulouse" et de "carte d'identité". Un petit effet (pas quelque chose de trop appuyé) qui donnerai du relief, car là ça fait trop "plat".
Une autre suggestion, sur le signes du milieu de gauche, faire en sorte lors de la découpe que quand on passe la souris dessus, la petite icone s'incruste dans le design, ou au contraire en ressort, ça peut être joli. Voilà smile.gif

Bonne continuation !
g_roseline
merci brubru ! c'est encourageant...

je ne vois pas encore comment faire moins "plat" pour le cadre orange de toulouse et de carte d'identité...mais je vais y reflechir !!!

Etant donné que je suis nulle et archinulle dans mon apprentissage PHP/Mysql, faire un petit peu de graphisme me fera du bien....car le découragement commence à m'envahir ! blink.gif (et ce malgré l'aide de methylbro qui est adorable...)
BruBru
Pour imager un peut mes propos :
http://lebrunodujura.free.fr/_LEBRUNODUJUR...lanetev3ty4.png

L'ennui, c'est que je n'ai pas de talents de graphistes, et donc je n'arrive pas à reproduire l'effet voulu (en gros ça devait faire un effet relief du style de la barre des tâches de windows vista).
Mais de toute façon je me demande si c'est vraiment nécessaire, finalement l'original passe plutôt bien...
g_roseline
oh merci d'avoir pris la peine d'imager ta réponse !!! c super sympa !!! je vois mieux en effet ce que tu veux dire...je vais travailler la dessus pour voir un peu ce que je peux y faire !!! très vite une nouvelle version !!!! tongue.gif
g_roseline
bon...après avoir fait d'autre pages, en effet mes pages de vignettes me semblent rigide et vieillotes...que pensez vous de cela :



cela fait moins "plat" ! ça me fait penser un peut a la contre couverture d'un bouquin ! et voici quelques exemples de pages :

la page "destinations" qui amène au choix du continent :


ou la page europ :



la page wallpapers :



dites moi sincerement : qu'en pensez-vous ?
TitaX
J'adore et le contenant et le contenu !!
g_roseline
serieux ? ça y est je le tiens ??? aaaaahhhhh laugh.gif

suivant les conseils zavsé de methylbro, j'ai un peu modifié le menu principal de manière à faire un site plus communautaire :



juste pour être completement sûr de mo bazar : ça ne choque personne cette aspect d'ombre contradictoire sous les deux zones grises claires ? Moi j'aime bien, mais j'ai un doute ! (j'aime bien parfois des trucs tres moches !)
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'informations, la mise en page et les images, veuillez cliquer ici.
Invision Power Board © 2001-2012 Invision Power Services, Inc.