Centre social

**daneel** · 03/09/2018, 02h30

Bonsoir,

Je vous donne quelques remarques... En toute franchise, ce n'est pas pour mettre la pression mais c'est juste pour vous signaler certains points que l'on peut oublier facilement ou ne pas avoir connaissance...

1. Quels sont les éléments de mise en conformité pour le DGRP ?
- Options de contrôle sur les cookies et rendre la navigation anonyme pour Google Analytics ?
- Bloquer les informations transmises par le module facebook (ou la video youtube donc le player insère des codes tracking publicitaire) ?

2. Droits et sources des photos ? Vous avez l'accord des familles, qui a pris les photos ?

3. Conception.

Je trouve que le site est clair mais la disposition manque de cohérence. Les news sont affichées en "card" sur 2 colonnes et en dessous d'un bloc de présentation qui est déjà assez long notamment avec la citation, ce qui oblige l'utilisateur à scroller (c'est pire sur mobile). De plus chaque texte de news est coupé et le bouton "En savoir plus" n'est pas aligné entre chaque news. Enfin la date des news n'est pas vraiment utile du fait que le titre annonce souvent le futur programme.

Je préconise de remplacer par un effet de slide horizontal avec 2 à 4 news affichées suivant la taille de l'écran, supprimer l'affichage de date de publication et ajouter une balise "lire la suite" dans chaque article pour délimiter le texte d'introduction. Cela permet de réduire la longueur, cela pourrait inciter les utilisateurs à lire le contenu.

Ajouter des ancres et un effet pour remonter vers le haut d'un clic pour améliorer la navigation à travers la page d'accueil.

J'aime beaucoup le coté sobre mais vous pouvez donner des couleurs à votre menu afin de distinguer les différents services, ce qui est habituel dans ce genre de site (chacun sa couleur, je vois que c'est le cas avec le fond

). les sous-menus sont un peu distant de leur lien de menu parent.

