[Suggestion] Test nouveau site

[abmag]

Bonjour à tous.
Si vous avez un peu de temps à perdre, je vous invite à naviguer dans mes vagabondages et me faire part de vos remarques et suggestions (bugs, ergonomie, styles, etc...)
Merci d'avance

https://vagabondages.reseau-bretagne.com/

Version Joomla Joomla! 3.10.3 Stable : Template Protostar : Hébergeur Nuxit mutu ;
Extensions JCE, Liens Web, Phoca Download, Akeeba Backup, Slideshow CK
Objet: Site à usage personnel pour servir de mémoire à la préparation et à la réalisation d'un vagabondage curieux avec un croiseur côtier de 8m (Westerly Centaur) et un camping car.
Objectif secondaire, partager mes expériences et mes solutions avec d'autres vagabonds.
Aucun objectifs commercial

[dolmenhir]

Salut,
Je suis arrivé sur la première page.
Alignements des textes et images à revoir entièrement, images trop lourdes (2.5 Mo !!! sérieux ?)
Thématique hyper ciblée et très (trop) technique.
Ne s'adresse qu'à ceux que ça intéresse et qui partage le même centre d'intérêt...
et pourtant, l'univers nautique, je côtoie depuis 15 ans, mais là, même pas envie...

EDIT : pour un site se nommant vagabondage, on s'attend plutôt à tomber sur des récits de voyages, pas un fatras de docs techniques
Au lieu d'un site web, j'ai l'impression de fouiller dans un carton à la recherche de je ne sais quoi, sans même être certain de trouver quelque chose d'intéressant. Esthétiquement et ergonomiquement, j'ai l'impression d'être sur un site fait à la fin des années 90. Du coup, ça sert à quoi de modifier un template si c'est pour faire moins bien ?

Cerise sur le gâteaux : des livres et autres ouvrages convertis en pdf et proposés au téléchargement.
T'as pas oublié de lire le chapitre sur les droits d'auteurs ?
J'espère que tu as mis des l'argent de côté pour payer l'avocat et les réparations en cas de poursuites, parce que là c'est pas défendable.
Je m'arrête là, trop de remarques à faire.

[lesoutier]

Merci de bien vouloir respecter les règles spécifiques à cette section du site : http://forum.joomla.fr/showthread.ph...oposer-un-site

[abmag]

Merci pour ces premières réactions
Désolé pour mes oublis de précisions sur les données techniques du site. C'est réparé.
Concernant les remarques de Dolmenhir que je remercie d'avoir consacré un peu de son temps à consulter le site et à donner son avis, Je ne cherche pas accumuler les clicks, ce n'est pas l'objet, mais je retiens que j'ai oublié d'optimiser ces images.(le site est encore largement en dev).
Les docs fournis sont tous en libre téléchargement et à ma connaissance libres de droit dans ce cas. Si il s'avérait que ce ne soit pas le cas pour l'un d'eux, il sera évidemment immédiatement supprimé.
Si un jour tu as à rénover un bateau, tu t'appercevras que l'on perds beaucoup de temps à rechercher des informations pertinentes. J'essaie de compiler sur ce site les docs et expériences que j'ai trouvé utiles pour les retrouver rapidement et les partager. Je n'ai pas non plus la prétention d'être exaustif, juste util à mon usage et aux quelques internautes qui partagent ou partagerons certains de mes objectifs.

[dolmenhir]

(le site est encore largement en dev).

Alors tu ne devrais le soumettre à critique qu'une fois terminé.
T'en connais beaucoup des cuisiniers qui demandent un avis sur un plat qui n'est pas terminé ni encore cuit ?
A la rigueur, ils pourraient demander un avis sur le choix d'un ingrédient, un dosage, un temps de cuisson... mais pas un avis sur le plat.

Les docs fournis sont tous en libre téléchargement et à ma connaissance libres de droit dans ce cas. Si il s'avérait que ce ne soit pas le cas pour l'un d'eux, il sera évidemment immédiatement supprimé.

Ce n'est pas parce que tu as le droit de le télécharger (sur quel site ?) que tu as le droit de le diffuser.
A ta place, je me renseignerai sur cela avant de me faire taper sur les doigts, parce que une plainte sur les droits d'auteur (qui incluent aussi les droits de diffusion) ça peut vite coûter très cher.

Si un jour tu as à rénover un bateau, tu t'appercevras que l'on perds beaucoup de temps à rechercher des informations pertinentes. J'essaie de compiler sur ce site les docs et expériences que j'ai trouvé utiles pour les retrouver rapidement et les partager. Je n'ai pas non plus la prétention d'être exaustif, juste util à mon usage et aux quelques internautes qui partagent ou partagerons certains de mes objectifs.

