.design .design

Wireframe Windows 8 – Templates gratuits PowerPoint

Avec la dernière version de son OS, Microsoft souhaite offrir une nouvelle expérience utilisateur à ses aficionados.

.design
.design

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 :

Wireframe-01-groupe-items-page

Grille d’items par groupe.

Wireframe-02-groupe-detail-page

Page affichant le détail d’un groupe avec prévisualisation des items du groupe sur la droite.

Wireframe-03-item-detail-page

Page affichant le détail d’un item.

Wireframe-04-page-2-colonnes

Page affichant le détail d’un item sélectionné dans la liste.

Wireframe-05-panel-off-canvas

Wireframe-06-fill-view

Wireframe-07-ui-controle-1

Eléments de l’UI Windows 8 : bouton, champ texte, sélection, checkbox, bouton radio, etc.

Wireframe-08-ui-controle-2

Eléments de l’UI Windows 8 (partie 2) : formulaire de recherche, barre de progression, votes, scroll bar, notification, etc.

Wireframe-09-vue-grille

Vue en liste des groupes.

Wireframe-10-vue-liste

Liste et barre d’outils.

Wireframe-11-app-header

Wireframe-12-notification-dialogue

Bloc notification et dialogue.

Wireframe-13-texte-styles

Typographie et style graphique.

Wireframe-14-icones-1

240 icônes (partie 1).

Wireframe-15-icones-2

240 icônes (partie 2).

Wireframe-16-interaction-gestuelles-touch-pad

Gestuelle d’interaction Windows 8.

Consultez les archives Ressources Webdesign et Wireframing pour davantage de ressources concernant le wireframing.

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer