web-dev-qa-db-fra.com

IA recommandée et architecture de navigation pour un seul long défilement de page?

Site Web à plusieurs pages fonctionnant comme un long défilement de page déterminant l'architecture de navigation optimale. Y a-t-il des suggestions générales d'utilisation pour les sites Web riches en contenu avec des pages conçues comme un long défilement de page? Ux actuel et ux proposé ci-dessous. Est-il généralement recommandé de conserver les éléments de navigation principaux ou de les masquer pendant le défilement pour attirer l'attention de l'utilisateur sur la navigation de la page de destination? Je vois différents sites adopter des approches différentes. UX actuel et proposé ci-dessous au format jpeg pour illustration.

Current UXProsed UX

6
Dan Bamberger

Vous pouvez essayer des en-têtes de section collants. Jetez un oeil à https://beta.thestar.com/

Lorsque vous faites défiler, le titre de la section suivante remplace le titre dans l'en-tête de la page.

1
Phillip Quintero

Le menu Word qui ressemble à un bouton (c'est-à-dire avec un contour) semble être le plus convivial.

Articles: http://deep.design/the-hamburger-menu/http://exisweb.net/mobile-menu-icons

0
Tom.K

La meilleure pratique générale pour les pages longues est de maintenir l'engagement du client via une histoire convaincante qu'une page essaie de raconter. Une combinaison d'images et de copie facile à lire/facile à suivre.

Menu:

L'icône de hamburger est bien comprise sur les appareils mobiles et même attendue, mais les études que j'ai vues montrent toutes que très peu de gens remarquent/comprennent l'icône de hamburger sur l'expérience de bureau.

En-tête

Il est assez courant de convertir l'en-tête en une version simplifiée de l'en-tête lorsque l'utilisateur fait défiler vers le bas sur de longues pages et de reconvertir en en-tête complet dès que le client essaie de faire défiler vers le haut.

0
Igorek