Design
The diagramming tool used to generate the screenshots was Microsoft PowerPoint. Here are all the screenshots of the main screens. Click an image to read more info about the screen.
Our app needs to be as accessible as possible to people with low vision, so the color scheme chosen was just pure black and pure white. Pure black (#000) and pure white (#fff) are a pair of colors that have the most contrast out of any color combination. Additionally, #000 and #fff are distinguishable on all types of color blindness. This color scheme will also work extremely well with high contrast display modes in mobile operating systems.
All screens (except the Log In, Create an Account, and Scanner screens) have a navigation bar on the bottom that allows the user to switch between the Search screen, the Cart screen, the Orders screen, and the Settings screen. This navigation bar allows users to have a streamlined experience in navigating the app.
Our app will be made to work seamlessly with Android's TalkBack and Apple's VoiceOver accessibility app. Though we display back buttons, a navigation bar, and other common navigation tools on our screens, our app can alternatively be navigated using the relevant TalkBack and VoiceOver gestures.