DoorDash's DoubleDash More Button

Context

DoubleDash is a feature that provides DoorDash customers with a chance to add on items from other stores to their original order without having to pay an additional delivery fee.

Figma Link

Problem

In order to explore options DoubleDash offers, it has a carousel of buttons which include “search”, “recommendations”, and a series of merchants.

The problem users currently face is that in order to view all merchants available in DoubleDash, they must scroll endlessly through the carousel buttons- this often leads to higher drop-off rates and overwhelming feelings.

Solution

In order to create a more efficient ordering experience for users, we created a “more” button to replace the “recommendations” button.

DoorDash prioritizes showing items that are recommended to the user based on their original order, and we maintain this recommendation system by generating a feed under the “more” tab by placing top recommended stores and items, while subsequently including all other stores offered in DoubleDash.

Wireframing & Prototyping

Wireframing the feature was straightforward as this change would only alter the button and merchant tab sequence. The rest of the layout would remain as is.

Early on in the wireframe phase we can see how this layout transition will be intuitive and seamless for a user who regularly uses the DoubleDash function.

When it came to prototyping and interaction designs, it was clear that the carousel tabs would no longer be utilized- leaving scrolling to occur only in the feed itself. The top two recommended stores would be included as restaurant tabs, but more places could be found in the “more” tab.

DoubleDash More Button.mp4

Google Sites

Report abuse