Utiliser des illustrations de droits cc0 pour représenter la jeunesse, la famille... Le fait d'afficher l'entrée de centre social n'est pas représentatif et j'opterai pour des images plus symboliques. rechercher family ou kids dans les photos libres cc0 (n'oubliez pas de citer la source dans vos mentions) :

Just a moment...

https://www.pexels.com/search/family/

Just a moment...

https://www.pexels.com/search/kids/

Just a moment...

https://pixabay.com/fr/photos/?q=kids&hp=&image_type=all&order=&cat=&min_width=&min_height=

D'un point de vue technique, c'est très bien d'utiliser jchoptimize (bravo!) mais il faut cependant autoriser la lecture (pour les moteurs de recherches) notamment dans medias pour la css et js ce qui n'est pas le cas d'après les tests ( vous pouvez vérifier dans search console,sur https://varvy.com/ ou sur le moteur de recherche : https://www.google.com/search?q=site....csoliviers.fr ). Il faut vérifier ou modifier votre robots.txt qui n'est pas celui de base de joomla...

De ce fait, coté référencement, il y a quelques soucis, peut être par manque de temps car l'accueil ne devrait pas s'appeler accueil ni cso mais centre social avec le nom dans le titre de la page avec une meta description sans oublier d'utiliser une extension pour gérer les balises og (open graph) afin que les réseaux sociaux affichents les bonnes images et la bonne description pour chaque page. Par exemple : social meta ( https://github.com/vistamedia/socialmeta ) s'integre très bien dans les articles : téléchargement https://github.com/vistamedia/social...ive/master.zip ), le reste il faut vérifier page par page

Enfin gtmetrix donne un résultat moyen : https://gtmetrix.com/reports/www.csoliviers.fr/acPHA7e2
car il n'y a pas de date d'expiration pour le cache à préciser dans le htaccess (1 mois me semble correct).
Des images comme celle de victor hugo n'ont pas besoin d'être aussi grandes si vous réduisez ensuite leur taille dans la mise en page : https://www.csoliviers.fr/images/Victor_Hugo_001.jpg

Petit conseil de dernière minute : eviter les accents, espaces, majuscule et caractères spéciaux dans les noms de fichiers... Simplement si cela fonctionne sur le site, cependant cela peut provoquer des problèmes lors de restauration de sauvegarde ou autres fonctions importantes mais c'est juste un détail que vous aurez vite fait de vérifier en testant la restauration

Yann

**pouss** · 03/09/2018, 06h58

Merci Yann pour ton analyse

Concernant le point 1, je suis au courant de la GDPR mais je me demandais si la version 3.9 ne résoudrait pas en grande partie les obligations légales et que les extensions tierces se serviraient de cette nouvelle fonction de joomla. Il est vrai que j'ai une licence pour l'extension GDPR de storejextensions que je pourrais utiliser, il me resterait juste à rédiger la politique de confidentialité.

Le code Google analytics est géré par le template qui bénéficie d'une option pour rendre anonyme les IPs des visiteurs, je ne l'avais pas activé. maintenant c'est fait

Bloquer les informations pour le module facebook, ça je ne vois vraiment pas comment je pourrais faire mais je vais faire une recherche sur internet pour avoir des solutions, merci pour m'avoir pointé ce point dont je n'avais pas connaissance.

Pour la vidéo, j'ai une alternative, j'ai un compte vimeo pro qui ne diffuse pas de publicité

Concernant le point 2, les photos ont été prises par les salariés du centre social. Je leur ai expliqué qu'il fallait l'accord des familles mais leur réponse est que il pense que les personnes prises en photo ça leur fait plaisir. Je ne sais pas trop comment leur expliquer autrement.

Pour le point 3. Je vais réfléchir à ta solution et en parler avec le centre social, l'idée d'un slider est intéressante cela raccourcirait la longueur des pages en effet. un bouton pour remonter les page serait le bienvenu aussi en effet.

L'image de la devanture du centre social m'a été imposé, mais il me semble qu'il voulait le remplacer par un slideshow d'images, ton idée de prendre des images libres de droit est à creuser, yootheme pro intègre unsplash qui regroupe des photos libres de droit mais merci pour le site pexels que je ne connaissais pas et qui semble avoir des photos très professionnelles également.

Oui la couleur des pages laisse à désirer, je dois être dischromatope je n'arrive jamais à choisir des couleurs qui plaisent. L'idée de reprendre la couleur du fond comme couleur de titre est très intéressante je leur la soumettrai.

Je n'ai pas entamé la procédure de référencement du site, j'attends le feu vert du centre social et au vu de tes remarques pertinentes c'est pas plus mal de prendre son temps.

Oui JCH est une très bonne extension mais yootheme m'a toujours posé des problèmes pour obtenir un bon résultat au test de vitesse. Seul les templates d'il y a 3 4 ans ont un bon score (97% chez google page speed insight)

Pour la taille des images, il est vrai que celles ci provenant d'un module est surdimensionnée mais le template normalement si je me servais du page builder se sert des grosses images et en fait pour tous les types de périphériques. C'est vrai que l'idéal pour une image c'est qu'elle soit de la taille à laquelle elle est affichée est préciser dans la balise img le width et le height. Si je ne me trompe pas.

Oui j'ai beau leur expliquer que les espaces, accents etc.. sont à proscrire mais ils n'en prennent pas garde. Ça pose parfois de gros problèmes car je dois dans certains cas accéder en ssh pour modifier le nom des fichiers car en ftp ou avec le gestionnaire JCE c'est pas possible.

En tout cas merci pour toutes tes remarques pertinentes, ça me donne du grain à moudre et du pain sur la planche.

**toffffe** · 03/09/2018, 19h49

Salut
Bravo pour ton site
Il manquerait un petit retour à l'accueil en cliquant sur le logo
Les titles de tes pages ne sont pas optimisés pour le référencement
tu as un petit {source} sur cette page https://www.csoliviers.fr/jeunesse-e...eil-des-jeunes
Encore tous mes encouragements

**GraphiqueDesign** · 05/09/2018, 03h25

Je demande pardon ! Il ne faut pas prendre mal mon propos mais je ne suis vraiment pas convaincu par le design de ce site. Minimaliste, oui mais là, on se croirait seul et abandonné sur une banquise. Le graphisme, c'est aussi des formes, des volumes, des couleurs, des repères pour l'œil, des sentiments, des émotions, bref, de la vie ! Pour moi, ce site manque de vie ! Franchement, il me fait flipper.

Je pense qu'il aurait fallu visualiser le résultat final avant de commencer la conception du site, soit mentalement, soit via une maquette qui a l'avantage de permettre un échange avec le client. Là, j'ai le sentiment qu'on est parti dans la conception d'un site un peu au hasard. Chez nous en Afrique, on dit que "ça sort comme ça sort !". Aujourd'hui, un référencement se prépare à l'avance, il se réfléchit, s'élabore telle une stratégie pour se mettre en place au fur et à mesure que le site se construit, du tout début jusqu'à la fin. C'est strictement la même démarche pour la conception de la ligne graphique d'un site, son ergonomie, son style ... De plus, c'est tellement plus rassurant de déjà avoir vu le résultat final avant même d'avoir posé la première pierre car on sait absolument où on veut aller.

Un site, on doit s'y sentir bien, à l'aise, avec l'info à portée de clic, avec des repères visuels, de la signalétique. Certaines infos sont plus importantes, il faut instaurer une hiérarchisation visuelle. Imagine entrer dans un vaste aéroport sans aucune signalétique, sans repères visuels, que du blanc, partout ! Impossible de trouver ta route en plus de subir un stress intense.

Non, je regrette, pour moi, c'est pas arrivé !
J'ai l'impression de m'être promené dans une boite de Cotons-Tiges.

PS: tu es sûr que custom.css n'est pas parti en vacances ?

**ghazal** · 08/09/2018, 16h54

Salut,
mo j'aime bien le côté minimaliste.

C'est un site associé à une mairie, apparemment.
Si je cherche des infos pratiques sur la communauté, je n'ai pas de temps à perdre avec les rideaux et la peinture.
Là les infos sont claires, faciles à trouver.
Je trouve que c'est un site tout à fait approprié à son objet.

**pouss** · 08/09/2018, 18h30

Bonsoir, merci pour vos retours

@toffffe : merci pour m'avoir fait remarquer ce source qui est dû à un plugin de regular labs sourcerer, je vais creuser pour voir si il y a un moyen de ne pas l'afficher.

@GraphiqueDesign : merci pour vos remarques, si je suis là c'est bien pour avoir des critiques. Effectivement, j'avais bien remarqué par moi-même que quelque chose n'allait pas dans l'ensemble. J'avais une maquette faite par le communiquant du centre social, j'ai essayé de m'en approcher et le résultat n'est pas si loin de ce que l'on m'avait soumis mais c'est vrai qu'il est froid trop de blanc pas assez de contrastes et de couleurs. Par contre la navigation sur le site a été réfléchi justement pour que l'on trouve facilement une information que ce soit sur mobile ou fixe. Le référencement n'est pas facile lorsque l'on s'attaque à une cible très localisée et que notre site est accessible à toute la planète. Surtout que les articles publiés ne restent qu'un temps et sont supprimés rapidement donnant des pages 404.

Par contre on peut faire des critiques en étant constructif et non pas en étant juste vexant, c'est bien vrai ça peut faire penser à des cotons tiges surtout avec le fond salle de bain bleu et que le custom.css peut sembler creux mais il ne l'est pas.

@ghazal : oui c'est bien pour une mairie, c'est une association qui est en délégation de services publics (DSP) pour s'occuper de nombreuses actions sociales.

**GraphiqueDesign** · 08/09/2018, 20h14

Envoyé par pouss Voir le message

Par contre on peut faire des critiques en étant constructif et non pas en étant juste vexant, c'est bien vrai ça peut faire penser à des cotons tiges surtout avec le fond salle de bain bleu et que le custom.css peut sembler creux mais il ne l'est pas.

On va en remettre une couche, alors !

Je pense qu'il ne faut pas confondre minimalisme et simplicité. Les projets minimalistes sont souvent les plus complexes à concevoir. Épurés, élégants, ils demandent un soin du détail irréprochable et constant mais aussi beaucoup d'efforts au niveau des enrichissements typographiques, du placement des éléments et des formes, de l'équilibre en général. Dans le cas présent, utiliser la couleur jaune du logo pour faire un border-bottom d'un ou de 2 pixels sur certaines boites par exemple, placer un filet par moment pour séparer un titre du texte, bref, des petites choses élégantes qui vont structurer visuellement un peu la page. L'équilibre est une notion fondamentale de bien-être dans la conception graphique

En fait, je ne remets pas en cause le choix minimaliste mais la façon dont ce choix a été traité. Par moment, cela manque de précision et plus la page est épurée, et plus les imperfections sautent au yeux.

J'ai pris du temps pour rédiger mon commentaire, puis pour répondre aujourd'hui encore. Si je faisais cela juste pour vexer ... Mais ensuite il est vrai que ma critique n'est peut être pas forcément très productive, par nature. Personnellement, quand on critique mon travail, je me remets en question car je suis motivé par l'idée de toujours faire mieux.

Le graphisme est un métier, tout comme le développement. Avant l'arrivée des CMS, je travaillais pour des Web Agency à designer graphiquement des sites. Maintenant, avec les CMS, je bosse seul parceque monter un site est devenu possible pour un graphiste comme moi. Par contre, si je sens que je ne m'en sors pas avec le code, et pour ne pas bricoler, je demande de l'aide ou prend un développeur en soutien.

J'aurais bien aimé être plus constructif, moins vexant, plus généreux, peut être n'avais-je pas le temps, ou encore que je ne savais pas comment faire cela. J'ai essayé d'argumenter autant que possible, je ne peux pas non plus faire le job à ta place.

**ali13** · 11/09/2018, 16h37

Bonjour pouss Je travail actuellement sur le site de notre centre social pas très loin du tien. Je suis sur Istres.
Bon pour moi il y à plusieurs chose qui me chiffonne au niveaux graphique une à déjà été mentionné donc je laisse lauttre est le bandeau d'abonnement à la news letters.
Le dégradé sur dégradé j'éviterais et le bleu est trop proche du bleu de ton background.
peut être pourrais tu prendre le bleu claire de la police pour le fond du bandeau.

En tous les cas bravo et bonne continuation.
A+

Centre social

Centre social

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association