Pizzeria FarinaUI/UX DESIGN
Pizzeria Farina – UX/UI Case Study
UX/UI, USER TESTING, RESPONSIVE DESIGN
Pizzeria Farina is a popular restaurant in Vancouver. Their website is essentially one page with the menu, location, and images from Instagram. The navigation is split into 3 options for ordering online and links to their social pages. We want to test the effectiveness of this simplicity and if it translates to a better or worse user experience.
We conducted this test by first creating a screening survey with 11 participants to answer some basic questions such as, what method they use to order pizza (online, over the phone, app, in person) and what information they look for when researching a restaurant online (reviews, photos, dietary information, location, menu).
From there, we chose 2 participants who we felt were likely to use this website and conducted a “think aloud” test over Zoom. We asked each person to complete a series of 3 tasks and record their screen. From the completion of these tasks were we able to extrapolate information about the overall user experience based on their mouse movements and thought process while navigating the site.
The key takeaways from our testing include an overall inconsistent user experience, lack of clarity regarding important information, and ‘option overload’.
Basic site audit
This case study was a collaboearion between myself and Tracy, a collegue where we worked together to improver the user experience of Pizzeria Farina. This project was not endorsed by them.
Room for Improvement
- Poor user usability. Three options to order online, making it confusing on which one to select.
- Contact page, no contrast – hard to see
- Lack of images to get a sense of the restaurant and menu
- Address is static text, could be improved by adding a directions link.
- Social icons in right corner – direct users to leave the page. Causing a high bounce rate.
Current Homepage for Pizzeria Farina
The site is simple with few navigational tools. As there aren’t clear call to actions, this may confuse users as they try to find information.
The only images on the site are connected to instagram and take users to the restaurants page when clicked. This may confuse users since it’s not made clear the images are attached to instagram.
Users will get frustrated when ordering food from their website because there are 3 different options.
Our goal is to create a user centered design approach for users ordering food online from Pizzeria Farina. We want to understand how individuals navigate the current website, what features work well and what can be improved. Through a series of iterations, we’ll improve the success rate for those using the site.
Then, in our revaluation, the System Usability Scale (SUS) score will be above 70 (above industry average).
For this test, we first completed a screener questionaire. From there, we narrowed down our participants to two individuals.
- Aged 26 – 35
- Post-Secondary Student
Based on our screening questionnaire, this individual was selected as one of our participants because she eats pizza a few times a month and is likely to order pizza over the phone. We thought she would be a good fit as she is familiar with navigating restaurant websites to view a menu.
- Age 18 – 25
- Post-Secondary Student
This individual was chosen as our candidate for our usability test because from the screener questionnaire, he is likely to order pizza online and is familiar with navigating websites.
Using the System Usability Score, we tested the overall usability of Pizzeria Farina’s Website.
Based on our testing, the SUS score for the site is 32.5 which suggests Poor usability. One of our primary goals is to understand why the score is so low and formulate how we can improve overall user experience.
The two participants were given 3 tasks to complete, one at a time.
- Look for images of the restaurant and food.
- Find the location of the restaurant
- Order a pizza and beverage online
Due to COVID-19, the usability tests were executed virtually over a zoom call. For the tests, the participant shared their screen and had their mic turned on, so we could hear their thought process as we asked them to “think aloud”. Unfortunately due to these circumstances, we could not record their body language or facial expressions as we did not have the video on to see them as they interacted with the screen.
We recorded our participants observations and noted that they had overlapping reactions when completing the tasks.
This is the Rainbow Sheet we used when we observed our participants as they completed our three tasks. There was a surprising amount of overlap.
The results of our testing clearly show the following:
- Inconsistent user experience throughout the site. A lot of the links on the website take the user to a different window which made the user feel like it was “a broken experience”
- A simple task such as finding the location was easy, however the usability of getting directions to the location was difficult because it is static text on the page.
- Option overload when ordering online. There are 3 separate options to order online in the navigation. When it came to the test, the user picked what they were most familiar with, “order online”.