Every designer would agree that being able to navigate your design is a fundamental necessity of user experience. UXPin’s linking feature makes it an effortless task and allows to create wonderful designs your customers will definitely fall in love with.
Linking between pages
The most straightforward links join pages in the same prototype. Imagine you’ve created a prototype consisting of three pages with the sitemap feature. You’ve edited each of the pages and now you want to let stakeholders navigate from one page to the other so they can experience the interactive prototype for themselves. First you need to decide which element will be a trigger — in this case we’ll use the “Login” button.
The linking feature is an interaction. Select the proper element and go to the Interaction menu on the right side of the editor. Here you will find a blue “New interaction” button.
When you click it, you’ll see that the action selected by default is “Got to page,” but you can of course change it. Next, go to the “Click to select a page” drop-down menu and choose the page. Once you do, the trigger will appear, which is set at “Click (Tap)” automatically . You can also use some additional options like “Open in new window” or “Delay”. Click “Add” and you’re done! You’ve just created a link between two of your pages!
You can also choose also a “Go back” option in the Action menu. This way when you click a given element in the preview, you will be directed back to the previous page.
You can see how it works with this live prototype. When you click the “Login” button, you are directed to the news feed. There you can press the “Search” icon and go to search page, but when you click “X” icon to exit search, you will go back to the news feed page.
Linking to an external source
UXPin lets you attach a link to some external source. The procedure is similar to adding a link between pages. Select the element and go to Interactions menu. Then choose your action as “Go to URL” from the Action menu. You will see a box to provide your URL link. Just type it there, set additional options, define your trigger, and click Add.
You can see how it works in this prototype: click the UXPin icon to visit a different website. Sign up for our free trial create your own fully interactive prototypes that let stakeholders try designs and give feedback that leads to winning products.