je voulais juste demander quelle serait la meilleure façon de représenter des écrans plus longs/plus larges que l'appareil lui-même. Par exemple, une liste, qui a une sorte d'élément important tout en bas qui est normalement hors écran. Dois-je le diviser en deux écrans séparés, l'un affichant deux "états de défilement" différents? Ou plutôt en faire un long écran? Quelle serait la meilleure façon de faire quelque chose comme ça?
L'objectif principal de la maquette est de montrer le concept, pas le cadre . Un écran si long semble plus holistique, plutôt que des pièces séparées.
Vous pouvez représenter la ligne "au-dessus du pli" pour montrer clairement ce que les utilisateurs verront en entrant dans l'écran.
J'ai vu des exemples d'appareils en carton ou en bois avec des prototypes en papier qui glissent à travers des fentes à chaque bord.
Transport pour Londres (via ComputerWeekly ):
Et ironPhone, un outil d'aperçu d'esquisse personnalisé (via dribbble )
J'ai également eu beaucoup de succès en utilisant des images dans une maquette numérique interactive qui permet à l'utilisateur de faire défiler vers le bas si nécessaire.
Cela dépend du contenu plus long, j'aurais pensé.
s'il s'agit d'une liste déroulante, je montrerais la barre de défilement dans la maquette.
S'il peut être divisé en petits morceaux, envisagez de le paginer.
Alexey's answer serait génial sur un PC ou une tablette, mais j'aurais pensé qu'il serait difficile à utiliser sur un mobile.
Fondamentalement, les options sont les suivantes:
(source: Boutons de défilement infini, de pagination ou de "chargement supplémentaire"? Résultats d'utilisation dans le commerce électronique , par Christian Holst)