Wireframe for our app
Wireframing is an essential tool for designing layouts. It provides an overview of how the layout will look. The wireframe for the current activity in the fitness application is depicted in the following figure:
Figure 8.1 – Wireframe for our watch app
The following figure shows the wireframe for the view that allows you to start, stop, and pause activities:
Figure 8.2 – Activity button wireframe
We have now seen the wireframes for our fitness application. These wireframes will serve as the initial foundation for building the UI of our application.
In the next section, we will construct the interface for our application and verify that it matches the design we created in the wireframe. While we will follow the same process, there may be minor discrepancies. Our primary focus will be on the initial view in this chapter, with the second view being addressed in the subsequent chapter.
...
