Skip to content

Latest commit

 

History

History
25 lines (18 loc) · 2.76 KB

UX-DESIGN.md

File metadata and controls

25 lines (18 loc) · 2.76 KB

Bayt UX Design

Prototype

The Figma prototype link for the Bayt app is here.

App Map



Wireframe Diagrams

UX-Wireframe Description

Login Page		 This is the initial login page, it prompts for users to enter a username and the house code they belong to login rather than a standard password. For now we assume house codes are assigned to appropriate users and this will be addressed in the future.

Home Page		 This is the home page in which the user can view all available rooms in the house and add rooms. In the top right you have a profile icon and the footer contains the navigation bar with all the pages. The house name in the header or "Ravenclaw" represents the house name in which the user had been assigned to.

Room Template Page		 This shows the room and the tasks assigned to the room with a button to take you back to the Home page in which you selected the room. The task bars are buttons that will lead you to the Individual Task Page in which the user can edit/modify tasks. Also the square buttons on the left mark the task as complete or not.

Tasks Page		 This collectively shows all the tasks with the task buttons and the checkmark as stated in the previous description. The filter button allows you to filter task based on criterea such as date or room the task is assigned to, if any at all. The sort button allows you to sort in Chronological order to choose most recently due tasks or not.

Indiviual Task Page		 This shows the task details in which you can modify information relating to the task such as the date or time in which it is due to be completed.

Finances Page		 This page allows users to communicate and keep track of shared purchases in the living space.

Profile Page		 This page allows users to edit their profile details.

Alerts Page		 This is the page to which the user gets notified of near tasks that they are responsible for and the user is led to this page through the footer or through notification.

Settings Page		 Allows the user to modify the house details such as name, view whose in their housing group, and log out of their account if needed.