Feature in a movie ticket booking app that suggest nearby restaurant and offer reservations for a pre or post movie meal.
A good movie and dinner at a good restaurant is a combination that always works when people go for an outing.
So I got the idea of having a feature in a movie ticket booking app where the user can reserve the table for a meal pre or post movie and decided to design the same.
The users are familiar with the flow of booking a movie ticket, it is pretty much the same in any app. 
So I spend some time thinking where exactly should this user encounter this feature.
Option 1: After confirmation of the ticket
But that is the main thing that user wants to get done. Once their ticket is confirmed they will most probably close the app.
Option 2: On ‘Booking confirmation’ screen
I went ahead with this option because users have already selected the show timing, movie, seats and they are only left with one thing that is payment.
So in Option 2 the user is not interrupted while they are booking the seats, and before making the payment most likely the users will go through all the details.
Thus I decided to show the ‘reserve table’ option right below booking information.
When the user taps on the ‘Reserve a table’ button it opens a modal to reserve a table at nearby restaurant.
Reason behind using a modal was that I didn’t wanted the user to land on a different screen and feel like they are on a restaurant booking app.
Upon tapping on the restaurant it gives user the option to reserve the table.
The user have to simply select the time and number of people. The time slots shown are for the day on which the ticket is booked.
The name field is to provide any one name so that user can use that name for the identification at the restaurant.
There is also a note which informs them that
If you are late for more than 10 mins the reservation will be cancelled
Reason: The restaurants can’t afford to keep the table vacant for longer period as their business will be at loss. And that is also how it typically works if you reserve a table at a restaurant through call.
Once the user reserves the table the ribbon turns green and they have the option to change time and cancel reservation.
What if user tries to reserve table at another table?
If they try to reserve table at another restaurant the previous reservation simply gets cancelled.
And that’s a wrap
I hope you liked this mini case study, if you have ideas or suggestions to make this feature better I would love to know about it.
Linkedin | Dribbble | Twitter | Behance
Feature suggesting nearby restaurants in a movie ticket booking app — A mini case study was originally published in UX Planet on Medium, where people are continuing the conversation by highlighting and responding to this story.
