Guide : les vues pour les rétro-photos

Exemple de vue partielle "Rétro-photos : v1"

Cette vue affiche les x derniers reportages photos sans pagination, un bouton permet d'accéder à la liste complète.

Vous pouvez spécifier ces options :

• Afficher le détail dans une fenêtre modale
• Cacher le bouton pour accéder à la totalité des nouvelles
• Surcharger le texte du bouton pour la totalité des nouvelles
• Nombre de nouvelles ( 12 / 24 / 36 )
• Nombre de nouvelles en vue mobile ( 4 / 6 / 8 / 10 / 12 )
• Cache ce module dans le menu de navigation de page ( sectionNav )

Cette vue étant prévue pour une page d'accueil, la prise en compte du responsive a donc été déterminante dans son fonctionnement.
En effet, il eu été peu ergonomique de laisser 24 ou 36 actualités sur un téléphone alors que l'espace disponible est très restreint, cela aurait contraint l'utilisateur à naviguer sur une page trop longue et ce contenu aurait pris une place disproportionnée par rapport aux autres contenus de la page.
Il a donc été décider de ne garder que les x derniers ( de 4 à 12 ) sur téléphone.

Exemple de vue complète "Rétro-photos : complet + détail"

Identique dans son affichage si ce n'est la présence d'une pagination, la vue complète offre ces options :

• Afficher le détail dans une fenêtre modale
• Nombre de nouvelles par page ( 12 / 24 / 36 )
• Nombre de nouvelles total ( 48 / 96 / 144 / 192 )
• Cache ce module dans le menu de navigation de page ( sectionNav )

Comme vous avez pu le constater, seul l'image illustre un reportage en vue liste, il est donc nécessaire de survoler une actualité pour en voir le titre et la date de publication.
Cela soulève donc le problème du comportement sur écran tactile puisque celui-ci ne répond pas au survol de l'écran avec votre doigt.

Si la vue détecte que vous utilisez un écran tactile, un affichage différent est proposé.
Sur cet affichage, chaque reportage photo est divisé en deux zones : la photo de prévisualisation et la description du reportage.