Adding a Page navigation interaction can help in making simple clickable wireframes/prototypes helping in rapid prototyping.
In this article, we will outline the steps to add page navigation through interactions.
To demonstrate page navigation using MockFlow's Prototyping feature, we created two pages—a Home Screen and a Chat Screen—for a Mobile Messenger Application.
1In the wireframing editor, select a component from your design and click on the 'Manage Interactions' option in the Prototyping section.
2You’ll see three interaction options; select an interaction type and add an action to the component.
3Choose the 'Go to Page' action from the list of options.
4Select the desired page for the interaction and click Select.
4The chosen action will be added to the interactions. Click on 'View' to see it in action.
6Clicking on the component will display the interactions between pages by linking.