Explanation of the design sketch:
The sleep pattern screen has a clean and simple layout with four main sections. At the top of the screen, there is a header with a back button to navigate to the previous screen, the title "Sleep Patterns," and a plus icon to indicate the option to log sleep from the previous night.
Below the header, there are two input fields labeled "Bedtime" and "Wake-up Time" with corresponding time pickers to enter the times they went to sleep and woke up.
In the center of the screen, there is a section labeled "Average Sleep This Week," which displays the average amount of sleep the user got for the current week. The user can easily see their sleep patterns from other days by using the dropdown menu on the top right of the screen.
At the bottom of the screen, there is a navigation bar that allows the user to switch between different screens in the app. The sleep pattern screen is highlighted to indicate that the user is currently on that screen.
Overall, this design is straightforward and intuitive, making it easy for users to log their sleep patterns and track their progress over time.