Je suis d'accord qu'à ce titre tu pourras peut-être rendre services à des passionnés comme toi, et qui d'ailleurs seront sans doute moins regardant que moi sur l'esthétisme et l'ergonomie de ton site.
Ma critique peut sembler un peu rude, c'est une déformation professionnelle, mais généralement, et dans la mesure où je dois me prononcer sur un site qui n'est plus en développement, elle n'est jamais gratuite. Alors je reviendrai peut-être m'exprimer sur une prochaine version.
Bon vent !

[abmag]

Bonjour,
Je viens de voir que ce site était passé en non conforme.
Je suis un peu étonné, j'ai immédiatement complété les infos demandées pour correspondre aux données requises.
Cela faisait quelques années que je n'étais pas revenu sur ce forum et avait oublié quelques réflexes.
Si j'ai encore oublié quelque chose merci de me le faire savoir.
Quoiqu'il en soit, la structure du site est maintenant définitive, même si son contenu est appelé à continuer d'évoluer.
Si j'ai mis ce site ici c'est aussi pour avoir vos avis et faire les ajustements nécessaires en fonction de vos remarques.
Je me suis peut-être trompé de rubrique. Dans ce cas là vous pouvez le déplacer, mais là j'ai l'impression d'être un mauvais élève renvoyé de l'école.
C'est un peu frustant au vue de mes contributions passées entre 2008 et 2013 en soutien aux utilisateurs
Ceci dit, J'espère que les ajustements que j'ai fait me permettront de recueillir des avis, positifs ou négatifs, mais qui me seront utils à améliorer ce site

[lesoutier]

Problème de timing. Ton sujet a été déplacé en non conforme, mais tu as rectifié peu de temps après.
Et ton sujet est resté en non conforme sans qu'un modo ne le remarque.
J'en suis désolé, mais nous (les modos) avons tous des occupations en dehors du forum et ce genre de chose arrive parfois.
Je viens de rétablir la situation

[dolmenhir]

mais là j'ai l'impression d'être un mauvais élève renvoyé de l'école.
C'est un peu frustant au vue de mes contributions passées entre 2008 et 2013 en soutien aux utilisateurs
Ceci dit, J'espère que les ajustements que j'ai fait me permettront de recueillir des avis, positifs ou négatifs, mais qui me seront utils à améliorer ce site

Mais non, tu n'est pas renvoyé... et même pas collé à ce que je sache
Après faut pas tout mélanger, si personnellement je fais des critiques c'est sur le site, pas sur tes contributions passées.

Cela dit, je vais te donner quelques conseils qui te permettront peut-être d'avancer.

Comme dit dans mon premier message, tes images sont trop lourdes.
Tu ne peux pas décemment mettre une image trop lourde, et encore moins plusieurs images dont le poids s'additionne : ça c'est pour les gens qui n'ont pas forcément une connexion rapide.. et les navigants ont rarement la fibre à bord.

Tu devrais aussi réduire la taille de certaines images, quitte à proposer de les agrandir en cliquant dessus.
Le rendu sera plus agréable et ergonomique.
Tu devrais aussi faire attention à l'alignement du texte par rapport à certaines images (problème qui se résoudra plus facilement si les images n'étaient pas aussi grandes).

L'unité de mesure de tes textes est en pixel.
Par défaut, ton texte est à 13px, ce qui est petit car la valeur par défaut des navigateurs est de 16px.
Cela se ressent sur des écran plus petits, notamment les mobiles.
Il est préférable d'utiliser l'unité de mesure "rem" et de la fixer par défaut à 1rem dans le body, ce qui équivaudra à l'unité par défaut du navigateur de l'utilisateur.
L'unité de mesure rem sera toujours équilibrée par rapport à la résolution de l'écran et prendra toujours comme valeur de référence, celle attribuée au body.
Ainsi, un texte avec une valeur de 2rem équivaudra à 2 fois l'unité par défaut du navigateur, soit 32px par défaut.
Si l'utilisateur a réglé une taille plus grande ou plus petite pour des raisons de confort visuel personnel, ton site sera alors en accord avec les besoins de l'utilisateur, ce qui n'est et ne sera jamais les cas pour tes 13px.
Bref, je vais pas te faire un cours de css, mais aujourd'hui il est plutôt d'usage de privilégier l'unité rem pour, au moins, toute la typographie d'un site.

Ton menu est un peu trop riche et sur les petites résolutions (exemple sur tablette) ton menu passe sur deux lignes.
Essaie de voir si tu ne peux pas rassembler certains liens dans un même univers et utiliser des sous-menus pour gagner de la place (exemple : docs et téléchargements + doc en ligne).

