To create a hotspot, hover over the Product List image. You will see a tooltip that states how you add a hotspot.

Drag and create a hotspot over Flying Car. After creating the hotspot, you need to set where it navigates to. Point the arrow to the Product Details screen to complete the hotspot navigation. You prototype should look like the screenshot below.

Add additional hotspots on the nav-back arrows and Create Order button. Have the nav-back arrows return to the previous page and the create order button navigate to the Order Details screen. The final configuration should look like the screenshot below.

How many hotspots are in your prototype?

3468

×

Step 6: Preview the prototype

To preview the prototypes and test the hotspots, click the Eye icon in the top-right corner of the screen. This will toggle Preview mode.

Click around on your application to try out the navigation on your low fidelity prototype.

If you need help locating your hotspots, you can check the Show Hotspots box in the top tool bar. If you need to make changes to the app or are done testing, you can click Return to Page Map to exit the preview mode.