We started the wire-framing of our app today and we chose to use Moqups as it was simple, easy-to-use, and allowed you to add separate pages and input an iPhone image to work on. We created a list of pages that we needed to make and along the way we added extra features and screens to accommodate different functions of the app. For the loading screen, we put the title of the app, EagleMates, and found a cool GIF of an Eagle flapping its wings. After the app loads up, the users are given a splash screen where they can choose between "Order" and "Pickup." They are also given the option to press an "Info" button in the top corner which will dim the screen and provide descriptions for the purpose of each option.
Below I have included a list of all the screens that we came up with
- Loading
- Splash Screen
- Splash Screen Info
- Order Main
- Restaurant Page
- Restaurant Order
- Confirm Order
- View My Orders
- Delivery Main
- Order Summary
I have attached also attached a picture of our primitive Order Main page design-
We have decided to use a light color scheme with hints of navy. In addition, we used Courier font and built in icons from Moqups.
No comments:
Post a Comment