[Résolu] Les sites de awards

Hello,

Loin de moi l’idée de critiquer, et j’admire même tout le travail déployé sur la plupart des sites, mais les sites à Awards sont-ils fiables pour se forger un avis sur un type de site ou une technique ? Avec ma faible expérience en création de sites, je cherche toujours à ce que tout soit agréable à utiliser sur tous les devices, et qu‘il réponde à tous les standards, et meilleures pratiques. J’ai encore du taf sur la table, lol.

Là, je viens de prendre connaissance de la très bonne note de ce site : https://www.cssdesignawards.com/sites/vana/44845/
Je ne comprends pas : sous Firefox, le site ne se charge qu’à 99% (très lentement suivant le navigateur et le nombre d’extensions), puis ne charge plus rien (ça doit venir d’une extension, là aussi) mais sous Chrome, ça se charge, mais le scroll de la page ne se fait pas sur le fond de la page, mais il faut cliquer sur la barre de scroll pour faire défiler la page. Lol, non ?

Bref, pour moi, l’UX est catastrophique, comme sur bon nombre de sites récompensés par ce genre de site à parti pris.

Existe-t-il un vrai site avec des exemples vraiment à suivre ?

Merci.
Modifié par myself (28 Jan 2024 - 11:02)

Salut,

bof bof....
Un chargement pour ça ?
Des règles de typographie à l'ouest....
Le conteneur dépassant la fenêtre....

Je suis sur PC, Windows. Je n’ai pas testé sous Linux, mais je vais lancer ma VM.

Non, parce que je vois que sur leur démo de scroll, la flèche du curseur de souris s’affiche https://twitter.com/cssdesignawards/status/1751515299990647087 et tout semble fluide, sur leur ordi…
Modifié par myself (28 Jan 2024 - 14:18)

Bonjour,

un rapide test sur PageSpeed Insights de cssdesignawards (le lien que tu as donné) nous donne un aperçu... De même qu'un simple Ctrl+u nous montre qu'il manque la balise lang dans leur html. Et question accessibilité, c'est pas le top non plus.
Le cordonnier est souvent le moins bien chaussé.
D'accord, ce ne sont que des tests, qui ne tiennent pas compte de l'aspect graphique des sites, du "design" comme on dit. Mais ce sont des tests qui pointent les failles de code. Il ne suffit pas de faire beau, années 2024, surtout quand on a cette prétention.
Un autre site. Le nouveau site Internet de Moissonnier réalisé par La Haute Société s’est vu décerner plusieurs CSS Design Awards.
https://www.moissonnier.com/en
Pas terrible non plus, tout du moins pour un tel ramage.
Enfin, le clou pour la fin.
Le site e-commerce du Printemps a été élu "Website of the Day" par les CSS Design Awards 2023
https://www.groupe-printemps.com/
Là, c'est la cata du point de vue des performances. Sur Yellow Lab Tools, le site est à 0, du rouge partout ! Et sur PageSpeed Insights, j'ai rarement vu autant d'erreurs. L'une d'entre elles, la balise meta wiewport qui est à "user-scalable=0", c'est à dire pas de zoom possible en mobile. Peut-être ont-ils choisi d'ignorer les personnes qui ont des déficiences visuelles.

Je ne comprends pas trop tout ce remue-ménage et ce prix prestigieux (!). Rien que sur Alsacréations, il y a tous les tuturiels pour optimiser au maximum son code. Je veux bien comprendre qu'il se concentrent sur l'aspect graphique, qui est généralement bien réussi sur les sites montrés en exemple. Mais ils parlent aussi de code optimisé pour l'UX et le SEO.

Ces prix ne seraient-ils pas un peu de l'esbroufe, une sorte de congratulation d'entre-soi. Du parti pris, comme tu le dis.

Oui, c’est fou comme des pans entiers de métiers du web sont totalement absents des votes de leur site.

Il faudrait lancer un site qui prendrait le contre-pied ^^

www.nobullshit-web.com

Merci à Alsacreations en tous les cas de nous partager ce qui fait tous les ingrédients à mettre dans un bon site. Merci, merci ! Et merci à tous de l’animer.

Ok, je crois avoir compris pourquoi ils ont un scroll si bien fait dans leur démonstration d’usage du site : ils n’utilisent pas la souris, mais sans doute une touche fléchée de leur clavier, avec un pas de défilement adapté.

Lol, la grosse arnaque.

Un site sans souris. Bientôt sans clavier. Oops, ça existe déjà, on appelle ça mobile

Bonjour,

myself a écrit :
Là, je viens de prendre connaissance de la très bonne note de ce site : https://www.cssdesignawards.com/sites/vana/44845/
Je ne comprends pas : sous Firefox, le site ne se charge qu’à 99% (très lentement suivant le navigateur et le nombre d’extensions), puis ne charge plus rien (ça doit venir d’une extension, là aussi) mais sous Chrome, ça se charge, mais le scroll de la page ne se fait pas sur le fond de la page, mais il faut cliquer sur la barre de scroll pour faire défiler la page. Lol, non ?

