Visionneuse : navigation "juste au clic"

Bonjour,

J’ai travaillé ces derniers jours sur un nouveau mode de navigation “juste au clic” dans la visionneuse, pour se déplacer de manière plus fluide entre les images. Ça fait suite aux échanges du Sotm et rendu possible grâce aux progrès réalisés depuis quelques mois (merci Panoflat !). À tester ici : Panoramax Web Viewer

Une flèche vient apparaître à l’écran pour suggérer l’endroit où on va se rendre.

Le choix de la photo se fait sur un calcul essayant de trouver la meilleure solution : plutôt 360°, plutôt à la même date, plus dans la bonne direction souhaitée… avec des fallbacks en cascade si on a rien de bien. Une petite croix peut s’afficher à la place du curseur qui aucune image intéressante n’a été trouvée.

Cela devrait rendre la navigation plus intuitive. Preneur de vos retours comme toujours :wink:

11 Likes

c’est trop bien !!!
Bon enfin je n’arrive jamais à accéder à ton lien de test sur mon ordi du boulot (j’arrive sur une page toute blanche) alors je dis ça sans avoir testé encore.

Mais c’est un super perspective, j’ai hâte de voir ça

C’est sans doute une histoire de version de navigateur, si tu as possibilité de tester avec un navigateur récent en théorie ça doit fonctionner.

je suis sur Firefox ESR 140.14.0esr. Apparemment la version date du 18 août 2026, c’est pas très vieux…
Bon je viens de tester sur Edge et ça marche :upside_down_face:

A première vue ça marche assez bien. J’ai l’impression qu’il rechigne à sortir des ronds-points par contre.

Et je viens de voir très rapidement le comparatif de dates :smiling_face_with_three_hearts:

La question qu’on se pose surtout c’est:

doit-on conserver les flèches de navigation ou deviennent-elles inutiles ?

Bonne question !
Face à la même question, voici comment d’autres projets on choisi :

Mon avis, c’est de voir si les retours utilisateurs sont assez content de la feature (est-ce que les utilisateurs trouvent qu’elle fonctionne assez bien et qu’elle n’est pas frustrante) et de, à ce moment, enlever les flèches.

Il faut aussi tester sur mobile… et là ça ne fonctionne pas (sur Firefox et Safari sous iOS).
Je ne vois pas trop comment ça pourrait fonctionner sur mobile.

Les flèches peuvent aussi apparaître quand la souris arrive en bas d’image où l’on le cliquera pas pour se déplacer selon ce nouveau mode.
Cela reviendrait à une bascule entre les deux modes en fonction de la position du curseur.

Sur mobile ça fonctionne comme GMaps, c’est à dire pas de flèches mais le clic déplace la visionneuse quand même :wink:

1 Like

bravo, ca rend super bien et ca simplifie pas mal l’usage.

c’est la question que je me posais hier mais je n’avais pas le temps de creuser plus loin.

A première vue je me dis que je préfèrerais garder les flèches car je maîtrise ce qu’elles font là où le clic est forcément plus aléatoire.
Je me demande aussi comment ça pourrait gérer le fait de continuer sur la même séquence (flèche bleue) ou de changer (flèche orange) s’il n’y a pas les flèches…

2 Likes

Dans cette situation ici à un croisement, je trouve que cela fonctionne pas très bien. Car si je clique sur la route à droite (avec le sas vélo) ou bien à gauche vers le centre du carrefour, cela sélectionne aucune photo dans la direction demandée. Et pourtant, à droite, j’ai une séquence faite le même jour.

Je dirais donc de rester avec le système des flèches (blanches et jaunes) au moins l’utilisateur n’a pas de surprise et il sait s’il reste sur sa séquence ou bien change.

Par contre, je trouve vraiment génial la frise chronologique en bas avec les vignettes comme dans GMaps. Super utile !

J’aime beaucoup cette manière de naviguer, c’est très pratique et fluide sur l’ordi ! Bravo !

1 Like

J’adore aussi !

+1 pour le changement de dates avec le bouton en bas

D’ailleurs, est ce que celui-ci pourrait directement ajouter un filtre pour voir que les traces associés en bas à gauche ?

1 Like

J’ai mis à jour la démo : Panoramax Web Viewer

  • Sauts plus naturels (pour le cas du sas vélo de @SIG_Anglet)
  • Flèches en bas ré-affichées (que celles pour la même séquence pour @Patchanka)
  • Prévisualisation de où le clic vous emmène sur la carte, avec la bonne orientation de marqueur
  • Utilisation des données déjà chargées dans les tuiles de la carte si dispo (plus réactif)
  • Prise en compte des filtres de carte et du paramètre nav=* de l’URL (filtre de navigation)

On doit commencer à pas être trop mal là :grin:

@Nzau pas sûr d’avoir compris, il y a déjà un marqueur de prévisualisation qui apparaît au survol sur le timetravel, c’est pas ça dont tu parles ?

5 Likes

C’est encore mieux comme ça !

Cependant, j’ai remarqué que la flèche n’apparaît que si le prochain marqueur est visible sur la carte. Si la photo suivante sort du cadre, la flèche devient une croix.

Est-ce le comportement attendu ?

P.S. J’ai aussi l’impression qu’en sélectionnant une nouvelle date, les photos 360 tournent de 180 degrés vis-à-vis de la photo sur laquelle on était.

Ce marqueur est top.

Je pensais surtout à “supprimer” les traces des autres années.
Exemple ici j’ai sélectionné l’année 2025, mais je vois à gauche les photos des autres années.
Ce qui donne l’impression qu’en 2025 il y a 15 allers-retours sur la même zone :confused:

(mais peut-être en discuter dans un sujet à part)

1 Like

Par contre on avait fait en sorte que le clic au milieu de l’écran permette de masquer les flèches/minicarte/différents panneaux d’info.
… mais là ça marche plus du coup… (ou tu as ajouté un bouton pour ça quelquepart ?)

Ça marche si on clique dans une zone très basse ou très haute de l’image (là où le nouveau curseur n’apparaît pas).

je crains que ça ne fonctionne pas vraiment ou alors je n’ai pas compris un truc.
Je viens de tester et je suis obligée de “regarder le ciel” pour avoir une zone dans mon écran où je peux cliquer sans avoir le nouveau curseur. En vue “normale” je n’ai aucun endroit de mon écran où le curseur disparait.
On est condamnés à avoir que des captures d’écran du ciel :sweat_smile:

Désolée…

J’ai le même problème. Serait-il envisageable d’utiliser le double-clic pour enlever et remettre les éléments d’interface utilisateur ?