Android Pages - McGill-ECSE321-Winter2022/project-group-group-08 GitHub Wiki

Description of Key Pages

Some of the key pages we implemented are Profile, Sign Up, Browse, Cart, Orders and Home Page. The images are as following, and it is for the following reasons.

Profile: It is important to allow the user to feel that this application is user centered, and one of the incentive for our Grocery Store Software System is convenience. By allowing users to sign in, this allow users to shop at ease, and continuing to earn points anywhere and everywhere they go.

Browse: Since this is a grocery store software system, the main user journey is to allow users to shop and browse the available items at the grocery store.

Cart: As per the same rationale as profile. The goal of this mobile application is to allow user to be able to shop at ease, and the cart allows users to make purchases right from their phone.

Receipt: After the user have made a purchase through the website or mobile application, a receipt with an unique number will be generated. This is for the users to track the process of their purchases.

Home page: The home page provides the user an easy introduction to the basic information of the store such as address, contact methods and operating hours.

Sign Up: As we want to encourage more user to sign up with our platform, we have included the sign up option so that users don't have to go through the trouble to go to our website in order to have their own account.

Key navigation

To maximize the efficiency on our mobile application and lower the amount of time/clicks the user to have do to finish their user journey, we have implemented a navigation bar on our mobile application to make sure that our key pages are just one click away. In the navigation bar, we have included the home page, browse, cart, order and profile. For the related pages (such as edit profile), there are buttons placed in the corresponding pages so that it is intuitive for the users if they want to modify a certain aspect (if they have the correct permission)

Mobile Application Screenshots