11 Patrons Pour Mobile Flashcards
Connaître les patrons mobile
Patron de conception
Solution à un problème commun
Souvent des implementations venant des principes de conceptions et intégration avec différentes directives
11 Patrons Pour Mobile
1) Vertical stack
2) Filmstrip
3) Touch tools
4) Thumbnail
5) Bottom navigation
6) Infinite list
7) Generous borders
8) Text clear button
9 Loading indicators
10) Richly connected apps
11) Streamlined branding
Vertical stack
Mettre les éléments un par dessus l’autre
Ex: reddit, YouTube
Filmstrip
Mettre les pages de haut niveau en parallèle pour donner aux utilisateurs d’avoir la possibilité de “swipe”
Touch tools
Montrer des boutons en “overlay” lors d’une touche à l’écran pour donner aux utilisateurs accès à des fonctions supplémentaires
Ex: video YouTube, phito
Thumbnail and text list
Montrer une liste avec une image, des textes en titres et sous-titre avec quelques actions
Ex: app de news, commentaire ig
Bottom navigation
Avoir la bar de navigation en bas de l’écran
Infinite list
Avoir une liste qui se rafraîchit automatiquement la prochaine “page” lorsque l’usager est rendu au dernier élément
Generous borders
Pour tous les contrôles, avoir des grandes marges et de l’espace entre contrôles. Pour éviter les “misclick”
Text clear button
Button dans un text field pour effacer les textes. Beaucoup plus vite
Loading indicators
Indication d’une icône de chargement lors du chargement de la page ou pendant le fetch de nouveaux éléments
Richly connected apps
Application à la possibilité de partage certaines données à d’autre application
Streamlined branding
Avoir une consistence entre le site Web desktop et mobile. Mettre le logo, les couleurs, et mettre l’essentiel
