2010-11-25 6 views
4

Je crée une page à défilement infini qui charge récursivement et ajoute le contenu de la page suivante dans la page en cours. Je pense que l'expérience de navigation peut être grande et immersive mais la méthode actuelle n'est pas sans inconvénients d'utilisabilité.Déploiement des pages à défilement infini

Amélioration progressive incomplète. Il est toujours bon de prendre en charge le bouton de retour et de fournir des liens profonds lorsque vous utilisez Ajax. Les implémentations actuelles du scroll infini ne supportent pas cela. Il n'y a aucun moyen qu'un état puisse être marqué.

Quelques idées sur l'amélioration de l'UX du défilement infini. Besoin d'opinion

  1. Modifiez le hachage d'URL avec chaque chargement, par ex. /! #/2 -> /! #/3
  2. En cliquant sur le bouton Précédent, vous devez faire défiler la page vers le haut. Cliquez sur le bouton Suivant pour le faire défiler vers le bas.
  3. L'accès à un lien profond devrait se comporter comme avant Ajax. Aller à et en commençant à la page 3 devrait montrer seulement le contenu de la page 3 et non les pages 2 et 1, puisque l'utilisateur ne les demande pas.
  4. Il devrait toujours être un moyen pour lui d'aller à la page 2 et 1, comme si c'était une pagination régulière. Puisque la page 3 est chargée avec scrollTop à 0, l'événement de défilement vers le haut n'est pas utile. Pour cela, nous aurons peut-être besoin d'un lien cliquable.
  5. Nous devons vérifier si le numéro de page est supérieur au courant parce que nous ne devrions pas charger le contenu de la page 2 à la fin de la page 3.

Qu'est-ce que vous en pensez?

+0

Soutiendrez-vous également le défilement vers le haut? Cela pourrait avoir quelque chose à voir avec cela ... – jcolebrand

+2

Cela devrait vous donner des idées: http://www.20thingsilearned.com/ Certains navigateurs peuvent avoir du mal, mais vous pouvez toujours revenir à d'anciennes pages régulières pour ces retardataires. – CurtainDog

+0

@CurtainDog c'est un site magnifique. Je suis fasciné. Il n'utilise pas de hash et le navigateur ne semble pas rafraîchissant. Comment est-il fait? –

Répondre

0

Question intéressante. Je suggère de modifier le hachage d'URL sous la forme de #!/from/123/to/456 et d'augmenter les ID to en tant que chargements de page. Si vous utilisez la réécriture de l'API de hachage ou d'historique pour modifier l'URL, au sens UX, URL représente toujours l'emplacement du contenu actuel. Par exemple, l'utilisateur s'attendra à un signet, en appuyant sur recharger, ou en copiant l'URL sur un autre ordinateur et en cliquant sur Go, retournera la même page. La seule façon pour votre page de défilement infinie de compléter la logique de l'URL est le hash d'URL que j'ai suggéré ci-dessus. Sinon, laissez-le. Twitter ne met pas à jour le hachage d'URL sur sa page d'accueil.

Questions connexes