Wireframes
Wireframes are an awesome tool for being able to bring your user journey to life, but also for communicating your thinking to your end users. We’ve all heard the saying “A picture paints a thousand words,” and wireframes do exactly that. They allow you to start planning out what screens you will need to achieve the goals defined in your user experience mapping. But now we can delve a little bit deeper and start thinking about how we’re going to lay out the screens.
There are tools out there that allow you to develop wireframes, for example, Figma (figma.com), where Power Apps can read the wireframe and construct the app for you. Alternatively, I commonly use something as simple as PowerPoint, with several rectangles on a slide to articulate where I see various controls being:
Figure 23.3: Wireframe for app layout
If I am planning a canvas app, then I will go as deep as what controls I want and where, and doing it in a software...