An InVision wireframe is a great way to create a low-fidelity prototype of a website or app. Wireframes are a great way to get feedback on a design before you invest time and money into creating a full-blown prototype.
Wireframes are also a great way to share a design with a team before beginning development.
To create an InVision wireframe, first create a new project in InVision. Once you’ve created your project, open your project’s “Wireframes” folder. In this folder, you will see a number of different files.
The file you will want to use for this tutorial is “Index.inw”.
To create your InVision wireframe, open “Index.inw” and start by creating a new page. In the “Page Attributes” section of the page, set the “Title” field to “Wireframe”. Under the “Layout” section of the page, set the “Title” field to “Wireframe”.
Under the “Attributes” section of the page, set the “Title” field to “Wireframe”. Finally, under the “Buttons” section of the page, set the “Title” field to “Next”.
Next, on the “Wireframe” page, you will want to create a new prototype. To do this, in the “Prototype” section of the page, set the “Type” field to “Wireframe”. In the “Template” section of the page, set the “Title” field to “Wireframe”.
After you’ve created your prototype, you will want to add a description to it. To do this, in the “Description” section of the page, set the “Title” field to “Description”.
In the “Body” section of the page, set the “Text” field to “Description”.
Now that you’ve created your InVision wireframe, you will want to share it with a team. To do this, in the “Share” section of the page, set the “Type” field to “Wireframe”. In the “Link” field, set the “Link” field to the URL of your InVision wireframe. In the “Target” field, set the “Target” field to “All”.
In the “Description” field, set the “Description” field to a brief description of your InVision wireframe. Finally, under the “Buttons” section of the page, set the “Title” field to “Share”.
After you’ve shared your InVision wireframe, you will want to get feedback on it. To do this, in the “Feedback” section of the page, set the “Type” field to “Wireframe”. In the “Feedback” field, set the “Feedback” field to a brief description of your InVision wireframe.
In the “Comments” field, set the “Comments” field to a brief description of your InVision wireframe. Finally, under the “Buttons” section of the page, set the “Title” field to “Review”.
After you’ve received feedback on your InVision wireframe, you will want to make changes to it. To do this, in the “Review” section of the page, set the “Review” field to “Yes”. In the “Comments” field, set the “Comments” field to a brief description of your changes.
In the “Update” field, set the “Update” field to “Yes”. Finally, under the “Buttons” section of the page, set the “Title” field to “Update”.
After you’ve made your changes to your InVision wireframe, you.
