At various airports, iPads are provided at designated stations for travelers. This particular one allows travelers to play games, use the internet, order food (if the device is stationed at a restaurant), and explore the terminal. One of its most vital functions is to keep travelers informed about their upcoming flight.
This is an ongoing project to showcase various tools and a bit of insight into how I create products. I built three sample screens showing various features so far:
Welcome screen at a restaurant
- Invites a user to the app
- Introduces the location (restaurant)
- Showcases vital features (apps, ordering, flight info)
- Language button which has to be high level for a potentially international audience of travellers
And two food menu screens
- Laid out like traditional restaurant menu
- Breadcrumbs organize the user's location
- High profile cart button allows user to place order
- Also showcases the flight info bar in action
- Accordian open food selection which gives vital information on the food before you order it. Including how long it will take. This is pertinent to travellers who are often waiting for a flight.
Both screens maintain a top navigation bar. This helps improve usability especially for users who are less familiar with iOS devices. Specifically, a back button. The back button is the most used button in a web browser and is built into the device interface on Android, but its functionality can be overlooked or masked in various iOS apps—this is not an app for an iOS-user but rather for any user.
All screens also maintain a flight info bar on the bottom which helps the user with the most important thing they generally need: when do they have to head to their gate and board!
In the wireframes, I highlight large graphic areas in peach and showcase buttons in blue text and stroke. Wireframes created in OmniGraffle. Icons from Noun Project.
I also built a flow that explores most of the top levels of the app.