Pas vu de lenteur particulière sous firefox, et pour le scroll, ça marche nickel (y compris sous Chrome) avec un touchpad de Macbook.

J'avoue ne pas bien comprendre comment tu t'es débrouillé pour faire en sorte que ce scroll ne marche pas chez toi !

Bongota a écrit :
De même qu'un simple Ctrl+u nous montre qu'il manque la balise lang dans leur html.

T'as testé le site qui décerne les awards https://www.cssdesignawards.com/sites/vana/44845 ou bien le site qui a reçu l'award qui est https://findyourvana.com ?

Côté "notation", en prenant simplement Lighthouse de Chrome, https://findyourvana.com est dans le vert partout. Et il a un attribut lang.

Le site qui décerne les awards https://www.cssdesignawards.com/sites/vana/44845 est lui par contre nettement moins bon, c'est vrai ! Ceci étant, ne pas avoir d'attribut lang quand on fait un site en anglais, on s'en fout un peu, non ?

Amicalement,
Modifié par parsimonhi (29 Jan 2024 - 00:28)

@parsimonhi : chez moi, sous Firefox Nightly, avec aucune extension active, ainsi que Chrome bêta avec aucune extension active, le scroll ne se fait pas correctement lorsqu’on donne le focus au fond du navigateur. Pour scroller, il faut utiliser obligatoirement les barres de scroll pour avoir quelque chose de "fluide" et humainement supportable.

Je suis sous PC, Win11, mais je veux bien tester aussi sous Linux.

Mac, connais pas. Peut-être que je devrais ? (lol)

Si tu confirmais que c’est fluide chez toi en donnant le focus au navigateur, je veux bien te faire une vidéo pour expliquer mon problème.

//edit : ah ok, tu le dis toi-même : tu utilises le touchpad du Mac, pas de souris. La souris n’est pas gérée par ce site internet. Elle casse l’expérience utilisateur, en tous les cas sur mon PC
//edit 2 : passer au turfu https://www.logitech.com/fr-fr/ergo/mouse-vs-touchpad.html
Modifié par myself (29 Jan 2024 - 03:14)

Salut,
le premier site que j'ai testé est en effet celui qui décerne les awards, site qui n'est pas au top comme tu le dis, mais ça va. Pour l'attribut lang, je ne savais pas pour un site en Anglais
Par contre, et le l'ai bien mentionné dans mon post, j'ai testé, entre autres, le site du Printemps, qui a reçu le prestigieux prix en 2023.
https://www.groupe-printemps.com/
Je viens de refaire le test, sous Lighthouse et Firefox. Trouver ça sur mon site, ce serait presque pardonnable, je n'ai pas la prétention de me mesurer à eux (pourtant chez moi, on ne trouve pas ça, c'est tout au vert). Par contre, sur un site qui a obtenu ce fameux prix
J'insiste sur ces tests parce qu'on nous prend un peu pour des nuls qui vont tout avaler. Mais sinon, je vais bien dormir la nuit prochaine, continuer mon petit développement et les laisser avec leurs prix.




Modifié par Bongota (29 Jan 2024 - 09:11)

TIens, un autre site qui me prend pas en compte la souris https://webflow.com/

C’est dingue…

Bonjour,

myself a écrit :
TIens, un autre site qui me prend pas en compte la souris https://webflow.com/

Je ne comprends pas bien ce que tu entends par "ne prend pas en compte la souris". Il me semble qu'il faudrait faire beaucoup d'efforts si on voulait vraiment "ne pas prendre en compte la souris".

Tu fais comment exactement pour faire tes tests ? Concrètement, ça se passe comment ? Et si tu fais les mêmes manipulations sur par exemple cette page-ci, tu obtiens un résultat différent des sites que tu as donné en exemple ?

Amicalement,

Sorry pour le côté évasif de ma remarque.

Alors je voulais dire que la molette de souris n’interagit pas avec le contenu de la page que j’ai citée. Habituellement, pour scroller, je donne le focus à la zone à scroller, et je… scrolle.

Ce comportement marche sur la plupart des sites (dont celui-ci), mais parfois je tombe sur ces sites qui ne réagissent pas comme attendu. Ce qui perturbe gravement l’UX, car je suis obligée d’utiliser la barre d’ascenseur.

Je précise que c’est sous Chrome, comme Firefox.

Suis-je la seule à avoir ce problème ?

Ok, je pense que ça vient d’une extension. Je vais invertiguer.

Sans extension, Firefox Nightly ne donne rien de mieux avec https://findyourvana.com/ et ainsi qu’avec Chrome bêta (sans extension) et Edge.
Par contre, le site de Webflow marche sous Nightly…
Modifié par myself (01 Feb 2024 - 17:21)

Bonjour,

Y a pas trop de raisons du point de vue du code qui se trouve dans la page, qu'il y ait une différence entre la molette d'une souris et un trackpad quand on scrolle. Peut-être que ta souris est défectueuse.

Amicalement,