Improving pick-up feature on a food delivery platform, as one of the few options of business for restaurants in the early lockdown

During the first Corona crisis in March 2020, the Austrian government restricted the opening times of restaurants and even closed them for the public. Delivery — and possibly pick-up — was the main way of doing business for restaurants for an undefined period of time.

The challenge & discovery

At Mjam, a food delivery platform in Austria, we were aware the pick-up experience in Mjam mobile app was not the best.

Image for post
Image for post
Image for post
Image for post
Two Restaurant list screens, representing unselected and selected Pick-up (Abholung) option.

Insights from the data

In late 2019 we already conducted qualitative and quantitative research on the pick-up topic. The qualitative research was combined from a usability test (Vienna, Austria) and a survey, both on Mjam website experience with users that had ordered pick-up before. The research also included an extensive competitor analysis, which also helped us take some of the right directions.

The main additional insight we gathered were:

  • The pick-up option can be hard to find
  • Sorting by distance and comparing distances of restaurants should be easier
  • Preparation time is still called ‘delivery time’
  • Wish the predicted pick-up time was more accurate
  • Users often copied restaurants address to Google to get the direction
  • Users think that it’s most important that pick-up is easy to order, the order is ready when expected and there are no delivery / additional costs involved

Google Analytics data showed:

  • Pick-up orders make up less than 1% of all our orders
  • Most pick-up orders come from apps, by far (Jan 2020: 2400 Apps / 100 Web)

User needs

From our research above we identified these 3 main pain points:

  1. Directions to restaurant
  2. Pick-up time is relevant and required information

Problem statement

We could see the main problems were in:

  1. Usability when selecting the restaurant
    When the restaurant was selected there was no way to see the distance between the user’s location and the restaurant or no sorting by distance option.
    Users were unable to explore nearby restaurants or see their locations.
    When visited the restaurant’s page after selected the pick-up option, there was no relevant information about the pick-up time and the distance to the restaurant.
  2. Clarity during checkout
  3. Transparency and helpful information during order tracking

Hypothesis & Ideation

According to other objectives on our Product plan and based on criteria of feasibility and viability we decided to focus on the first two problems first.

  1. Show a map with close-by restaurants
  2. Sort restaurants by distance when pick-up is selected
  3. Show distance to the restaurant on restaurant tile instead of the delivery fee and MOV on RLP tile and MP
  4. Restaurant info should always show 1) address, 2) walking distance and 3) preparation time
  5. Show info that order is pick-up (including address and distance) on Cart and Checkout

Design

After defining most potential solutions we created the first sketches and lo-fi wireframes and due to lockdown being on a full scale, tested them internally with colleagues.

Image for post
Image for post
Hand-drawn sketches showing first drafts of the map and more transparent displaying of information about the pick-up.

Main improvements

1. Adding stronger visual indication when users select the pick-up option

On the usability test, we understood users didn’t get enough visual feedback when they switched to pick-up mode, so usually, they were left confused, sometimes they didn’t realize they are already in the pick-up mode.

Image for post
Image for post

2. Introducing an interactive map for a better overview of restaurants nearby

The biggest improvement of the pick-up experience was adding the interactive map.

Image for post
Image for post

3. Simplified restaurant discovery

For an easier restaurant discovery, we decided to use a pattern we observed in other applications during our competitor's analysis.

Image for post
Image for post

Information about the pick-up is now transparent at every step of the journey

Users were often confused about the clarity of how are they getting the food. Since the only indication of switching to pick-up mode was at the beginning of the journey. They tend to forget they selected it or they simply forgot after falling into browsing mode.

Image for post
Image for post

Final result

Final result

Some of the first GA numbers showed:

  • Interest in the pick-up has grown by 250% compared to before the lockdown
  • Pickup orders grew by 133% compared to the best day before lockdown.
  • Adding the Map on Apps seems to have a positive impact on CVR

Usability test on a live app and post-pick-up experience

Additionally, we wanted to see how the improvements impacted the user experience when choosing the pick-up itself, so we conducted a remote user test on the live app and a post-experience test on Mjam users in Austria.

Remote usability test

For this test we set up remote usability tests for the first time, using tools like Calendly, Zoom, and very detailed ‘how to set up your devices’ guidelines.

  • All users found the ‘Abholen’ button on the restaurant list right away
  • The map was clear and easy to navigate
  • Deliver vs. Pickup mode on RLP is clear, elsewhere not 100%
  • Some users want to see the restaurant located on the menu page

Post-pick-up experience

For this type of test, we invited 4 Mjam users to order for pick-up and share their insights with us in a remote interview.

  • users like pickup as they can “control” when the food will be available for them, as they don’t need to wait for the delivery person to despatch multiple meals
  • they still select their restaurant by browsing through the list and not by choosing the interactive map
  • restaurant tiles in delivery mode could have a flag saying that they do pick-up also
  • users choose a delivery method in different places (address input, button on RLP, cart)

Further initiatives for improvement

After looking in the gathered data it was clear that the overall experience was significantly improved. The design made the feature friendlier and easier to use.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store