{"id":1792,"date":"2018-08-09T12:22:03","date_gmt":"2018-08-09T10:22:03","guid":{"rendered":"https:\/\/6x7.ch\/photographie\/?p=1792"},"modified":"2018-10-11T23:40:24","modified_gmt":"2018-10-11T21:40:24","slug":"o-france-2018","status":"publish","type":"post","link":"https:\/\/6x7.ch\/photographie\/2018\/08\/o-france-2018\/","title":{"rendered":"O-France 2018 : de bonnes intentions pour une mauvaise communication"},"content":{"rendered":"

Du 7 au 14 juillet 2018, j’ai particip\u00e9, en tant que concurrent, au O-France 2018, dans les Vosges-Mosellanes. D’ordinaire, je n’ai pas pour habitude de vous raconter ma vie sur ce site. Mais je vais vous parler cette fois de la production de quelqu’un d’autre. Spoiler : pas pour en dire du bien !<\/em><\/p>\n

<\/p>\n

\"O-France<\/a><\/p>\n

 <\/p>\n

Des photos pour votre \u00e9v\u00e9nement sportif<\/strong><\/p>\n

Les O-France 2018<\/a> \u00e9tait une comp\u00e9tition de course d’orientation, avec environ 1 500 participants durant 6 jours. Jusque l\u00e0, peu de rapport entre l’activit\u00e9 de 6×7 et mes pratiques sportives personnelles, me direz-vous ? Oui mais les organisateurs ont eu l’id\u00e9e de proposer des galeries photos des \u00e9preuves sur leur site internet – une id\u00e9e qui aurait pu \u00eatre excellente…<\/p>\n

Mais voil\u00e0, il est probable que les organisateurs de l’\u00e9dition 2018 avaient bien d’autres soucis que la publication web – il a donc manqu\u00e9 un travail minimum d’\u00e9dition entre la prise de vue et la mise en ligne. Premier \u00e9chec critique, comme disent les amateurs de jeu de r\u00f4le.<\/p>\n

De plus, la structure web utilis\u00e9e pour la mise en ligne des informations des O-France successifs (ces \u00e9preuves existent depuis 2016) est franchement inadapt\u00e9e aux technologies de 2018, que ce soit en raison de choix initiaux inadapt\u00e9s ou par manque de mises \u00e0 jour. Game over !<\/p>\n

La technique nous trahit<\/strong>
\n(Quelques notions techniques simples pour mieux appr\u00e9cier la qualit\u00e9 d’un site internet)<\/em><\/p>\n

Parlons un peu technique : le site des O-France est g\u00e9r\u00e9 avec WordPress<\/a>. Ce choix me semble parfaitement adapt\u00e9 pour ce type d’\u00e9v\u00e9nement, c’est celui que je propose par d\u00e9faut pour la gestion des sites associatifs ou communautaires, entre autres.<\/p>\n

Pour les moins techniciens des lecteurs : Worpress est un syst\u00e8me de gestion de contenu<\/a>, qui assure donc la gestion du contenu du site internet, textes, images, etc. – mais l’apparence de ce contenu dans votre navigateur d\u00e9pend d’un \u00ab\u00a0th\u00e8me\u00a0\u00bb ajout\u00e9 \u00e0 WordPress. Ce th\u00e8me d\u00e9termine tout les aspects visuels en dehors du contenu lui-m\u00eame : choix des caract\u00e8res, couleurs, \u00e9ventuellement images ou couleur de fond – et aussi adaptation de l’affichage \u00e0 la taille de l’\u00e9cran de votre appareil, ce que l’on nomme \u00ab\u00a0responsive design<\/a>\u00ab\u00a0. Gros avantage : le jour o\u00f9 vous souhaitez refaire la devanture de la boutique, pas besoin de refaire l’int\u00e9rieur… Le contenu du site utilisera automatiquement une nouvelle pr\u00e9sentation d\u00e8s le moment o\u00f9 un nouveau th\u00e8me sera activ\u00e9.<\/p>\n

La dette technique : le choix initial se paye plus tard<\/strong><\/p>\n

Revenons au site o-france.fr<\/a> : il utilise un th\u00e8me personnalis\u00e9, cr\u00e9\u00e9 il y a probablement trop longtemps, qui pr\u00e9sente des probl\u00e8mes majeurs de non-compatibilit\u00e9 avec les navigateurs actuels – en particulier sur mobile.
\nLes ennuis commencent d\u00e8s la page d’accueil, avec une image qui sert de menu de navigation : essayez donc de cliquer au bon endroit sur un \u00e9cran de 6 pouces (ou moins) de diagonale, avec des zones cliquables qui se superposent…<\/p>\n

\"O-France<\/a>
page d’accueil sur iphone SE<\/figcaption><\/figure>\n
\"O-France<\/a>
page d’accueil sur grand \u00e9cran<\/figcaption><\/figure>\n

 <\/p>\n

Dans la s\u00e9rie des obsolescences, le site est toujours en http, le protocole de communication non-s\u00e9curis\u00e9 du web – alors que tous les sites actuels se tournent vers le https, aussi simple \u00e0 utiliser pour le visiteur mais qui assure que toutes les donn\u00e9es transmises sont crypt\u00e9es.<\/p>\n

Je citerai encore le plugin qui affiche la m\u00e9t\u00e9o sur certaines pages, mais qui masque une partie du menu de navigation car il \u00ab\u00a0flotte\u00a0\u00bb au premier plan, par dessus les lignes de menu qui se d\u00e9roulent.<\/p>\n

Manifestement, il n’y a plus de d\u00e9veloppeur \u00e0 l’autre bout de la ligne. D’ailleurs, le site du cr\u00e9ateur de th\u00e8me semble aujourd’hui inaccessible (source : http:\/\/www.o-france.fr\/2018-foot\/wp-content\/themes\/ofrance\/style.css?ver=1.0).<\/p>\n

Deux le\u00e7ons pour un site internet durable<\/strong><\/p>\n

Je ne sais pas si la faute vient des exigences du client, ou des comp\u00e9tences du d\u00e9veloppeur, ou de la d\u00e9sh\u00e9rence technique du site, mais il y a l\u00e0 deux le\u00e7ons \u00e0 retenir :<\/p>\n

Il est tr\u00e8s int\u00e9ressant d’utiliser un th\u00e8me personnalis\u00e9, pour avoir un site \u00e0 l’aspect unique – mais il est pr\u00e9f\u00e9rable de choisir un th\u00e8me reconnu, gratuit ou payant, et de l’utiliser par le biais d’un \u00ab\u00a0th\u00e8me-enfant\u00a0\u00bb. Le principe est d’utiliser le th\u00e8me principal avec toutes ses fonctionnalit\u00e9s, et d’en red\u00e9finir seulement quelques aspects ou quelques fonctions.
\nLes th\u00e8mes wordpress populaires sont fr\u00e9quemment mis \u00e0 jour pour s’adapter aux \u00e9volutions technologiques de nos appareils, ou corriger des erreurs d\u00e9couvertes au sein de leur large base d’utilisateurs – mais les modifications apport\u00e9es par le th\u00e8me enfant sont pr\u00e9serv\u00e9es lors des mises \u00e0 jour.<\/p>\n

Deuxi\u00e8me le\u00e7on : le client devrait \u00e9couter les conseils des d\u00e9veloppeurs (je sais, c’est un r\u00eave lointain… dans le genre, voir https:\/\/www.webagencyfail.com\/<\/a>)<\/p>\n

Parlons (presque) photo<\/strong><\/p>\n

Apr\u00e8s ce trop long interm\u00e8de sur la technique globale des sites internet, parlons photo. Les organisateurs des O-France 2018 ont donc eu la tr\u00e8s bonne id\u00e9e de proposer des galeries de photos de chaque \u00e9preuve. Malheureusement, ces fameuses galeries sont affect\u00e9es des m\u00eames d\u00e9fauts techniques que l’ensemble du site :<\/p>\n

Galerie photo de O-France 2018<\/a><\/p>\n

Selon votre appareil, votre syst\u00e8me d’exploitation, la taille de votre \u00e9cran, vous n’aurez pas forc\u00e9ment la m\u00eame \u00ab\u00a0vision d’horreur\u00a0\u00bb. Sachez donc que selon les cas, les images verticales peuvent apparaitre couch\u00e9es – ou bien verticales mais d\u00e9form\u00e9es pour remplir l’espace comme si elles \u00e9taient horizontales.<\/p>\n

Si le site utilise correctement une \u00ab\u00a0fancy-box\u00a0\u00bb (fen\u00eatre qui vient se superposer au site lorsque vous cliquer sur une image, pour l’afficher en grand format), l’image reste mal orient\u00e9e ou d\u00e9form\u00e9e. La f\u00eate !<\/p>\n

Mais il y a plus encore, en l’occurence, un d\u00e9faut sp\u00e9cifique \u00e0 la pratique de la photographie.<\/p>\n

Parlons (enfin) photo<\/strong><\/p>\n

Prendre des photos est devenu une pratique accessible \u00e0 tous et \u00e0 chacun. Le t\u00e9l\u00e9phone surgit de la poche s’il n’est pas encore en main, et snap!, l’image est d\u00e9j\u00e0 sur les r\u00e9seaux sociaux. On peut ajouter des masques, des filtres, et envoyer sa photo du paradis sur terre vers instagram, pour faire envie \u00e0 ses voisins. Au passage du tour de France, sur le bord de piste ou au d\u00e9tour du sentier du trail, on photographie le coureur et on poste l’image dans la foul\u00e9e – c’est le scoop universel. Les plus fortiches feront m\u00eame un selfie avec le sportif – histoire de se mettre \u00e0 la m\u00eame hauteur.<\/p>\n

Vous me sentez d\u00e9sagr\u00e9able ou \u00e9nerv\u00e9 ? Vous avez parfaitement raison. Mais ce n’est pas \u00e0 cause de l’usage du t\u00e9l\u00e9phone comme appareil, je le fais moi aussi lorsque je n’ai rien d’autre sous la main. Et m\u00eame pas parce que je n’ai aucune raison qui justifierait ma pr\u00e9sence \u00e0 l’image – donc exit le selfie : je sors mon appareil pour transmettre l’image de l’\u00e9v\u00e9nement en cours, pas pour me mettre en sc\u00e8ne devant le monument.<\/p>\n

\"selfie<\/a>
Une autre conception de la photo<\/figcaption><\/figure>\n

 <\/p>\n

La taille de la poubelle<\/strong><\/p>\n

Le vrai sujet de mon \u00e9nervement, c’est la s\u00e9lection des images. Je r\u00e9p\u00e8te souvent qu’\u00e0 l’\u00e9poque de la photographie argentique, la diff\u00e9rence entre le photographe professionnel et l’amateur, c’\u00e9tait la taille de la poubelle.<\/p>\n

Parfois, lorsqu’une image est suffisamment bonne pour y \u00e9chapper, on l’observe attentivement, on l’am\u00e9liore dans Adobe Lightroom comme on le faisait au 20\u00e8me si\u00e8cle dans son laboratoire photo, et alors seulement on publie… Evidemment, cela n\u00e9cessite un certain temps – voir un temps certain : pour une heure de prise de vue, je compte au minimum une heure de tri et de retouche – et au minimum trois quart des images qui sont pass\u00e9es directement \u00e0 la poubelle. Mais \u00e7a peut-\u00eatre beaucoup plus, autant pour la proportion de d\u00e9chets que pour le temps pass\u00e9.<\/p>\n

Du coup, quand je consulte les galeries des O-France 2018 (p\u00e9niblement, vu les probl\u00e8mes techniques \u00e9voqu\u00e9s pr\u00e9c\u00e9demment), j’ai un grand sentiment de d\u00e9sespoir. Pris au hasard :<\/p>\n