Donner vie aux écrans

Construire une maquette interactive et réaliste de votre future application

Accueil > Prestations > Conception d'interface > Maquette d'interface

Maquette d'interface

Maquette d'interface


Nos maquettes interactives simulent de manière réaliste le fonctionnement de l'interface de la future application.

Les ateliers de travail permettent de valider concrètement les enchaînements d'écrans avec les utilisateurs et l’équipe projet avant de démarrer les développements.

 

Réalisation de la maquette de l'interface

Afin de vérifier la cinématique de l'application ou le système de navigation du site web, nous réalisons une maquette interactive de l'interface de la future application.

La maquette représente la future interface à l’échelle réelle. Toutefois, c'est une maquette "basse fidélité" au graphisme simplifié, une maquette « fil-de-fer » (ou wireframe).

La conception de la maquette fait l'objet de plusieurs itérations avec vos équipes et les utilisateurs afin de construire progressivement et sur une base réaliste la future interface de votre application. 

Voir à titre d'exemple, la démarche mise en oeuvre pour convevoir l'interface d'un logiciel de gestion immobilière

Complétée par la charte graphique, la maquette permet d'initier la réalisation de l’interface sur une base précise et maîtrisée où les risques d’erreurs ergonomiques sont éliminés car les différentes pistes du design de l'interface ont été explorées.

La maquette est également un support efficace à la vente et à la communication autour du nouveau produit.

Livrable : la maquette de l'interface

Nous vous livrons une maquette interactive complète de l’interface du produit. Elle permet de présenter le produit aux différents acteurs du projet.

La maquette est documentée par une spécification précise des différents écrans proposés : emplacement des différents éléments de l’interface (zoning) et fonctionnement du système de navigation.

La maquette de l'interface est généralement complétée par une charte ergonomique afin de disposer de tous les éléments nécessaires pour spécifier en détail l'interface.

 

Maquette interface : gabarit application
Maquette d'une application professionnelle

Maquette site web
Maquette « fil de fer » (wireframe) pour un site web 

Maquette d'interface

Le maquettage de l'interface est une étape importante du développement des applications interactives car il permet de vérifier concrètement le rendu final et l'utilisabilité de l'application.
 

Planning : 10 - 15 jours

 

Témoignages

« Au-delà des consignes concernant la disposition des données sur l'écran, la prestation de maquettage IHM nous a permis de travailler sur l'organisation en amont des données et sur le cheminement de l'utilisateur que nous ne parvenions pas à clarifier et à formaliser. De plus, la solution proposée nous permet d'intégrer les évolutions à venir sur le site qu'il s'agisse de données ou de nouvelles fonctions. »

Carole Etienne - ENS Lyon

« Usabilis s’est révélé un partenaire précieux dans la phase de spécifications des futurs contenus de notre site web : qualité des livrables, des contacts et des échanges, disponibilité des intervenants, bonne prise en compte de nos besoins fonctionnels (ergonomie et accessibilité) sans tomber dans un discours trop complexe ou trop technique… De réelles qualités humaines au service de besoins techniques difficiles parfois à exprimer ou à formaliser. »

M. Luc Laborde - Responsable éditorial Web INRS