Please enable JavaScript.
Coggle requires JavaScript to display documents.
The Kiosk FULL, The Kiosk, Doesn't include an order total, Not all…
The Kiosk FULL
Impacts
May reduce the number of customers and the time spend waiting idly in lines
By including social media connections the BSHS Café Kiosk the number of people aware and using the Café may increase
Reduces the bacterial contact and risk between staff and customer
Allows a greater variety of people (e.g shy or new customers) to readily benefit from the Kiosk cafe increasing the customer base and regular customer base for the business
Client Problem
Constraints
8 weeks
Mobile Application
Must be designed for an Apple Ipad UI
Requirements
Overall
The application interface must be designed for an Apple IPad UI
The kitchen staff's user interface must be seperate and inaccessible from the customer terminal
Must include a function which generates a random combination of food and drink
Menu
The menu item display must be organisable based on price and dietary requirements
Menu items (Provided by BSHS) must be organised and displayed to the user in a logical order
Cart Screen
Must display all item names, options and prices in an ordered, logical fashion
Order must be given a unique order number
Order must be confirmable from the "Cart Screen"
Item Info
Must display the items energy intake, price and dietary characteristics
All "Coffee" and "Hot Drink" items are displayed to have the same respective option layouts
User's must be able to add products, along with their respective options, to an order page
Order History
Must display all orders by order number and/or the customer name
Must allow the kitchen staff to view past orders, or only current orders
Must display all orders as being complete or incomplete in a logical and ordered fashion
Must display all item names, selected options for all individual items
Must comply with the accessibility guidelines (Queensland Government 2017)
Must have appropriate attribution to images used and must comply with copywright laws
Include a legal disclaimer at
https://www.qld.gov.au/legal/disclaimer
on the home screen
Must comply with the Australian Privacy Act (1998)
https://www.legislation.gov.au/Details/C2020C00168
Responsive UI as per
https://www.forgov.qld.gov.au/cue
Adheres to the BSHS Visual identity guidelines via the inclusion of standard, warped, BSHS standard logo appropriate to the medium
Competitors
Uncorkd iPad Wine and Beverage Menu
Negatives
No image of the actual item is shown after selecting item type - only a technical name and country of origin is shown in the list
Almost every screen item is placed inside a discrete rectangular box with little variation
App doesn't allow adding items to an order list (It's just a menu)
https://www.uncorkd.biz/product/ipad-menus/
Uses a distinct contrasting colour pallete
Includes resteraunt name in the top center of the screen immediantly after the splash screen
Includes a list of item types (e.g Food and wine pairings, beer, cocktails, desserts) displayed vertically down the page in rows
Includes graphic images of the item type adjacent to the left of the item type name, placed inside a bordered circle
After selecting item type - Categories for that type of item are placed in a bar at the top of the screen
Individual item names are shown with the serving size, cost and serving container type
Background consists of various graphic imagery of either wines, or wine dining in the restaurant
Selecting the item displays the item name in the top left corner aswell as other item specific information
A description of the item is located in the center of the screen accompanied by a graphic image of the item is positioned to the right
Item pairing suggestions are located below the description
Uses a splash screen containing image of a wine bottle
full Item database is visually displayed with only single entrees for the beverage name
Item database is shown in alphabetical order but specific items can be searched for or sorted by type, whether the food is active
Item page can be altered to display a specific number of items
Includes a display for the seperate databases, Menu View, Inventory View and Order View
Includes an "add Item" button
Includes and item search function, home button and favourites page
Hungry JacksTM
Negatives
The app requires at least 3 steps to properly select and add a single item to the order which is likely too slow for an app mounted at a public terminal
Does not contain any method of filtering items based on any preference
The proposed solution will include a considerably smaller sample of items rendering the need to dedicated pages to item types likely unneccesary
item information was displayed on screens dedicated to each item, resulting in the user having no specific information of any of the items prior to individual item inspection
https://www.hungryjacks.com.au/menu/what-s-new
The hungry jacks colour scheme consists of black, shades of red, white and a bright yellow. With the background being largely black with text, advertisments and offers being written in white within red coloured shapes distinguishing it from the black
The order page is accessed via an icon of lunch of bag located in the top right corner of the screen
To begin ordering, a central button is selected in the center of the main screen moving to a seperate screen consisting of a rows of food type categories (Frozen drinks, chicken burgers, beef burgers, hot drinks etc.)
Food items are displayed in 2 columns using colourful graphic images of the items
Food items are located on a bright white background and are labelled below with black text
The selected food category is writtten at the top of the screen in large bold text
EMenu
Negatives
Does not include a splash screen
Does not include a staff portal
Does not include an order history
Does not include a random order generator
https://play.google.com/store/apps/details?id=com.intelmenu.emenu.restaurant&hl=en_AU&gl=US
Includes a login screen complete with large "Log in" text located in the upper middle of the screen
Vibrant graphic image of food dishes are used as the login page background
Includes organisations contact details and icons for the relevant platforms e.g Twitter, Instagram and Facebook
Menu Page includes a large yellow banner stating "Lunch" in large lettering, at the top of the screen
Food categories are displayed down the page in two columns with vibrant graphic images assisting. e.g a bright image showing a variety of rices is shown with the text "Variety Rice" at the bottom of the image.
The text for each food category is shown with a darkened black/grey rectangle engulfing the white text
Food displayed in food categories is displayed in rows down the page
Each food item row displays a graphic image of the item, its description, cost, an option to "Like", an quanitity option and an "Add to Cart" option
The bottom of the screen contains a "View Order", "Close Order" and "View Cart" option
Includes a "Todays Special" food combination
In the "View Order", items are displayed in single item rows down the page
"View Order" is written at the top of the screen in a large yellow banner similar to the "Lunch Screen"
Each order row displays the item name, delete option, cost and a button to prompt the item description
User Problem
Customer
Amy
Would like to be able to order food from the terminal with minimal contact with staff
May prefer a feature to know the current stock remaining of items
Gus
Requests the solution to display whether the food items contains allergy related substances (e.g Peanuts)
Mr T
May prefer the solution to display the energy intake of menu items
Requests the solution to be able to generate random food offers
May prefer the solution to display the total energy intake of his order
May request the solution to generate random orders
Brisbane State High School
Kitchen Staff
Requests a method of storing and displaying order information in an organised fashion
The solution must be integrated onto a mounted Ipad terminal outside the café
Kitchen staff must be able to view Orders and "Mark orders as complete" from a screen - seperate from the customer interface
Kitchen staff must be able to view a complete history of all orders and order informations
Customer
Customise how the menu of items is displayed based on price and dietary requirements
Customise food and drink orders based on provided options
View order information in a "Cart" screen with a unique order number
Must be able to confirm/complete their order in the "Cart"screen
Must be able to a randomly selected combination of a single food and drink
Developer Problem
User Interface
Features
Main Screen
Button to display a menu items- imbedded in a graphic image of a burger, named: "Fancy a Snack"
Button for displaying a randomized order generator page - imbedded in a graphic image of a vibrant orange/tangerine with spark or explosion symbols, named "Surprise me!"
"Exit" button
Button for displaying current order named "Complete Order?"
Menu screen
"Halal", "Vegetarian", "Dairy", "Egg", "Contains Gluten", "Contains Nuts" filter buttons
List of Food or Drink items
Food item name's displayed in the list
Food item cost's displayed in the list
All Item names and screens are buttons to "Item information" screens
"Back to Main" button
"Complete Order" Button
Maximum order price
Splash Screen
A graphic image of several canteen related foods as the background
The entire page is a button- for transferring to the Main Screen
Display clear image of BSHS logo's and association
Button to access the Staff terminal (For prototype phase only)
Item Screen
Item Name
Item base cost
Item options relating to the item name, (if any in the first row)
If the item is a "Hot Drink": display the options
"Caramel", "Hazelnut", "Vanilla" (Third row of options)
"Skim", "Soy", "Almond", "Coconut", "Zymil" (Second row of options)
If the item is a "Coffee" display the option "Extra Shot" as an additional option (Fourth row of options)
Cost of options
Total cost of customised order
"Complete Order" Button
"Back" button
Cart Screen
Customer name
Order identifier number
List of order item names
List of order item costs
Total order cost
"Confirm Order" button
"Delete Order" button
"Back to Main" Button
Order History
"Incomplete Orders"/"All orders" Order list filter Button
Displays all details of orders in rows
Order Identification number
completion status
Customer name
Total order cost
Compiled List of ordered items
Random Order Screen
Food item name
Food item cost
Food item dietary requirements
Drink item name
Drink cost
Drink item dietary requirements
Confirm order button
"Re-Roll" button for the Food itemm - Randomly selects a new Food item and displays the item name, cost and dietary requirements
"Re-Roll" button for the Food item - Randomly selects a new Drink item and displays the item name, cost and dietary requirements
"Back to Main" button
The Kiosk
Developer Problem
Coding environment
Development Tools
XCode IDE
SQLITE3
Swift Playgrounds
Microsoft Excel
Key Algorthms
Adding an item to the order
If options were selected, the item name, with the options are combined into a single word and added to an order database under a temporary/default order id and customer name.
If options were selected, the item name with the selected option names is added to an order database under a temporary/default order id and customer name.
Displays item options
Display the item name, base price, prices of additional options, and dietary information (Halal?, Vegetarian?, Contains: Egg, Dairy, Nuts or is gluten free or allergy free)
Calculate and display the final cost of the item order by considering the base price and selected options for each category
If the selected item is a "Hot Drink": display the options
"Caramel", "Hazelnut", "Vanilla" (Third row)
"Skim", "Soy", "Almond", "Coconut", "Zymil", (Second row)
If the item is a "Coffee" display the option "Extra Shot" as an additional option in its own category (Fourth Row)
If multiple options are selected for a catgory of options, then display an error message adjacent to the set prompting only 1 to be selected - prevents submission of the item to the order
If the item has Options
Display the item's options in the first row
Displays Menu items as per the specified filters
By default, set the maximum price to $50 and remove all filters displaying all items
If allergies or a price bracket are selected to be anything but default, then display only items within the parameters
Within each item row- display the item name and price. Allergies are displayed as icons from right to left
Completing/Confirming an Order
Selects the order confirmation button:
If the user had not entered a name into the box
An error message appears suggesting to enter the name - prevents submission of order
Else
The order is submitted and the Cart Menu/Order information is reset to nothing under a blank customer name and new OrderID
Adjusting Order Completion
Completion button is selected
Order is Complete
Change order status to "Incomplete"
Order is Incomplete
Change text to "complete"
Random Order Generator
If "ReRoll" (Food button) is selected
Generate a random food item from a search containing only items classfied as "Food"
If "ReRoll" (Drink button) is selected
Generate a random drink item from a search containing only items classfied as "Packaged Drink", "Hot Drink" or "Cold Drink"
If "Confirm Order" is selected
Order details are submitted to database and the current order information is reset to nothing
User Interface
Usability Principles
Main Screen
The words "What are you interested in today?" are written in large, bright white text, against a high contrasting 'BSHS red' background - Learnability/Accessibility
A 'BSHS blue' banner is located at the top of the screen - Learnability
The BSHS 'banner logo' is located in the top right corner (merged with the blue banner) - Learnability
3 large rectangular, selectable buttons "Fancy a Snack", "Surprise me!" and "Complete Order" are located below the tite in a single column with equal spacing from one another - Utility/Learnability/Effectiveness
The "Fancy a Snack?" and "Surprise me!" buttons use bright and colourful graphic images of common food and drink items for the background - Utility/Learnability/Effectiveness
The "Complete Order?" button uses a white template and a credit card icon for the background - Utility/Effectiveness
The words "Fancy a Snack?" and "Surprise me!" is written in bright contrasting white text - Learnability/Accessibility
The words "Complete Order?" is written in darker contrasting 'BSHS red' text - Learnability/Accessibility
Menu Screen
A 'BSHS red' banner is located at the top of the screen - Learnability
The words "Today's Menu" are written in large, bright white text, against a high contrasting 'BSHS red' banner at the top of the screen - Learnability/Accessibility/Effectiveness
Generic icon, filter buttons for halal and vegetarian products are located below and to the left side of the screen title - Utility/Learnability/Effectiveness/Accessibility
Non-graphic icons of a dairy product, open egg carton, bread loaf and nuts represent the Dairy, Egg, Gluten and Nut filter buttons respectively, below and to the right of the screen title - Utility/Effectiveness/Accessibility
The words "Maximum Price" are written in bright white text against a high contrasting 'BSHS red' banner below the filter buttons - Learnability/Effectiveness/Accessibility
The item names and Prices are displayed in rows and can be scrolled through down the screen - Utility/Effectiveness
The words "Complete Order" are written in large, bright white text, against a high contrasting 'BSHS red' banner at the bottom of the screen - Utility/Learnability/Effectiveness/Accessibility
The 'Maximum Price' input field is represented by a contrasting white, single line text field located to the right of the words "Maximum Price" - Utility/Learnability/Effectiveness/Accessibility
Splash Screen
The customer name can only be inputted once and from the apps most immediate screen only- Utility/Learnability/Effectiveness/Accessibility
The 'Username' input field is represented by a transparent, single line text field with light grey text stating "Please Enter Your Name Here" - Utility/Learnability/Effectiveness
The words "Welcome to Café Kiosk" are written in bright white text against a high contrasting 'BSHS' blue banner at the top of the screen - Learnability/Accessibility
The BSHS 'banner logo' is located in the top right corner (merged with the blue banner) - Learnability
The words "Tap Anywhere to begin" written in light grey text are located below the image - Learnability
The 'Username' field is located in the center of a large graphic image of colourful or surreal image of a café counter in the center of the screen - Utility/Learnability/Effectiveness
Cart Screen
A 'BSHS red' banner is located at the top of the screen - Learnability
The words "Your Cart" are written in large, bright white text, against a high contrasting 'BSHS red' banner at the top center of the screen - Learnability/Accessibility/Effectiveness
The "Back" button is written in high contrasting white text against the 'BSHS red' in the top left of the screen - Utility/Learnability/Accessibility
The inputted 'Username' is written in contrasting bright white text and is located below to the left of screen title - Utility/Learnability
The order identification number is written in contrasting bright white text and is located below to the right of the screen title - Utility/learnability
The words "Order Details" are written in bright white text against a high contrasting 'BSHS red' banner below the Username and OrderID - Learnability/Accessibility
All order details are written in high contrasting white text in a text box located in the center of the "BSHS Blue' area - Learnability/Utility/Effectiveness/Accessibility
A large 'BSHS blue' rectangular area is located below "Order details - Learnability/Accessibility"
The words "Confirm Order" are written in large, bright white text, against a high contrasting 'BSHS red' banner at the bottom of the screen - Utility/Learnability/Effectiveness/Accessibility
History Screen
A 'BSHS red' banner is located at the top of the screen - Learnability
The words "Pending Orders" are written in large, bright white text, against a high contrasting 'BSHS red' banner at the top center of the screen - Learnability/Accessibility/Effectiveness
The "Back" button is written in high contrasting white text against the 'BSHS red' in the top left of the screen - Utility/Learnability/Accessibility
The word "Displaying:" is written in bright white text is located below to the left of the screen title - Learnability/Accessibility
The "Order status" button is located below to the right of the screen title - Utilty/Learnability/Effectiveness
Full order information is displayed in columns and can be scrolled through down the page - Utility/Learnability/Effectiveness
Order information consists of the OrderID located in the top left corner, customer name in the top right corner, the order status locatde below the OrderID, the "Total Order Cost:
__
" located below the customer name and the compiled list of the order details - Utility/Effectiveness/Learnability/Accessibility
All individual item orders are displayed with a vertical line in front of and behind the order. e.g |Coffee, skim| - Learnability/Effectiveness
Random Order Screen
A 'BSHS red' banner is located at the top of the screen - Learnability
The words "Your Cart" are written in large, bright white text, against a high contrasting 'BSHS red' banner at the top center of the screen - Learnability/Accessibility/Effectiveness
The "Back" button is written in high contrasting white text against the 'BSHS red' in the top left of the screen - Utility/Learnability/Accessibility
The inputted 'Username' is written in contrasting bright white text and is located below to the left of screen title - Utility/Learnability
The order identification number is written in contrasting bright white text and is located below to the right of the screen title - Utility/learnability
The words "Chosen Drink:" and "Chosen Snack:" are written in white text, located below the Username and OrderID and are positioned in a vertical in respective boxes with equal spacing from each other - Learnability/Effectiveness/Accessibility
The names produced for the drink item and food item, written in white text are below their respective "Chosen" headings - Learnability/Effectiveness/
A single, white, selectable "Choose Again?" button is located each of the respective item names - Learnability/Effectiveness
The words "Confirm Order" are written in large, bright white text, against a high contrasting 'BSHS red' banner at the bottom of the screen - Utility/Learnability/Effectiveness/Accessibility
Item Screen
A 'BSHS blue' banner is located at the top of the screen - Learnability
The BSHS 'banner logo' is located in the top right corner (merged with the blue banner) - Learnability
The word "Back" is written in high contrasting bright white text against the 'BSHS blue' banner at the top left of the screen - Utility/Learnability/Accessibility
A 'BSHS red' banner is located below the BSHS 'bar' logo' amd used as the default background colour - Learnability
The words "Energy:
___
" and "Cost: $
___
" are written in large, bright white text, against a high contrasting 'BSHS red' banner at opposite left and right ends - Learnability/Accessibility/Effectiveness
The words "Taste Options" is writen below the "Energy and Cost" labels in bright contrasting white text - Learnability/Accessibility
4 white selectable buttons are located below the words "Taste Options" are located in a single row with equal spacing - Utility/Effectiveness/Accessbility
5 white selectable buttons are located below the first row of option buttons in a single row with equal spacing - Utility/Learnability/Effectiveness/Accessbility
The words "Flavour of Syrup" is written below the second row of options in bright contrasting white text- Learnability/Effectiveness/Accessibility
3 white selectable buttons are located below the words "Flavour of Syrup" are located in a single row with equal spacing - Utility/Learnability/Effectiveness/Accessbility
The words "(Skim is free, +50c for all other options)" is written in contrasting white text - Learnability/Effectiveness/Accessibility
A 'BSHS blue' banner is located at the bottom of the screen - Learnability/Accessibility
A selectable option button, "Add to Cart?" button and "Cost:
__
" text are located in the blue banner in the respective order with equal spacing to one another - Utility/Learnability/Effectiveness
Doesn't include an order total
Not all items have 5 allergies, in fact most have 1
set it up so it displays boxes from right to left with allergy
icons,
blank for slots with no allergy information.
This system might commit die if you try to order the exact same food item twice