MAY 2023 | TRIPRANGER
Designing a challenge search feature
Role
Visual Design
Interaction Design
UX Research
Timeline
1 day to prototype
Creating a feature to allow users to search by challenge and location.
TripRanger is an app that turns traveling into a game by allowing users to upload location-based challenges that can then be completed to earn points and win prizes.
Design Challenge
Create a new search feature that allows users to search by challenge name and location.
TripRanger's original search feature only allowed users to search challenges by location. According to user feedback, this made it difficult to easily find challenges for users who wanted to search for challenges by keyword, such as "hike." So, we needed to create a feature that would allow users to search challenges by location and title/keyword.
Old
Design
The old search design only allowed users to search by location, making it hard to find challenges by keyword or name.
New Search Flow
A new, double-stacked search allows users to easily find challenges based on title/keyword and location. Showing recent searches and auto-suggesting challenges as users type increases usability and efficiency even more.
Can't forget the empty state screen! 😉
Just in case a user's search yielded no results.
What the users said:
"I love the new search! Makes it so much easier to find challenges that I want to do."
