Comment rendre mon site plus dynamique ? - Web design - Graphisme
Marsh Posté le 21-01-2009 à 17:40:34
Arg, j'ai eu une crise cardiaque :
---------------------------
Microsoft Internet Explorer
---------------------------
Votre navigateur n'est actuellement pas pris en charge par ce site, nous vous invitons a telecharger une version plus recente.
---------------------------
OK
---------------------------
Et pas uniquement a la premiere page, non a toutes les pages. Deja ca donne pas envie d'aller plus loin.
(je suis pas chez moi d'ou ce navigateur...)
Marsh Posté le 21-01-2009 à 18:33:58
Oups, désolée... tu es sous IE6 ou inférieur ? C'est le seul navigateur sous lequel mon site ne fonctionne pas. Quant à ma gestion des navigateurs elle n'est pas au point (la preuve...), ce sera d'ailleurs le sujet d'un prochain post sur ce forum car je n'arrive toujours pas à rediriger les utilisateurs d'IE6 vers une autre feuille CSS...
Bon au moins la page d'accueil de mon site est "dynamique" chez toi avec ce pop-up qui saute sans arrêt (ok ma blague est nulle... je sors...)
Marsh Posté le 23-01-2009 à 03:59:13
Bah oui mais quand tu vois la part de marché, ca serait un peu dommage de passer a coté
http://www.libstat.com/pages/navigateur.htm
Et mon avis pour le site, c'est qu'il faudrait que tu fasses appel a un graphiste parce que la c'est pas top quand meme. Les couleurs sont fades et mal assorties. L'information est mal organisé. Les photos ne sont pas vendeuses. Les typos piquent les yeux.
Le probleme d'une boutique en ligne c'est que si ca fait pas un minimum pro, les gens n'ont pas confiance et n'achètent pas.
Pour te donner des idees
http://www.lafraise.com
Marsh Posté le 23-01-2009 à 10:20:16
ReplyMarsh Posté le 23-01-2009 à 16:53:36
fluminis a écrit : (je suis pas chez moi d'ou ce navigateur...) |
Et je ne suis pas là pour lancer un trol, j'indiquais juste que ca marchait pas pour ce navigateur (IE6).
Et effectivement, etant au boulot, je n'ai aucunement le choix du navigateur installer sur mon poste.
Marsh Posté le 02-02-2009 à 15:14:09
Re bonjour tout le monde !
Merci à tous pour vos commentaires, j'ai pas mal bossé sur le site la semaine dernière suite à tout ce que vous me dites. Je viens de mettre en ligne le nouveau design du site, toujours disponible sur http://www.mytikkashop.com.
Alors pour résumer :
1) j'ai viré la pop-up qui agressait tous les utilisateurs de IE6. Bon par contre il faut encore que je travaille la feuille de style pour éviter ce satané décalage d'images vers le bas...
2) j'ai donné un coup de jeune aux couleurs pour éviter le côté "fade et mal assorti"
3) j'ai restructuré les informations de la page d'accueil sous forme de blocs pour que ça fasse moins fouillis
4) j'ai mis de superbes reflets "web 2.0" sous les photos de la page d'accueil pour les rendre un peu plus vendeuses
et 5) j'ai animé les menus tout en haut (ça bouge quand on passe la souris) et rajouté un petit diaporama pour présenter les housses pour pc, histoire de rajouter du mouvement dans la page.
Pour rappel, l'ancienne page d'accueil ressemblait à ça : http://3.bp.blogspot.com/_yvTqR2vE [...] ccueil.jpg (lien vers une capture d'écran)
Alors, qu'est-ce que vous en pensez ?
Marsh Posté le 02-02-2009 à 15:15:31
Skopos a écrit : +1 avec Zed. |
Ah oui, et pour répondre à Skopos, oui c'est moi qui fabrique les produits. Contente que ça te plaise
Marsh Posté le 02-02-2009 à 17:46:31
Citation : Les couleurs sont fades et mal assorties. L'information est mal organisé. Les photos ne sont pas vendeuses. Les typos piquent les yeux. |
A part les photos qui sont un peu mieux le reste c'est kif kif pour moi. JE crois meme que je preferais avant. Ca faisait moins chargé ...
Marsh Posté le 02-02-2009 à 19:18:46
Hé bé, j'ai affaire à quelqu'un de difficile à ce que je vois ! En fait... t'aimes pas le vert, c'est ça ?
T'as bien vidé le cache de ton navigateur ? J'ai remarqué que certains avaient un affichage du site vraiment bizarre parce que le cache ne se vidait pas en arrivant sur mon site (j'ai dû oublier de préciser un paramètre quelque part...)
Bon hé si oui, ben tant pis, on ne peut pas plaire à tout le monde, hein... Merci pour ton avis en tous cas !
Marsh Posté le 02-02-2009 à 20:33:15
Mon avis : je trouve en effet que cela est pas mal chargé mais vue le type de produit c'est correct, festif, animé couleur allant bien avec l'ensemble, pour une fois cela ne fait pas hôpitaux lol, continu comme cela et le produit et sympa aussi !
Marsh Posté le 03-02-2009 à 03:41:35
tikkatee a écrit : Hé bé, j'ai affaire à quelqu'un de difficile à ce que je vois ! En fait... t'aimes pas le vert, c'est ça ? T'as bien vidé le cache de ton navigateur ? J'ai remarqué que certains avaient un affichage du site vraiment bizarre parce que le cache ne se vidait pas en arrivant sur mon site (j'ai dû oublier de préciser un paramètre quelque part...) Bon hé si oui, ben tant pis, on ne peut pas plaire à tout le monde, hein... Merci pour ton avis en tous cas ! |
Ca n'a rien a voir avec le fait d'etre difficile. Je te donne un avis de professionnel.
Quand je dis qu'il y a trop de typos, c'est pas une question de goût, c'est une realité. Pareil pour les couleurs.
Le vert ne me gene pas. Les couleurs de ton bandeau passent a peu pres, meme si je ne suis pas fan de camaïeu (la, c'est une question de gout), mais il est trop chargé et tu devrais mieux y integrer les boutons Panier et Compte.
C'est surtout le menu a gauche qui me gene. La couleur n'est pas agréable, il est mal structuré et le bleu du texte ne va pas trop avec le fond.
Et puis "Nouveau design en ligne ! Problème d'affichage ? Pensez à vider le cache de votre navigateur." J'espere que tu vas l'enlever tres vite parce que ca fait super amateur.
Marsh Posté le 03-02-2009 à 09:54:48
Ah tiens, avis intéressant. Vu les retours positifs de mes clients et mon nombre de ventes en hausse depuis hier je suppose que mes visiteurs "amateurs" apprécient l'aspect de mon site. Et si le client est content, c'est le principal, non ?
Merci pour ton "avis de professionnel" en tous cas. D'autres personnes souhaitent se prononcer ?
Marsh Posté le 03-02-2009 à 11:06:38
tikkatee a écrit : Et si le client est content, c'est le principal, non ? |
Oui, du coup je vois pas trop pourquoi tu posts ici
Marsh Posté le 03-02-2009 à 11:35:11
J'espérais avoir des critiques légèrement plus constructives et des conseils. Exemple :
Avant la modif de mon site :
- "Les couleurs sont fades et mal assorties. L'information est mal organisé." -> et maintenant, c'est mieux ou pas ?
- "Les photos ne sont pas vendeuses." -> ok, de quelles photos tu parles ? Les miniatures sur la page d'accueil ? Les photos des fiches produits ? Et en quoi elles ne sont pas vendeuses ? Qu'est-ce qui les rendrait plus vendeuses ? Je suis allée sur le site de laFraise que tu as mis en lien et leur photos ne sont - à mon idée - pas vendeuses non plus dans le sens où quand on clique sur un T-shirt, on ne peut pas l'agrandir davantage et on voit mal le graphisme. C'est quoi alors la caractéristique d'une photo "vendeuse" ?
- "Le probleme d'une boutique en ligne c'est que si ca fait pas un minimum pro, les gens n'ont pas confiance et n'achètent pas." -> Ok sur le principe. C'est quoi la définition du "minimum pro" ? Dans mon cas, qu'est-ce qui fait que la boutique n'a pas l'air "pro" ? Quel est le point précis qui n'inspire pas confiance ? Vu que je fais des ventes, est-ce que je dois considérer que ma boutique a atteint ce "minimum" ? Si oui, qu'est-ce qui est bien dans la boutique, et qu'est-ce qu'il faut améliorer impérativement ?
Après la modif du site :
- "Les couleurs de ton bandeau passent a peu pres (...), mais il est trop chargé" -> Ok, pourquoi : qu'est-ce qui fait chargé exactement ?
- "...tu devrais mieux y integrer les boutons Panier et Compte" -> comment puis-je mieux les intégrer ? Ce sont les boutons qui sont mal intégrés, le texte, les deux ?
- "La couleur n'est pas agréable" -> en quoi n'est-elle pas agréable exactement ? Point que je ne comprends pas car la couleur est assortie avec le reste du site donc si elle n'est pas "agréable" ça veut donc dire que le site en entier n'est pas agréable ? Est-ce un avis purement subjectif ou est-il basé sur des normes de graphisme que je ne maîtrise pas ?
La critique pour critiquer, c'est une chose. Si je poste ici c'est pour identifier mes points d'amélioration et bien évidemment pour recueillir des conseils et des suggestions, vu que je n'ai pas réussi à voir toute seule ce qui clochait (sinon mon site serait absolument superbe et je ne serais pas en train de demander l'avis des gens sur un forum spécialisé )
Merciiii
Marsh Posté le 03-02-2009 à 12:32:54
Citation : Avant la modif de mon site : |
Non, c'etait mieux avant car moins chargé
- "Les photos ne sont pas vendeuses." -> ok, de quelles photos tu parles ? Les miniatures sur la page d'accueil ? Les photos des fiches produits ? Et en quoi elles ne sont pas vendeuses ? Qu'est-ce qui les rendrait plus vendeuses ? Je suis allée sur le site de laFraise que tu as mis en lien et leur photos ne sont - à mon idée - pas vendeuses non plus dans le sens où quand on clique sur un T-shirt, on ne peut pas l'agrandir davantage et on voit mal le graphisme.
Chez moi, je peux cliquer pour agrandir
Bref, une photo vendeuse c'est une photo bien net, ou on voit bien le produit car prit dans des conditions de lumières optimales et bien compressé ensuite. Avec du system D on peut avoir de tres bons resultats. Mais je pense qu'il y a un mieux sur ta 2e version
Citation : - "Le probleme d'une boutique en ligne c'est que si ca fait pas un minimum pro, les gens n'ont pas confiance et n'achètent pas." -> Ok sur le principe. C'est quoi la définition du "minimum pro" ? |
Ben la, c'est un dur a expliqué. Mais y'a pas mal de choses que j'ai deja dit. Diminuer le nombre de typos. Le choix bleu, rouge, vert, jaune pale, rose saumon, ca fait beaucoup, non ? surtout dans les tons que tu as choisi et surtout pour vendre des produits qui sont en general assez coloré.
Prend ca pour t'aider.
Et puis pourquoi tu surcharge ton graphisme ? Le bandeau du haut et les 2 du bas (pk 2 d'ailleurs). Enleves les ombres, les effets un peu kitsch. Garde le simple.
Citation :
|
Ben y'a trop de trucs dedans, je peux pas etre plus clair
Citation : - "...tu devrais mieux y integrer les boutons Panier et Compte" -> comment puis-je mieux les intégrer ? Ce sont les boutons qui sont mal intégrés, le texte, les deux ? |
Ils ne sont pas assez visibles/lisibles. Tu devrais les integrer completement dans ton bandeau.
Citation : - "La couleur n'est pas agréable" -> en quoi n'est-elle pas agréable exactement ? |
Le degradé fait sale. Garde des aplats, ca vaut mieux. Essaie de trouver des exemples sur des sites que tu aimes bien. et montre nous pour qu'on te dise. Il faut vraiment que tu bosses ton menu verticale et son organisation/structure.
Faut que j'y aille la, mais redemande moi si tu as besoin et je detaillerai un peu plus.
Bon courage.
Marsh Posté le 03-02-2009 à 12:36:15
Pour ma part je trouve aussi que ton bandeau est bien trop chargé.
Des traits horizontaux pas très droit et pas très utiles à mon avis, des images et dessins en fonds, et à gauche, je sais pas trop quoi (je suis un internaute, je me prend pas la tête, je sais pas ce que tu fais et je ne vois pas ce que ça représente).
Je serai toi je laisserai le Mytikkashop, et je mettrai en gros partie une partie d'une de tes créations. Par exemple, une zoom sur un morceau d'une housse sur mesure (qui elles ne sont pas chargées graphiquement).
Ca améliorera grandement la lisibilité et la lecture pour ce qui est de la partie haute de ton site.
Et pour le reste du site, plein de cadres, pas à la même place, pas à la même couleur là aussi, l'oeil s'y perd et cherche vite matière à déguster.
"Quelques uns de nos produits" par exemple, tu as un cadre aux bords carrés (là où tous les cadres du site sont arrondis) sur fond jaune, police noire.
Et juste en dessous pas à la même place le cadre "actualités" qui se balade tout seul avec un fond vert, police bleue.
Là aussi, autant de couleurs / formes perdent un peu l'internaute.
Juste en dessous on remet ça : Les doudous et les inclassables avec un fond dégradé gris police verte !!!
Ca fait beaucoup de différences, beaucoup de choses placées partout sur un cadre fouillé, chargé et plein de couleurs.
On ne sait pas quelle partie de la page correspond à quoi (vu que les parties semblent séparées par les cadres, faut le justifier) bref en un mot comme en cent, on s'y perd un peu et il faut faire un effort de lecture pour comprendre.
Les internautes sont des feignants et pour la plupart, ne sont pas habitués à ce moyen de communication, il faut les soulager un max et rendre tout ça plus lisible à mon avis...
Woili woilou, désolé ça fait un peu assassin, et une charge de boulot en plus pour toi mais c'est my two cents
Marsh Posté le 03-02-2009 à 12:57:41
tikkatee a écrit : J'espérais avoir des critiques légèrement plus constructives et des conseils. Exemple : |
le principe d'un bon site web c'est de mettre en valeur le contenu, pas le contenant
Marsh Posté le 03-02-2009 à 16:03:37
Mais le contenu sans le contenant n'a plus lieu d'être...
Mais c'est pas mal cette réflexion, je crois qu'il faut prendre tout ça en compte tikkatee
Marsh Posté le 20-03-2009 à 11:09:06
Tu peux faire de très légères animations.
Par exemple sur le titre qui est cousu. tu peux faire vibrer une lettre de temps en temps, pas tout le temps la même. Disons toutes les 2 ou 3 secondes. C'est une housse de portable non ! ça vibre
Et le chat en bas peut bouger la queue lentement, la balancer..
Éventuellement à gauche du logo, le paquet, tu pourrais le remplacer par des pochettes qui défiles. un slideshow.
Sinon j'aime bien les couleurs, c''est frais!
Marsh Posté le 20-03-2009 à 12:30:21
J'ai pas vu la première version actuellement c'est très perfectible.
Le vert partout c'est monotone. Le nom du site sur la page d'accueil n'est pas très visible. C'est du au fait que le fond à des dessins et que la police à aussi des dessins (les reprises de couture). Dessin sur dessin ça brouille la visibilité.
Il faut faire un choix soit la police unie et le fond avec des dessins ou l'inverse.
Le menu n'est pas clair ou plutôt il pourrait être amélioré.
La page d'accueil est trop fouillis. Il y a trop de choses présentées.
Enfin les vignettes des photos sont pas très lisibles. Elles ne font pas assez voir le produit Elles sont trop sombres en général.
Pour le panier et le compte il ne sont pas assez apparents l'objectif étant la commande c'est dommage.
J'ai pas été plus loin
Bon courage
Marsh Posté le 20-03-2009 à 15:21:14
Bonjour,
tout comme Dom !
je trouve que les remarques étaient assez constructives même si tu penses l'inverse
Tu as un panier/caddie dans le bandeau en haut et un autre sous le menu de gauche
même constat pour le compte
=> Un seul accès (suffirait) pour chaque mais identifié plus clairement
Un menu horizontal par catégorie de produits dans le bandeau et un menu vertical par rubrique. çà fait un de trop pour la navigation. Regrouper les catégories de produits sous la boutique.
Les conditions de vente/faq/plan de site du footer le mettre vraiment en bas (au niveau du copyright par exemple) en dehors du contenu.
les pubs adSense même remarque. je les mettrais plutôt sur la gauche en bas
Revoir ton formulaire de contact, il ne va pas du tout avec le reste.
... etc
Dans l'ensemble, faire plus sobre et améliorer la lisibilité
Pour tes soucis de IE6 fais une recherche sur les "commentaires conditionnels" avec google (les 2 premiers liens sont très biens).
Fait une feuille de style spécifique à IE6 avec des styles qui surcharge (pour corriger uniquemet ce qui ne va pas, inutile de tout réécrire) ceux qui existe dans la feuille de styles normale.
Pour le code html attention à l'usage des tableaux à bon escient !
Allez bon courage et fais nous part de tes avancées ou difficultés
A bientôt
Marsh Posté le 19-04-2009 à 15:00:41
Bonjour et merci à tous pour vos commentaires et votre implication ! Après avoir lu et analysé toutes vos remarques je suis repartie de zéro pour refaire complètement le design de mon site et le rendre plus lisible et surtout, mieux structuré.
Le résultat est en ligne depuis vendredi, toujours à la même adresse : http://www.mytikkashop.com
Pour commencer j'ai allégé le bandeau d'en haut qui était trop chargé et mettre en valeur le nom du site ainsi que le panier. Plutôt que de garder le bandeau vertical à gauche, j'ai intégré toutes les catégories de produits dans le menu horizontal en haut du site, ce qui permet ainsi de garder toute la largeur de la page pour mettre en valeur le contenu. Et pour mettre ce menu un peu en valeur, j'ai appliqué un style css pour que le fond change de couleur quand on passe la souris.
Pour ce qui est de la partie dynamique, j'ai opté pour le diaporama qui fait défiler les housses en haut à gauche. Et pour éviter qu'il y ait trop de vert dans la page, j'ai fait en sorte d'épurer les éléments d'architecture (bandeau haut et bas) pour que ce soit les photos des produits qui apportent d'autres touches de couleur. J'ai également diminué le nombre de typos comme vous me l'avez conseillé.
Enfin, pour IE6 j'ai fait ce que m@noo a suggéré en mettant en place un système de commentaires conditionnel. Par contre ma feuille de style pour IE6 n'est pas encore au point parce que le bas de la page d'accueil part dans tous les sens, je n'ai pas réussi à aligner correctement les différents éléments, il faut que je travaille encore dessus. Mais ça gêne moins la lisibilité qu'auparavant donc il y a quand même un mieux.
L'idée principale c'était que toutes les catégories de produits de la boutique apparaissent en page d'accueil et que l'internaute puisse naviguer avec aisance et trouver plus facilement ce qu'il cherche.
Qu'en pensez-vous ? Y'a-t-il encore des points noirs qu'il faut améliorer ?
Encore merci à tous et à bientôt !
Marsh Posté le 21-04-2009 à 11:40:26
Salut,
eh bien !
t'as travaillé c'est clair
Dommage car on a plus l'ancienne mouture à nous mettre sous les yeux pour se rappeler comment s'était avant.
D'après mes souvenirs, c'est bien plus lisible, clair et moins surchargé.
Y'a encore des bricoles ( avec IE7 j'ai "<-->" qui s'affiche en haut à gauche, j'ai les images grain de sable et doudous qui débordent à droite)
Retravaille ton formulaire de contact (alignement, couleur dans celle de ta charte graphique ....), revois les tableaux (mais c'est un détail) dans tes conditions de vente (en feuille de style plutôt que border=1 et cellspacing=2 et couleur dans le charte)
Tu es sur la bonne voie, continue !
Pour IE6, je sais c'est à se tirer une balle parfois mais il faut encore faire avec (malheureusement) et je pense qu'il ne faut pas encore faire l'impasse sur ce vieux navigateur.
Marsh Posté le 21-04-2009 à 17:32:04
Tu as déjà opéré des choix. C'est vraiment mieux. Quand on arrive sur le site on ne voit pas assez ce que tu vends. L'idée est sympas mais pas assez claire à mon avis. Le paiement sécurisé c'est bien mais pas assez visible mets le avec le panier et utilise le logos de PayPal.
Mon compte devrait être à droite et rechercher sur la même ligne à gauche (?).
Un menu déroulant me semble être un plus.
Marsh Posté le 21-01-2009 à 12:39:39
Bonjour !
J'ai réalisé ma boutique en ligne de vente d'accessoires de mode (housses pour ordinateurs et téléphones mobiles, entre autres) sur une plateforme Joomla/Virtuemart et on me fait souvent la remarque comme quoi ma page d'accueil manque de "dynamisme" : http://www.mytikkashop.com
J'aimerais savoir ce que vous en pensez, et surtout si vous avez des idées sur la façon dont je pourrai apporter plus de mouvement à cette page sans que ça devienne trop "fouillis". Et à part ce problème de dynamisme, est-ce que la navigation globale est suffisamment lisible, ou y'a-t-il des parties qui manquent de clarté ?
Merci pour vos conseils !
Tikka
---------------
http://www.mytikkashop.com - Accessoires de mode et housses sur-mesure pour ordinateurs portables, téléphones mobiles et lecteurs mp3