InVision, outil maquettage en ligne, de la maquette à l’intégration

Invision - mockup et maquette

Rédigé par Alain

Passionné d'UX / UI Design

29 mars 2017

InVision est un outil de maquettage créé pour les designers afin de concevoir leurs maquettes, gérer les versions, partager, commenter et itérer ses design jusqu’à l’intégration.

Invision - mockup
 

Qu’est-ce qu’Invision ?

Invision est un puissant outil de maquettage * utilisé par les concepteurs pour créer des interfaces interactives. Il permet de manière simple, pratique et intuitive de télécharger des fichiers de conception, d’ajouter des animations fonctionnelles au design attractif servant à transformer chaque écran statique en prototype cliquable et interactif.

Invision
se présente sous la forme d’une plateforme de travail collaboratif et permet d’élaborer facilement des modèles et maquettes d’interfaces digitales interactives. Une fois l’interface maquettée, elle peut être partagée via InVision avec l’équipe de conception UX/UI ou avec les clients. Utile et pratique, cet outil permet à chaque intervenant du projet peut discuter des mockups, laisser des commentaires. Tour d’horizon sur cette nouvelle manière de concevoir en UI design.
* En savoir plus sur ce qu’est un outil de maquettage ?

Voici une présentation vidéo de l’application InVision


Explainer Video for InVision App from Mac Screencast Productions on Vimeo.
Voici une présentation claire des différences entre InVision et un le célèbre outil de prototypage Axure, la référence actuellement.

Quelles sont les bonnes raisons d’utiliser InVision ?

Cet outil de travail collaboratif et interactif permet de simplifier grandement le processus d’échange entre les membres de l’équipe de chaque projet de conception.
Chaque utilisateur pouvant commenter le travail réalisé et gérer chaque écran ou statut spécifique d’avancée du projet.
Outil de maquettage Invision - création de mockup

Voici les principales raisons d’adopter cet outil innovant :

  • Il permet des présentations interactives des prototypes facilitant le travail en équipe et à distance ;chaque présentation pouvant quasiment être considérée comme un web interactif
  • La gestion des écrans de conception, ces derniers étant téléchargeables et présentés imitant l’expérience d’une navigation web réelle
  • La possibilité d’une conception autonome et illimitée, avec la création de listes de tâches qui peuvent être àtout moment discutées et commentées
  • La mobilité de l’interface :Invision rend possible la réalisation de prototypages mobiles avec la création de liens hotspot. Ce qui rend vraiment pratique la visualisation d’une application mobile directement sur un appareil mobile
  • L’application est l’AppSync InVision qui rend son utilisation très proche de celle de Dropbox ou Google Drive
  • La révolutionHover Etats (utilisation pratique de la souris) qui permet de créer des menus, des infos-bulles permettant une interaction avec le prototypage encore plus réaliste
  • La réalisation d’un travail collaboration en temps réel grâce à la fonctionnalité «LiveShare»

Outil de maquettage Invision - création de wireframe ou mockup

Voici en vidéo une présentation de « Live Share »

Introducing LiveShare from InVision on Vimeo.

Lire aussi :

Voir aussi cette liste d’autres outils de maquettage incontournables

Lire aussi…