Enfin, je te suggère que ne pas utiliser toute la largeur du template mais plutôt une largeur fixe, car sur les grands écrans le contenu cherchera à s'étaler sur toute la largeur et, à moins de maîtriser ton sujet en terme de webdesign, tous tes efforts d'alignement des textes et images voleront en éclat.
Donc, depuis le template, onglet "avancé", choisis un affichage "colonne" plutôt que "fluide".

Ah oui, le choix de la couleur en arrière-plan n'est pas, à mon humble avis, le plus esthétique surtout pour un site principalement en lien avec l'univers nautique.
Une tonalité tendant vers le bleu me semblera plus à propos ou, quitte à choisir un vert privilégier un vert d'eau (sans jeu de mot).
A noter que ta couleur s'applique au "body" du site et que, encore une fois, sur les grands écrans, le contenu n'atteint pas toujours le bas de l'écran, et donc la couleur à ce niveau redevient le blanc (ou la couleur de fond par défaut du navigateur... donc gris en mode "sombre").

Bon voilà, avec ça, tu devrais avoir de quoi t'occuper un peu.

[abmag]

Ok Merci à tous les 2. Ce petit cours de remise à niveau va me permettre de corriger quelques problèmes de mise en page. En ne pratiquant plus, on oublie vite. Le vieillissement de mon neurone n'avantage pas. Je pensais effectivement qu'il me serait nécessaire de passer en rem pour la taille des polices. Tu me le confirmes. Passer à l'affichage en colonne va sans doute être un peu compliqué à gérer avec Protostar, il va falloir que je l'enrichisse considérablement si mes souvenirs CSS sont encore valides. Je regrette d'ailleurs d'être parti avec ce template qui, je m'en suis rendu compte trop tard, n'est pas compatible J4. Je vais peut être devoir passer par un framework pour reprendre le design. Ce sera sans doute pour un peu plus tard, j'ai encore un métier qui me prends pas mal de temps.
Pour les couleurs je suis encore dubitatif. Je travaille avec trois écrans et les rendus sont très différents. Problème de calibrage bien sur. J'essaie effectivement de m'approcher d'un gris bleu, allant vers le vert d'eau. Au vu de ta remarque, le calibrage de mes écrans (bas de gamme il est vrais) doit être très mauvais.
Je retiens ta remarque sur le menu pour réunir et simplifier ceux qui font référence aux documents.
Y'a plus qu'à

[abmag]

4 mois ont passé depuis ce premier post et le site est désormais en vitesse de croisière. UP a remplacé Phoca et est devenu l'extension la plus utilisée pour la gestion du contenu. Les mise à jour ont été faites au fil de l'eau. Merci donc de partager vos ressentis sur l'ergonomie, la mise en page ou autres et les points d'amélioration qui vous semblent nécessaires.

[Helloo]

4 mois ont passé depuis ce premier post et le site est désormais en vitesse de croisière. UP a remplacé Phoca et est devenu l'extension la plus utilisée pour la gestion du contenu. Les mise à jour ont été faites au fil de l'eau. Merci donc de partager vos ressentis sur l'ergonomie, la mise en page ou autres et les points d'amélioration qui vous semblent nécessaires.

Oui, je trouve bien. Au premier coup d’œil on dirait un ancien site HTML, mais ça change et en tout cas beaucoup de travail là derrière. En restant un moment dessus, les pages me semblent parfois un peu surchargées.

- La partie <style></style> pour les css devrait plutôt se retrouver dans un fichier css et non dans le code source.

- Éventuellement, ajoutez la possibilité de « recherche » à droite du menu.

- Redimensionner les images, chargement inutile.

Tu peux par exemple tester chacun de tes liens ici :

https://gtmetrix.com/

Ou ici :

https://pagespeed.web.dev/

Bonne publicité pour le plugin d’UP en tout cas.

Bravo abmag et bon voyage !!!

[abmag]

Merci Hello pour ton retour et les liens, il y a effectivement quelques optimisations possibles. Les images en hautes def des smartphones, ça a des effets secondaires .
Le look vieux site en html j'aime bien, même si cela peut sembler ringard . Cela me rappelle mes premiers sites il y a 25 ans

[Helloo]

Oui c’est ce qui est bien quand on bricole sur un site privé, on y donne l’allure qu’on veut, une totale liberté sans frontière

[abmag]

Grace à un de tes liens j'ai installé DJ-Webp, en attendant de revoir l'optimisation des images, ça améliore un peu les temps de chargement.