82.1k views
4 votes
PLEASE HELP ASAP, ANSWER ON THE QUESTION I ASKED PREVIOUSLY FOR 50 POINTS, DUE SOON!!!

The creators of the Gluc-O-Meter app have received feedback that users would like the app to track their sleep patterns. A design team has surveyed many users to determine the desired requirements for the app’s new sleep pattern screen. It is up to you to create the design sketches for this screen.



Features Needed on Sleep Pattern Screen:



The user needs to be able to:


· Indicate that they want to log sleep from the previous night


· Enter the times they went to sleep and woke up


· See their average amount of sleep per week


· Change the display to see sleep patterns from other days


· Navigate to the other screens in the app



Important: Keep the UI (user interface) simple. Complicated or crowded screens can be slow to use or prone to error. Your drawing does not have to be perfect. It should communicate the features of the app, not your drawing skills.



Teacher example of a UI design is attached (not mine and not related to the question, just an example):

PLEASE HELP ASAP, ANSWER ON THE QUESTION I ASKED PREVIOUSLY FOR 50 POINTS, DUE SOON-example-1

1 Answer

1 vote

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.

User John Petrone
by
8.1k points