A cluttered carousel was hiding the value of hourly and daily rates.
By making rates the primary screen focus and switching from a carousel to a vertical list, we reduced mental load and improved discoverability.
Share Now · 2022 · 2 Months
Starting Point
With the initial design, adoption of non-minute-based rates was low. We identified several issues in the current design through user interviews and heuristic evaluations.
01 · Issue
Lots of noise around the main task
Users are presented with rate options on the bottom half of the screen, competing with too many surrounding elements.
02 · Issue
Lack of flexibility in visible content
The cards are not flexible in terms of size and components shown. This makes it difficult to present special offers in the app.
03 · Issue
Lack of information about offered rates
Late fees and additional km costs are not configurable for individual rates. The user is expected to read a footnote hidden on smaller screens.
04 · Issue
Carousel makes comparison difficult
Only a few options are visible at a glance, making comparisons difficult. This form of display is also not suitable for large amounts of content — 35 or more rate options.
How Might We
With the business goal of selling more hourly and daily rates, we started an experiment by setting up an A/B test to validate whether layout changes alone could shift selection behavior.
Approach
Before building, we aligned on what success would look like. These goals defined both the direction of our design decisions and the criteria we would use to evaluate the A/B test results.
Goal 01
Reduce mental load
Make the rates the main element on the screen. Remove or deprioritize everything competing for attention.
Goal 02
Increase focus on rates offered
Declutter the screen of secondary actions. The rate selection decision should be the primary and only task.
Goal 03
Increase UI flexibility
Set up the screen to handle potential future feature requirements — special offers, promotional rates, and upselling.
Round 1
For the first experiment, we changed the layout from horizontally paging cards to vertically scrolling options to support more natural scrolling behavior.
Two immediate improvements followed from the change in layout pattern:
Improvement 01
Increasing the number of rates visible at page load
The vertical list shows more options without requiring a swipe — users can immediately scan the full range of available rates.
Improvement 02
More scalable design due to flexible card height
Unlike fixed-width carousel cards, vertical list items can accommodate additional information, badges, and special offers without layout strain.
Assumptions Tested
To validate our assumptions, we ran an A/B test between the original carousel layout and the new design. We deliberately decided against user testing first, as there is plenty of research available around the UI choices we made and qualitative data would have had little impact.
The two assumptions we were testing:
Assumption 01
Users are unaware that our service offers more than minute-based rentals.
Assumption 02
Users are interested in using our service for longer trips in addition to minute-based rentals.
Learnings
After two weeks of full rollout, the results were in. The small changes were a big success on both platforms.
Round 2
To further improve the screen's performance, we ran a quick round of user testing to learn what, if anything, was still distracting users from making a choice. Based on the results, we cleaned up remaining elements not directly involved in rate selection.
Adjustment 01
Payment profile relocated
Relocated closer to the price to be paid, putting it in a more logical and expected position.
Adjustment 02
Damage reporting removed
Removed the damage reporting entry point. Most users are not in front of the car when selecting a rate, making this action irrelevant in context.
Adjustment 03
Illustrative icons added
Added illustrations to provide visual support for generic use cases, making each rate option feel more tangible.
Illustrative icons for visual clusters
Takeaways
Some of these iterations were minor and did not revolve around a complex change in flow. But working toward a clear goal incrementally, while constantly comparing to the status quo, is what made the outcome measurable and defensible.
Across both rounds, the combined changes produced an overall uptick of around 1%.
Incremental iteration compounds
Small bets, clearly measured, add up.
Working towards a clear goal in an incremental way while constantly comparing to the status quo is a great way to measure success. Even minor UI changes can produce meaningful behavioral shifts when the right metric is tracked.
A/B testing bounds your risk
Every bet comes with a safety net.
By running A/B tests, the risk of fallout is limited, as there is always the option to revert to the previous version. Each incremental step forward can be viewed as an educated bet with a safety net.