Orders2me

iOS Mobile App

Overview

Orders2me is a mobile product that provides pre-built templates for restaurants to build their own personal mobile food delivery app, specifically just for them.

Team

Justin de los Angeles

Development Team

Orders2me Development Team

Role

Product Designer

Initial Problem

Orders2me as a team, had already done extensive research, gathered user needs, and created user stories based on their research. The team already had the needed data, but needed a way to convert that data into a tangible product and solution.

Goal

The objective was to synthesis the research, determine what solutions needed to be done, and then design the hi-fidelity design for their mobile app. What makes Orders2me different, is that unlike Grubhub or Seamless, Orders2me allows restaurants to build their own custom delivery app, specifically catered just for their restaurant. The goal was to create a design template that was adaptable enough for multiple restaurants to be able to create their own custom online ordering experience.

UX Process and Methods

View Prototype

Competitor Analysis

Due to the user stories being complete, the next step for me was to do a competitor analysis, in order to get a broad view of the food delivery service landscape. The competitors that I conducted an analysis on were ChowNow, Seamless, UberEats, Postmates, and Grubhub. The analysis helped to uncover current features, strengths, weaknesses, along with ways that Orders2me could differentiate from its competitors, and existing methods of solving current user needs.

User Stories

The specific features that were targeted during the competitor analysis, were based on the user needs of the existing user stories.

“

As a user, i want to be shown the location of a restaurant with a single location. I should know if i am close enough to pick up and the area of delivery.
User Story 1 - Home

“

As a user, i should be able to select between take out and delivery before starting myorder.
User Story 2 - Home

“

As a user, i should be able to select if I want my order ASAP or if I can wait for later before starting my order.
User Story 3 - Home

“

As a user, i should be able to set a time of arrival for the order if i don’t want it ASAP.
User Story 4 - Home

“

As a user, i want to easily access my cart in order to change my current order.
User Story 5 - Home

“

As a user, i should have an easily accessible button to start my order.
User Story 6 - Home

“

As a user, i want to be shown all the locations of a chain of restaurants, and the area of delivery of the closest one. The closest one should be selected by default.
User Story 1 - Multiple Locations

“

As a user, i want to have a way to easily access a list of locations in case i want to order from a different one, ideally, this should also be easy to do by tapping on different locations on the map.
User Story 2 - Multiple Locations

“

As a user, i want to be able to register and login in order to have my information saved for future orders.
User Story 1 - Log-in

“

As a user, i should have a way to log out of the app in order to log in with different credentials (?)
User Story 2 - Log-in

“

As a user, i want to see all the items on the menu of the selected restaurant, the menu should be up to date and all displayed items should be available at the moment of viewing.
User Story 1 - Order

“

As a restaurant, i want to be able to show cross sell products in my menu in a way that is not disruptive for the user when he is selecting a product (?)
User Story 2 - Order

“

As a user, i want to be able to tweak details on the dishes i select for the order. These details include, but are not limited to, quantity, size, ingredients and extras (?)
User Story 3 - Order

“

As a user, i want to be able to create a custom dish if the restaurant permits it. For example, a pizza parlor should give me an option to select toppings, but also select if i want to cover the whole pizza or only a side.
User Story 4 - Order

“

As a user, i want a button that allows me to finish my order from the selection screen, without having to go through extra screens before checkout.
User Story 5 - Order

Hi-fidelity wireframes

The hi-fidelity wireframes had a high success rate, with 3 out of 4 people, able to successfully complete both task scenarios with minimal issues. A big purpose for the new hi-fidelity wireframes were to make them template based, so that the design could be easily customizable, to fit the needs of any restaurant.

Home Screens

Order Screens

Cart

Log-in

Usability Testing Results

The task I gave to the testers, was to purchase a bowl of Fried Beef and Mushroom Noodles Soup, starting from the beginning, and ending with the login screen.

Next Steps/Future Opportunities

Next steps will be to focus on testing the home page. Although the home screen had a 75% success rate, the 25% failure rate felt very strong. Rapid testing and quick iterations on the home screen would be the most crucial step, in order to find a way to minimize the confusion, due to the amount of options available on that screen.