

I also could come here in the Layers panel and directly select the group called Product Sheru. I can tell that it's the only thing selected because I get a blue highlight with the arrow to the right. So for that, I'm going to click a second time, which will tunnel me into the hierarchy and allow me to select just that tile. I want them to specifically click on a product area. I don't want the user to click anywhere on the artboard. If I were to click on the title of the artboard, notice that the entire artboard turns blue, and to the right of that artboard, I can see the ability to define a wire. To do that, I want to come in and select the area that I want to let the user click in. What I want to do in this first step is implement the simplest of a wireframe flow, basically connecting this artboard to the second by allowing the user to click on this tile to get a detailed view of the chair.

Here on the design canvas, I'm going to hold down the spacebar to bring up the Hand tool and press and drag so that I can see these two primary artboards a bit more clearly on the design canvas. I did that by clicking on the second icon from the lower left-hand corner of the app. I also want to make sure I have the Layers panel open. To do that, here in the upper left-hand corner, I'm going to change modes from Design to Prototype. I want to make sure that I'm in Prototype mode. If you're following along with me, you'll want to have Step 0: Wire artboards in the practice file visible on the design canvas. In this first step, let's define some interactions between artboards.
