Skip to main content
. 2018 Jan 16;6(1):e2. doi: 10.2196/games.8881

Figure 2.

Figure 2

These wireframes represent how our app’s initial Home Screen evolved throughout our design process. From left to right: (a) Home Screen sketch, (b) pre-14 Home Screen, and (c) post-14 Home Screen. Wireframes (b) and (c) are examples of the 2 types of Home Screen status: dark green, indicating that the user is still completing the 14 modules of Learn to Quit, and light blue, indicating that the user already completed the Learn to Quit lessons and is ready for his first quit attempt.