mouse on overflowing images and
Snack Ordero is snack and drink ,online ordering app . It helps movie and theater goers to order any snack , drink when they are getting late to reach the theater on the time and don’t have time to go out to bring snack and drinks ,and forget order before the movie date
August 2022 to January 2023
UI / UX designer . Leading the UX and UI process from start to the end
Making UI aesthetic and UI guide . User Research , Ideating , conducting competitive audit , wireframing,conducting usability testing prototyping and iterating back on designs . Designing responsive website
August 2022 to January 2023
UI / UX designer . Leading the UX and UI process from start to the end
Making UI aesthetic and UI guide . User Research , Ideating , conducting competitive audit , wireframing,conducting usability testing prototyping and iterating back on designs . Designing responsive website .
Movie and theater enthusiasts get late to go-out and bring snack and drink ,while watching movie and some users are stuck and can’t get to movie time and couldn’t order and brink snacks with them
To helps users skip lines , waiting to pick-up orders .To help users order snack and drink while watching movie .To help users order before the day and time of the movies or theater .
Movie and theater enthusiasts get late to go-out and bring snack and drink ,while watching movie and some users are stuck and can’t get to movie time and couldn’t order and brink snacks with them
To helps users skip lines , waiting to pick-up orders .To help users order snack and drink while watching movie .To help users order before the day and time of the movies or theater .
I interviewed and got the problems that why do some people want snacks to be served by someone else . By the help of two interviewee’s answer to questions , I managed to empathize with them . I understood that a group just love performance so much that they don’t want to miss a single moment of the show . The group by whom audience got disturbed or interrupted unintentionally , while going out for snacks and waiting too long in line to have snacks .
>Each of the group desire different kinds of snacks with option of limit-of-ingredients to have in their snacks along with any drink .
Interviewees
Questions
I interviewed and got the problems that why do some people want snacks to be served by someone else . By the help of two interviewee’s answer to questions , I managed to empathize with them . I understood that a group just love performance so much that they don’t want to miss a single moment of the show . The group by whom audience got disturbed or interrupted unintentionally , while going out for snacks and waiting too long in line to have snacks .
>Each of the group desire different kinds of snacks with option of limit-of-ingredients to have in their snacks along with any drink .
Interviewees
Questions
People usually miss any moment of performance while going out for snacks
Some of the people usually find it interrupting to go out for snacks
Some people find it hard to ask certain quantity of ingredients to have in their snacks while ordering , which takes more time
35
Champagne, Illinois
Married with a child
Teacher
Neelam is an Educational professional and passionate about her job .She Prepares breakfast and dinner most days .She likes to take her child to theater oftenly .
Likes products which help her
To have drink with snacks
Don’t want to disturb anyone while going-out for snacks and drinks
Find it hard to manage teaching and raising a child
Finds it interrupting and disturbing while going out for snacks amid the show .
Find it hard to carry along snacks and drinks amid show .
22 years
Bruges,belgium
2 sisters
PM Internee
Zareen is 22 year old intern ,who work in an international firm ,has hope that intern will get her in project management job .She enjoys her most of the time spending with her mentor on campaign to show that she is keen and talented enough to be trusted and given more oppurtunites . She has interest in watching theaters .
Wants to done any task efficiently to be trusted within company to have more responsibilities.
To have career in project management
Various tasting Snacks with drinks
Misses any moment of live performance while going out for snacks
Gets interrupted for snacks .
Find it hard to carry snacks and drinks amid live theater
Neelam is a A professional teacher living with one child who needs Product or service to help her and want to order snacks while watching theater because [ She doesn’t want to interrupt other audiences and leave her child alone .
Zareen is a Project management intern for a large international firm who needs Snacks and drinks while watching theater and keep with her team because She doesn’t want to miss any moment of the performance and get interrupted .
Mapping out the journey of Neelam , helped me to find out the opportunity to solve the problem of users ordering snacks in theater or outside the theater . Zareen's user journey was almost the same as Neelam .
Goal: Ordering snacks in theater
An app to pre-order snacks with drinks
Status feature of orders
Ingredient customization for snacks and other food
Service person to bring the snacks and serve
Ingredient customization for snacks and other food
Competitive audit was done to make easy to ideate solutions for problem
Movie ticket booking web site .
Indirect competitor , large sized series of movie theatres providing online service to book movies tickets online
Not proper message with “pick tickets ‘ based on nearest movie theatre
A lot of Cinema halls physical location
Poor UI and check out and payment method
No pre snack ordering feature
No Accessiblity
No guest option
Movie ticket booking web site .
Indirect competitor ,medium sized series of movie theatres providing online service to book movies tickets online
Not proper message .
Satisfactory UI
Poor check out and payment method
No pre snack ordering feature
No Accessiblity
No guest option
Grocery delivering web and mobile app .
Direct competitior , offering any ordered food to be delivered at some location in any city of Punjab .
GrocerApp is on a mission to help families and individuals get their daily and monthly groceries delivered to their doorstep at the highest quality and at lowest prices .
Great UI
Great User experience
No Accessibility
No ticket booking for theater and movie enthusiasts
No guest option
A great app by which we book tickets in advance with features of ordering snacks and drinks for a specified date .
Customization of snacks
Easy checkout and payment method with Guest option .
With languages of Local and International people
Loyalty user feature
Previous orders
Order status
Rewards after many orders
Ideas were generated by crazy eight method and the elements with red star were choosen to be added in the digital wireframes .
User Flow was ideated to layout and the required screens , after the ideas generated by crazy eight method
Paper wireframes were made by generated ideas of components from crazy eight method . Series of layout exploration was done and stars were used to mark the elements in the screens to be used in final refinement
Digital wireframes were made to build up low-fidelity prototype and test with end users
1
Side navigation for app and user settings
2
Navigation for switching screen
3
Recommended meals based on user choices
4
Deals carousel to make show the user instantly get benefit of snacks sale on discount
5
Favorite meals most frequently ordered by user
1
Search bar by name and type to easily find and snack and drink
2
Filter option by name , price , or rating to bring desired data
1
Back button ( same function for every back button in each screen ) used for navigation to previous screen
2
Descriptions of item .
3
Customization option of snacks
4
Add to Cart button easily select to order from cart screen
1
Cart Icon to navigate to cart screen to check-out
2
Check-out process indicator
3
Plus and minus button to increase the number of meals
4
Button to go for next step of adding credentials
1
Drop-down to add new credentials or previous credentials
2
Address of office , home , theater , etc
3
Button to confirm the payment
1
Order Digital Receipt
2
Button to go to Main screen when order process is completed
1
Side navigation opened and closed outside of the card , in which user settings , app settings and order history screen is put .
1
Bell Icon to view notifications of order completed , group order collection and many more
2
Notifications listed
Low fidelity protype was made to be tested with end users to identify early possible errors of product
Check Low_fidelity prototype
Two round of testing was done as results of each test we got some insights .
Follow-up 1 :
What do u think of an app by which u could order snacks and drinks with customization feature and receive the orders on your mentioned address in home , theater or anywhere ?
Task 2 :
Open the snack ordering app select any snack and drink , customize them .
Follow-up 2 :
How do you feel about the process and selecting and ordering snacks and drinks ?
Task 3 :
Go to check-out and start the process by your adding credentials , receiving address and proceed.
Follow-up 3 :
How do you feel about the process of selecting and ordering credentials and receiving address and process .
Task 4 :
Make a pre-order for another date in the theater .
Follow-up 4 :
How do you feel about the process of placing pre-order before another date in the theater ?
Follow-up 5 :
Tell me more about this product , how this gonna help you and others ?
3/5 Users couldn’t guess where the selected orders are placed
2/5 Users couldn’t figure out where the option is
2/5 Users were confused with “Food” and “customize label"
Users need clear gesture indication of selected items inserted in to cart icon for check out .
Users need Pre-order at any date or time feature should be front and center .
Users need the terms of options relevant and understandable
Task 1 :
Open the snack ordering app, select any snack and drink , customize them .
Follow-up 1 :
Tell me about the process and selecting and ordering snacks and drinks ?
Task 2 :
Go to check-out and start the process by adding credentials , receiving address and proceed.
Follow-up 2 :
What do you think about the process of selecting and ordering credentials and receiving address and process .
Task 3 :
Make a pre-order for another date in the theater
Follow-up 3 :
How do you feel about the process of placing a pre-order before another date in the theater ?
Follow-up 4 :
Tell me more about this product , how this gonna help you and others ?
5/10 Users The 50% of the users aren’t getting the “add to cart” option visually confirmed when button is clicked
4/10 Users Pre-order feature is visually hard to find and needs confirmation after selecting the date and time for 40% of the users
5/10 Users Half of the users don’t find the visual aesthetic
More clear visual confirmation is needed when the “Add to cart” button is clicked
Pre-order needs to be redesigned with more visual power to catch the eyes and a button should be placed when the the date and time is selected
User Interface needs to be worked on .
After testing with users at the end of second round of usability testing , user flow was refined .
Based on usability study insights, the designs and prototype were iterated upon then mockups were made for High Fidelity prototyping
Early design users could pre-order for any date and time from the cart screen but after the usability we made a feature on main home screen so that the user could easily pre-order for any date and time
Half of the users couldn’t get notified with Add to cart button ,when tapped would have triggered badge animation on cart icon. I added a confirmation model with continue shopping and proceed to pay buttons that user who want checkout ,could easily do .
No changes were brought to these screens because they aren't tested yet
No changes were brought to these screens because they aren't tested yet
No changes were brought to these screens because they aren't tested yet
High fidelity prototype developed after usability study for a refined user experience.
Check High_fidelity prototype
Perfect imagery of the snacks and drinks are used to make it easy for the illiterate people to choose any eatable item .
Used icons to easily navigate and use the options of the different of the app
Insert one to two sentence summaries describing each accessibility consideration applied in your designs.
The users are finding it helpful to pre-order snack and drinks before the movie date .
One quote from user feedback :
“I like how this product allows me to pick the delivery date at my own convenience and once it notifies me that my order is ready, I go for a pick up instantly. It just gives me that freedom sense”
While conducting usability testing I learned the big difference between moderated and unmoderated usability testing . I also learned how the problem becomes the new feature of the new app .
Conduct a usability study to identify the if the pain points from the the previous usability testing is solved or not ?
Conduct a usability study for the other features of the app like : adding new payment method , forget password .adding new items .
Implement and test the opportunities given in competitive audit report
I’m big thankful to you for reviewing my on course (google UX design) project’s case study .
