[Résolu] Détail sur écran tactile

[Swicart]

Bonjour,

Tout d’abord, un grand merci à tous ceux qui ont participé à l’élaboration de ce site web, formidable ressource pour les itinérants et randonneurs du weekend.

Une petite suggestion sur le développement du site : j’utilise un écran tactile et il m’est difficile de « cliquer » sur les icônes des refuges lorsque je consulte la carte. Ainsi, il m’est parfois impossible de récupérer les fiches détaillées de certains endroits, même en rechargeant la page, zoomant sur le carte, zoomant sur la page, etc..

Peut-être une solution est-elle déjà en cours. En attendant, encore merci et bonne aventure à tous !

[Dominique]

Bonjour

Merci pour tes encouragements et surtout pour ce retour
Par contre, je n'ai pas identifié de problème avec les écrans tactiles (je n'ai testé que sur Samsung et iPhone)
Peux-tu m'en dire plus : quelle machine, système, explorateur, taille d'écran, symptômes constatés, ... ?

[sly]

Je crois m'approcher du cas décrit par Swicart :
Android + Firefox Mobile = Très pénible de cliquer sur les icones ou sur les massifs (en mode zone). Simple clic, double clic, clic long, ça fini par marcher, mais c'est suffisamment pénible pour que je choisisse de passer par la recherche.
Android + Navigateur par défaut = plus de tolérance sur la zone de clic, ça marche bien (quand on clic, le pop-up avec nom du point s'affiche avant de charger la page de la fiche)
Android + Firefox Mobile + exemple ici https://openlayers.org/en/latest/examples/icon.html = ça marche

[Dominique]

Je crois m'approcher du cas décrit par Swicart :
Android + Firefox Mobile = Très pénible de cliquer sur les icones ou sur les massifs (en mode zone). Simple clic, double clic, clic long, ça fini par marcher, mais c'est suffisamment pénible pour que je choisisse de passer par la recherche.
Android + Navigateur par défaut = plus de tolérance sur la zone de clic, ça marche bien (quand on clic, le pop-up avec nom du point s'affiche avant de charger la page de la fiche)
Android + Firefox Mobile + exemple ici https://openlayers.org/en/latest/examples/icon.html = ça marche

vu !
Effectivement c'est pénible sur FF + Android
Ça me donne un point de départ
Merci

[Dominique]

Petit avancement : j'ai trouvé un énorme bug dans ma gestion des clicks qui, curieusement, ne se révélait que sur FF sur Android
Ce qui a rendu la recherche un peu compliquée

Je vais maintenant déployer sur WRI ma version actuelle de gestion des cartes, qui comporte bien d'autres évolutions (techniques, pas fonctionnelles).
Encore quelques jours de patience et de tests tous azimuts pour être sûr de ne rien dégrader.

Merci en tout cas de me l'avoir signalé, je ne l'avais pas vu.

[Dominique]

Bonjour

Grosse mise à jour du logiciel des cartes destinée à corriger le bug signalé ci-dessous mais aussi quelques améliorations mineures que j'avais mis en attente pour ne pas déstabiliser le site.
N'hésitez pas à secouer un peu et à me remonter vos remarques.

A noter que FF mobile (Android & iOS) à rejoint le club des explorateurs nécessitant un script d'adaptation pour gérer correctement les interactions mobiles.

Testé sur Chrome, Firefox, Opera, Safari, Brave, Edge & IE11 sur Windows, iOS et Android.
Je laisse les possesseurs de Lunix & MacOS voir si tout va bien mais ça se passe bien en général.

[sly]

Premier tests rapides.
Sur FF 78+Linux desktop = rien ne semble avoir changé, ça marche, même si je ne peux promettre avoir tout tester !

Tests sur mobiles un peu plus poussés :
Sur Android 10 + FF mobile 81 = ça s'est amélioré.
Toutefois, j'ignore si c'est un paramètre qui prend en charge "la distance à l'icone" pour décider d'un clic, mais ça pourrait être augmenté, car ça reste quand même mieux sur la navigateur google.

C'est difficile à exprimer autrement qu'en terme de resenti, mais sur la navigateur google, si je pose mon doigt sur l'écran "grossièrement sur l'icone" le pop-up avec le nom du point et son alti apparaît on va dire 80% du temps, sur FF ça sera 60% du temps (à la louche)
Dans chaque cas, je suis obligé de soulever mon doigt puis le remettre, ou le bouger sans le faire glisser (sinon les cartes sont déplacées)

J'ai essayé autrement qu'avec mon doigt (un stylet spécial tactile plus précis) et ça améliore à peine les choses, c'est à se demander si ça vient bien d'un problème de détection de clic sur écran. Enfin voilà, pour moi, ça s'est amélioré (avant c'était quasi inutilisable) mais il reste un goût de frustration, et encore, là, ce sont mes essais avec téléphone posé sur la table et sans sueur au doigt.
En situation de rando dans le monde réél, c'est à dire dans la main et en marchant, je ne sais pas trop si ça va être aussi efficace.

Après, dans le fond, existe-t-il une solution sur carte, avec un pouce de 2cm de large et un écran de 6cm de large pour que l'on puisse cliquer des icônes aussi petites ?

Faut il envisager des icônes plus grosses sur mobile ?
Peut-être qu'ajouter une liste plate/texte de lien vers les fiches en plus de la carte aiderais avec une alternative ?
-> Sur les cartes de fiche, c'est déjà indirectement le cas avec "les points à proximité"
-> sur les cartes de massifs (par exemple : https://www.refuges.info/nav/2/massif/Chartreuse/ ) on pourrait imaginer mettre en pied de page la liste des fiches indiquées sur carte.
-> autres idées

[Dominique]

Tient, c'est le seul endroit dans mon soft où je n'ai pas mis une tolérance de 6 px autour d'une zone.
C'est vrai aussi que ces tout petits terminaux deviennent ridicules pour afficher une carte, même si leur nombre de pixel est énorme.
J'ai un minuscule iPhone S6 dont l'image fait 5 cm de large, alors les icônes sont minuscules !

Essaye dans https://dom.refuges.info/ et dis moi si c'est mieux.

Sinon, travailler sur les DPI mais ce n'est pas évident !
Ou alors utiliser des icônes 32x32 ?

[NicoM]

Merci ça fonctionne nickel pour une fonctionnalité que je n’utilisais plus trop car cela m’énervait de cliquer l’écran 50 fois avant que ça marche, mais je pensai que le problème venait de chez moi.
Chrome sur Ipad
Bon boulot

[Dominique]

Merci ça fonctionne nickel pour une fonctionnalité que je n’utilisais plus trop car cela m’énervait de cliquer l’écran 50 fois avant que ça marche, mais je pensai que le problème venait de chez moi.
Chrome sur Ipad
Bon boulot

Oui oui, n'hésitez pas à me faire part de ce genre de difficultés quand vous en rencontrez.
Elles sont très dépendantes du matériel et même des versions de logiciel
Je fais aussi de nombreux tests sur des plates-formes remote mais aucune ne simule la grosseur des doigts ou la transpiration en rando

[Dominique]

Tient, c'est le seul endroit dans mon soft où je n'ai pas mis une tolérance de 6 px autour d'une zone.

J'ai ajouté 6px de "sensibilité" autour des icônes des cartes.
ça donne 16 + 2 * 6 = 28 px pour poser son doigt.

Pour la petite histoire, j'utilisais dans le programme "click" une variable initialisée dans le programme "movepointer"
Erreur de débutant
Sur un PC avec une souris, comme on déplace le curseur avant de cliquer sur l'icône, pas de problème
Sur un mobile, suivant qu'on tape plus ou moins en bais, le mobile détecte (ou pas) un glissement "movepointer" avant le toucher "click"
Ma méthode de toucher d'écrans devait être dans le bon cas car je n'avais pas constaté le problème

[sly]

mais je pensai que le problème venait de chez moi.

J'ai réagit pareil, étant l'illuminé de service qui doit faire parti des 5% utilisant Firefox Mobile, j'ai supposé (en partie a raison) que ça devait venir de moi et j'ai préférer ne pas déranger.

[sly]

Essaye dans https://dom.refuges.info/ et dis moi si c'est mieux.

C'est le jour et la nuit, là, ça marche 100% du temps sur FF Mobile.
Le pop-up avec nom du point+alti n’apparaît cependant pas à chaque fois, il faut magouiller un peu avec son doigt. Ce qui n'a pas la même fluidité que sur un ordinateur et une souris ou le passage par survol de souris permet d'obtenir très facilement ces infos. Mais je ne vois pas trop comment faire autrement, ça sera pour les prochaines génération avec "détecteur laser d'approche d'un doigt"
Ou se reposer la question d'un affichage nom+alti directement sur carte, mais il me semble qu'on l'avait écarté pour cause de lisibilité.

[Dominique]

Le pop-up avec nom du point+alti n’apparaît cependant pas à chaque fois, il faut magouiller un peu avec son doigt. Ce qui n'a pas la même fluidité que sur un ordinateur et une souris ou le passage par survol de souris permet d'obtenir très facilement ces infos. Mais je ne vois pas trop comment faire autrement, ça sera pour les prochaines génération avec "détecteur laser d'approche d'un doigt"
Ou se reposer la question d'un affichage nom+alti directement sur carte, mais il me semble qu'on l'avait écarté pour cause de lisibilité.

Aie. Openlayers ne gère pas l'event "hover" sur l'objet map
Alors, je génère l'étiquette sur l'event "pointermove" puisque, pour survoler un picot (sur un PC), il faut bien bouger la souris...
Le problème, sur un mobile, c'est quand on arrive à la verticale sur un picto...