FellowsOfFour
EfficiDays
UI Prototype Document
Version 1.0
EfficiDays Version: 01
UI Prototype document Date: 07/08/2024
Revision history
Date Version Description Author
07/08/24 1.0 Initial version FellowsOfFour team
@FellowsOfFour, 2024 1|Page
EfficiDays Version: 01
UI Prototype document Date: 07/08/2024
Table of contents
1. LOADING INTERFACE 3
2. LOGIN INTERFACE 4
3. REGISTER INTERFACE 5
4. TODO INTERFACE 6
5. LEARN INTERFACE 7
6. NOTE INTERFACE 8
7. SHOP INTERFACE 9
8. PROFILE INTERFACE 10
@FellowsOfFour, 2024 2|Page
EfficiDays Version: 01
UI Prototype document Date: 07/08/2024
1. Loading interface
The loading interface appears when opening the application. This interface will takes
about a few seconds to a few minutes to get all necessary resources. User only has to
wait for the progress bar to reach 100%.
@FellowsOfFour, 2024 3|Page
EfficiDays Version: 01
UI Prototype document Date: 07/08/2024
2. Login interface
This interface shows two textboxes, which are Username and Password. User has to
input the appropriate information to verify and login to the application. If the user has no
account, then they can press Register to create a new account.
@FellowsOfFour, 2024 4|Page
EfficiDays Version: 01
UI Prototype document Date: 07/08/2024
3. Register interface
This interface shows three textboxes, which are Username, Password and Confirm
password. User has to input the appropriate information to verify and login to the
application. If the user already has account, then they can press Login to return back to
the Login page.
@FellowsOfFour, 2024 5|Page
EfficiDays Version: 01
UI Prototype document Date: 07/08/2024
4. Todo interface
This interface is also considered the Home page of the application. On top of the screen
is the basic date and clock to tell user the current time. On the top right is a notification
button to notify user about their schedules and accomplishments. This interface also
features a to-do list. Pressing onto each task leads the user to an edit page. On the left
corner of each task is a checkbox for user to check. User can hold a task to remove it from
the list.
@FellowsOfFour, 2024 6|Page
EfficiDays Version: 01
UI Prototype document Date: 07/08/2024
5. Learn interface
Pomodoro page includes a clock and buttons for user to change and manage their
study time. Buttons include restart, refresh and stop.
@FellowsOfFour, 2024 7|Page
EfficiDays Version: 01
UI Prototype document Date: 07/08/2024
6. Note interface
This interface behaves similarly to Apple’s Note application. User can press the pencil
button to write notes and view or edit each note by pressing on card representing each
note.
@FellowsOfFour, 2024 8|Page
EfficiDays Version: 01
UI Prototype document Date: 07/08/2024
7. Shop interface
The shop interface showcases skins for the application that user can buy and use.
Pressing on each model leads the user to a page for viewing the product. On each model,
there is a tomato and a number indicating the amount of currency needed to purchase.
The currency user has is also displayed on the top of the screen
@FellowsOfFour, 2024 9|Page
EfficiDays Version: 01
UI Prototype document Date: 07/08/2024
8. Profile interface
This interface displays the user basic information such as username, date of birth, etc.
The user can manage data usage of this application or remove their account in this
interface.
@FellowsOfFour, 2024 10 | P a g e
