Comment configurer des points de défilement dans une page

‍Lors de la création d’un site web comportant de nombreuses sections et beaucoup d’informations, les outils de navigation deviennent deux fois plus importants. L’un de ces outils est le point de défilement, qui peut transformer même une page surchargée d’informations en une situation avantageuse pour le visiteur.

‍Lorsqu’une seule page contient trop d’informations et ne peut pas être subdivisée davantage en raison de contraintes contextuelles, les points de défilement permettent à l’utilisateur de se rendre instantanément à des endroits précis de la page et d’accéder au contenu souhaité. Cet exemple est une page consacrée à un événement fictif de 7 jours avec de nombreux groupes et des activités supplémentaires. Bien qu’il s’agisse d’une maquette, c’est l’exemple idéal de la surcharge d’informations que le visiteur peut ressentir.

‍Sélectionnez un bouton que vous souhaitez transformer en transition de défilement, puis l’option au clic "aller à une page de ce site". Dans le deuxième menu déroulant qui apparaît en dessous, vous pouvez sélectionner des points de défilement. Comme vous n’en avez pas encore créé, sélectionnez "Nouveau point de défilement".

‍Cela va créer une ligne horizontale que l’on peut faire glisser sur l’axe vertical, et qui définit l’endroit où le haut de l’écran du visiteur est placé par la transition.

‍La fine ligne bleue est le point de défilement. Le positionnement du contenu de la page avant et après la section que vous consultez influencera le choix entre un cadrage strict du champ de vision (où le bord supérieur du point de vue du visiteur correspond précisément au point où commence la section qu’il souhaite consulter) et le fait de laisser un peu d’espace avant, pour une impression moins rigide. Si des éléments de la section précédente interfèrent avec le champ de vision, le résultat peut paraître maladroit. Un positionnement correct du point de défilement laisse de l’espace et offre un rendu propre :

‍Dans cet exemple, les artistes en dessous peuvent être rognés, mais comme le haut et la majeure partie de leurs portraits sont visibles, le résultat suscite l’intérêt et attire l’attention vers la section suivante.