Plateforme couvrant les étapes de la conception au développement de prototypes d'applications web et mobiles.4.6/5 (500 avis)
InVision est une plateforme couvrant les étapes de la conception au développement de produits numériques destinée aux équipes de conception et de développement qui permet de construire des prototypes web et mobiles haute-fidélité. Les équipes peuvent transformer des idées en conceptions d'écran à l'aide du dessin vectoriel et des calques flexibles intégrés à la solution. Les utilisateurs peuvent développer des prototypes de produits numériques, puis les gérer, les examiner, les affiner et les tester, le tout sans ligne de code. Ils peuvent aussi collaborer en temps réel et recueillir des opinions pour faire avancer les projets.
InVision aide les utilisateurs à connecter l'ensemble du flux de travail de conception des produits. Les équipes peuvent explorer des idées en utilisant le tableau blanc numérique pour créer des croquis à main levée, des dessins ou encore des wireframe et collecter les opinions des membres de l'équipe sur toutes les conceptions en cours. L'outil de conception d'écran de la plateforme comprend une fonctionnalité de dessin intuitive basée sur les vecteurs et des calques flexibles, notamment des micro-interactions et des transitions animées intégrées, qui permettent aux écrans statiques de devenir des prototypes fonctionnels. Tous les membres de l'équipe sont immédiatement informés de toute modification apportée aux conceptions, qui sont automatiquement synchronisées avec l'ensemble de l'équipe. Les concepteurs peuvent passer à la dernière version ou annuler des mises à jour à tout moment. Les utilisateurs peuvent également accéder à plusieurs bibliothèques directement à partir de Sketch ou d'InVision et transférer ou extraire les modifications en un clic.
Les utilisateurs peuvent conserver toutes les marques et tous les composants UX tels que les images, les polices, les couleurs, les icônes et même les documents d'utilisation au sein du système, offrant ainsi aux membres de l'équipe un référentiel de contenus unique. La plateforme InVision s'intégrant aux outils de collaboration tiers tels que Jira, Slack, Trello, Dropbox, Basecamp, etc., les membres de l'équipe peuvent parcourir en toute transparence le processus de conception complet à un seul et même emplacement.
I am very pleased with Invision and I am happy my design team introduced me to its features and functionality. I have used it in many presentations to show clickable, working prototypes of my designs and will continue to do so despite its notable limitations.
I like the clean, quick interface of Invision. I love how you can import files directly from Sketch or Photoshop. The freehand is really useful when I just want to draw up a quick idea or even take hand written notes. If you have a touchscreen computer, you can really benefit from this feature. I also appreciate that updates are made in real time and you can see the changes you've made to hotspots applied on the screen the moment you switch from building mode to preview mode.
One big thing is that you can not add a clickable hover state in Prototype mode! This is a feature people have been requesting for over a year. From what I see in forums, the support team keeps saying they will "send it to the devs to see if it's a feature that can be added" but have never followed through. This is an essential feature that is being overlooked. For example, if you want a dropdown menu to appear when you hover over a menu item AND be able to click on the individual menu items in the dropdown this is NOT POSSIBLE in Invision. You can only have one or the other. As a workaround, I have made the menus appear by clicking instead of hovering but it involves importing transparent menus which is clunky and time-consuming. Please fix this, devs!
In addition to the freehand feature, I wish there was an option to prototype with custom wireframes with a tool which allows you to choose from wireframe presets and build your site from the ground up that way. Sometimes, freehanding is not really an option. Also, you should be able to directly import files from Adobe Illustrator and Adobe XD as those are more widely used for web design rather than Photoshop.
It's really an awesome tool and a life safer. We use it in every project of ours. And share it with stakeholders to take feedback and developers when handing off.
It let's you create interactive prototypes. You can define clicks, hover state, overlays, popups, floating buttons, fixed header and footer, and animations.
You can try it for free. With free version you can create one prototype and share with developers or client.
Invision has Craft plugin for Sketch and Photoshop. So you don't have to manually upload your designs to invision project. All you need to do is press the sync button and all your design updates will be sync on invision project.
Another reason to love Invision Prototype is the ability to share the project with client and take their feedback through comments. And once changes are done you can mark those comment as resolved.
Developers love invision too, because under inspect menu, they can see dimensions, colors, fonts and other specs of design. And download whatever icons or images are required.
Adding popups is a work around, you have to add black dot and the bottom right pixel of your popup image. They could've program it, so you didn't have to add a pixel to define color of your background overlay.
If you're working on a web project and your website has a sliding navigation. Then your prototype won't be sliding on scroll. However you can add scroll to point on screen. And add custom point to the next slide where you want to scroll vertically.
We're able to quickly prototype full sites or small CRO changes and with the added ability to update on the fly, we can push changes live to anyone viewing live. It's allowed us to show off our thoughts and ideas to clients and stakeholders with great effect, wowing them every time!
I mainly use Invision as a delivery method for presenting web and mobile site designs. We have a few internal sites we manage and I use Invision to show any CRO changes that are to be made. This makes it easy for design, dev and directors to see how things work and what it will look like before any time is spent on development.
A bonus for our dev team is the inspect function, having uploaded form Sketch they can inspect fonts, colours, sizes and basic CSS attributes to exactly copy the design. Assets can also be downloaded which saves time if they change over time.
Some basic functionality such as fixed background images would be useful to convey how some designs should work. I know it's not meant to be a working site, it's just the little touches sometimes that could help others see your vision.
InVision is a tool that is great to present designs to your clients and communicate with them effectively. Before existing InVision, making a design proposal was a lot of effort: capture a jpg, send it, the client will pass it to PDF, make notes on that document to send it back with feedback All this process, which may sound like prehistory, is relatively recent. However, since InVision exists, you can directly upload the project you are doing, you can update it, and the client can leave comments on the same design.
Another thing that I love is that it allows you to order all your projects in a single screen, as a private portfolio to have everything perfectly organized.
A handy feature that InVision has is that it allows you to update the designs using the integrated Craft plugin in Sketch. Through the "inspect" tab of invision, frontends can access design styles and assets.
I also really like the boards as an inspiration tool, to make a quick portfolio or as a style guide so that the client can know colors, typographies, logos, etc.
The price, because if you are a freelance is a bit expensive and the free version only allows you to upload one project.
A feature called Freehand in which you can theoretically comment on a design with the client live via videoconference, but it has never worked well for me.
I would like the boards could be integrated with other applications like Pinterest or Instagram so that the process of uploading and storing images is easier.
Workflows, I do not use them because we have trello.
It facilitates and reduces the efforts that I have to make to upload my work to the web app for presentations. Making interactive prototypes that are web-based has also made collaboration and user testing easier.
I love the efforts that InVision has made to make their product sync with other programs such as Sketch and Photoshop. The craft plugin has made a lot of my work very easy since I don't have to upload my screens to InVision. The ability to sync, but to also apply and sync hotspots directly from InVision has speed up my work and it's just one less thing to worry about.
Currently the software has some limitations within the web app. I think there has been tremendous efforts to make the product work seamlessly with other apps such as Sketch, but when modifying certain aspects such as animation or hotspots on the web app, there are a lot of limitations as far as what the user can do. These limitations, specifically with the animations, can make designs static for the most part and not very "animated".
Hi Maria, we are thrilled to hear that InVision improves your workflow and that you enjoy using the product. We noticed you¿re an active InVision user and design enthusiast, and we'd love to discuss inviting you to be a part of our exclusive, invitation-only Community Ambassador program!
We recently launched the InVision Community to create a place where people can talk about their InVision projects and InVision features, design trends, prototyping and workflows, collaboration, and more. It¿s also a place where users can post any questions they have about InVision. Community Ambassadors get the opportunity to talk shop with other world-class designers and share their unique insights by helping answer questions from designers who post in the Community.
If you¿re interested in learning more about the InVision Community and the perks of our Community Ambassador program, please contact me at firstname.lastname@example.org!
Voici quelques-unes des questions fréquentes sur InVision.
Types de licences disponibles pour InVision :
À partir de: 15,00 $US/mois
Type de licence: Gratuit, Abonnement
version d'essai gratuite: Disponible
Nous n'avons pas d'informations sur les fonctionnalités de InVision.
Utilisateurs habituels du logiciel InVision :
Auto-entrepreneurs, Grandes entreprises, Entreprises de taille moyenne, PME
Langues dans lesquelles InVision est disponible :
Types de licences disponibles pour InVision:
Appareils pris en charge par InVision :
Android, iPhone, iPad
Applications s'intégrant à InVision :
Basecamp, Box, Dropbox, HipChat, JIRA Software, Project Management, Rippling, Slab, Torii, Trello
Ressources d'aide disponibles pour InVision :
Forum, Base de connaissances, Support téléphonique