A bloc Payment Interface
Project Type :
UI / UX Design
The FAZER A bloc is a cafeteria at Aalto University. During the lunchtime, there are always full of students and Aalto stuffs, however, the current payment system is very confusing and the style of its user interface looks like 90’s design.
Main Focus: The current system has only one page and has too many buttons on the screen. It takes time for users to understand and find the right button. Therefore, it causes a long queue during the lunchtime. Our mission in this project is to make the payment interface more simple and understandable.
The current interface might be easy for the restaurant staffs and the students who knows this system for longer time. The current payment system is mixed with English and Finnish, however, Aalto University is an international university and many students from other countries, it is impossible for them to understand the system.
Problem definition was done by interviewing and sending a questionary to Aalto students and FAZER staffs, here are some key findings comes from the survey and interview.
To make the interface simpler, first defined what the essential things to users are, they must be shown on the screen then delete unimportant buttons that only for staffs from the interface
Have you ever been “stuck” with/at the payment system?
In which stage of the payment process did you need help?
Before selecting food
After selecting food
How was your first experience with paying for your meal?
Very confusing. As the payment process was different compared to restaurants, everything just seemed unnecessarily complicated.
Confusing about the directions of the queue and have no idea to operate the machines.
Strange and confusing.
The user interface is quite unfriendly, the staff need to guide one by one, it took a long time
The personas help us to categorise the target users and design the strategy.
“When I take my friends to Väre for the first time, I always have a laugh as I remember how hard the system was to use for the first time”
“MobilePay should be an option, not mandatory. Not everyone has a card that can be linked to MobilePay. For example, many Exchange students don’t have it”
“The staff that are supposed to help us, didn’t even explain the student discounts. They made me pay €8. It was so bad I will not go again!”
“Many people are confused for the first time. The second time they are much faster already and they learn to use the system.”
The visual system was defined through studying the Fazer's brand identity that was done by Pentagon Design (https://pentagondesign.fi/casestudies/fazer-brand-identity/).
Three Steps to Eat
Simplify the steps from choosing the meal to the payment.
Get to know today’s meal.
Choose a identity and
additional side dishes.
Choose a way for the payment.
Click to try the prototype