My Role
Product Designer
Team
Ankit J. (CEO), Siwen L. (Design Lead), Nirali M. (Business Analyst), Nathan W. (Business Analyst)
THE CORE EXPERIENCE
Tools
Figma, Whimsical, Notion
Timeline
May 2022 - Dec 2022
Onboarding new users to web navigation modalities
Optimizing search navigation to improve completions
Onboarding Experience
THE PROBLEM
Users lack guidance at their first interactions with extensive map modalities
DESIGN GOAL
Familiarize users with all features and interactivities on Pathloom web app
Step 1: coming up with a core feature flow
I worked closely with the business analyst on this part to discuss core features that need to be included in the onboarding guidance, based on her business analysis and my user journey analysis. This list we came up with include landing page introduction, comprehensive map exploration, and secondary features like place description and layering. To meet the business object, an end pointer was added to the registration action.
Step 2: exploring instructions formats
To explore the best format of providing feature explanations, I conducted competitive analysis on tooltip variations, and came up with 3 options.
Option A
Option B
Option C
Considering the highly distinctness of each feature, I decided to use option B to highlight the location of each feature. Because of the large number of features, I grouped them into larger sections connected by progress dots (from option A).
Step 3: implementing visual styles and design components
Final Outcome: 12 interactive prototypes shipped
Optimizing Search
THE PROBLEM
Travelers are not able to discover new places unless they know the destination.
Limited Options
Users can only search for places they already know the name of
DESIGN GOAL
Navigation Friction
User friction occurs when users want to relocate and have to exit the page
Help users discover new outdoor destinations and plan new visits.
Low Discoverability
Overwhelming information with low discoverability and high cognitive load
Input constraints and discover new destinations
Posing open ended questions and allowing flexible location input to allow more freedom and discoverability with destination search
Expanding search flexibility
Tag regrouping increases option discoverability
The search flexibility is highly expanded by allowing users to search with or without criteria attached and get inspired. The Navigation vs. Search rates increased by 3.1%.
Usability increased because users can now select features at anytime instead of having to input in the start.
Improving usability and navigation
Usability increased because users can relocate easily on the same page without exiting. More information about the location is provided by the information card in the bottom.