En tant que designers UI/UX, n’avez-vous pas rêver d’un logiciel permettant à la fois de réunir une banque d’images, de typographies et de couleurs pour confectionner votre moodboard, de réaliser leur prototype de site ou d’application dynamique en ligne, et de recevoir directement les commentaires des clients sur vos maquettes ?

Ce rêve devient réalité avec Invision, un logiciel en ligne spécialisé dans le prototypage, le workflow et la collaboration.

Outil de prototypage

Besoin d’un prototype pour une présentation client ? Invision vous permet de télécharger en ligne vos wireframes et vos maquettes, et de les réorganiser par projet. Vous pouvez renommer vos jpeg, créer différentes sections (pour séparer les versions par exemples) et partager avec les collaborateurs de votre choix, aussi bien les membres de votre équipe que vos clients.

Une fois vos fichiers en ligne, vous avez accès à différentes modes de lectures et d’édition.

• le mode preview : il s’agit d’un mode « lecture » qui vous permet de visualiser votre maquette/wireframe.
• le mode commentaire : ce mode permet d’ajouter des commentaires sur une partie de votre fichier, qui apparaissent sous forme de petites bulles numérotées. En cliquant dessus, vous pouvez lire le détaillé du commentaire et y répondre. Ce mode est très pratique si vous voulez les retours de votre client sur votre travail. Vous pouvez activer différents types de commentaires en fonction de votre destinataire (équipe ou client).
• le mode construction : avec cette section, vous pouvez créer des liens entre vos différentes maquettes pour créer un prototype. Surlignez une section de votre maquette où vous désirez introduire le lien. Une petite fenêtre apparaît et vous permet de choisir la destination au clic ou au hover.

Il est possible de réaliser plusieurs types d’animations, comme des menus transparents, de éléments fixes, des scrolls. Pour plus d’informations, vous pouvez lire la section Learn sur le site de Invision.

Outil de communication et de collaboration

Bien que le prototypage soit le cœur d’Invision, vous pouvez également créer des « moodboards » pour vos recherches, des chartes graphiques composées de typographies, de photos, de couleurs et d’icônes ou même des présentations pour le client. Vous pouvez partager ces dossiers avec votre équipe, ce qui est pratique lors des phases de brainstorming.

Invision est un logiciel payant, mais vous pouvez avoir accès à une version gratuite pendant plusieurs jours.