Avec la dernière version de son OS, Microsoft souhaite offrir une nouvelle expérience utilisateur à ses aficionados.
Windows 8 propose une interface graphique mettant l’accent sur la simplicité du design, accompagnée d’une refonte des interactions. Si vous envisagez le développement d’une application Windows 8, l’étape des wireframes est essentielle à la réussite de votre projet. Autant faire les choses bien en adoptant dès cette étape l’UI du Metro style grâce à ces templates de wireframing gratuits proposés par Andreas Wulf.
Avant de vous lancer dans le développement de l’application, il est conseillé de réaliser quelques prototypes afin de valider le concept. Discutez-en avec vos collègues, amis. Retravaillez votre version en fonction de leurs suggestions, testez d’autres configurations et schémas de navigation. Il en résultera une application avec une expérience utilisateur optimisée.
Le développement d’une application représente un investissement en temps et en ressources important, autant valider en amont la faisabilité et la viabilité de votre concept. Parfois, des idées que l’on croit excellentes ne dépassent pas le stade du prototype. La phase de wireframing peut paraître une perte de temps, mais c’est un mal pour un bien.
Pour minimiser l’effort à fournir lors de la réalisation d’un prototype wireframe, Andreas, créateur du célèbre plugin de wireframing PowerMockup, a réalisé une série de templates PowerPoint reprenant l’interface graphique Windows 8. En utilisant ces derniers, vous pourrez facilement concevoir les wireframes de votre application.
Tous les éléments des templates ont été réalisés avec les formes vectorielles natives de PowerPoint. l’ensemble des items sont donc éditables et personnalisables.
PowerPoint est un outil de wireframing particulièrement adapté pour la réalisation de prototypes. Son fonctionnement par slide rend possible la présentation des chemins de navigation au sein de l’application. Vous pouvez également réaliser des prototypes fonctionnelles en insérant des liens entre vos différentes slides.
L’emploi de la couleur grise et l’absence de détails concernant le design est volontaire. L’objectif d’un wireframe est de se concentrer sur l’architecture de l’information et les fonctionnalité de l’application.
Téléchargez les templates gratuitement
Les templates sont téléchargeables au format .pptx sur Designmodo via le lien ci-dessous :
Templates PowerPoint Windows 8 wireframe
Le contenu du kit Windows 8 wireframe
Voici le détail des éléments disponibles :
Grille d’items par groupe.
Page affichant le détail d’un groupe avec prévisualisation des items du groupe sur la droite.
Page affichant le détail d’un item.
Page affichant le détail d’un item sélectionné dans la liste.
Eléments de l’UI Windows 8 : bouton, champ texte, sélection, checkbox, bouton radio, etc.
Eléments de l’UI Windows 8 (partie 2) : formulaire de recherche, barre de progression, votes, scroll bar, notification, etc.
Vue en liste des groupes.
Liste et barre d’outils.
Bloc notification et dialogue.
Typographie et style graphique.
240 icônes (partie 1).
240 icônes (partie 2).
Gestuelle d’interaction Windows 8.
Consultez les archives Ressources Webdesign et Wireframing pour davantage de ressources concernant le wireframing.
