Hiking Biji App Redesign

Biji Hiking is an app that offers directions, trail information, and events for outdoor enthusiasts in Taiwan. However, despite its numerous features, we discovered that users only utilized a small portion of them. Through user interviews and observations, we identified issues such as unclear instructions, complex information architecture, and incoherent design. To address these problems, we revamped the app's homepage, search filter, and route search function. We then conducted usability tests to validate our new design, which resulted in users being more inclined to explore and use more of the app's functions.


Time: 6 months 
Role: UX researcher and designer (Team of 2)
Methods: Heuristic review, Interview, Persona, User journey map, Usability test, Prototyping
Tools: Figma, FigJam

Challenges

Hiking Biji is the largest hiking guide website in Taiwan. It also cooperates with the local government to hold missions, encouraging Taiwanese to walk into the nature. Since the app contains diverse functions and special missions, it has become a necessary tool for outdoor lovers. 

However, I observed that even though users realize the app is equipped diverse functions, they only use basic functions such as looking up information and finishing exclusive missions due to its confusing design.This motivated me to identify any usability issues and propose solutions on the critical features of the product.

Design Process

User Research

To understand what users’ experience are during using the app, we gathered their perspectives through three methods: 

  1. Reviewing users’ feedback on App store and Google Play.

  2. Executing individual interviews with users.

  3. Evaluating Hiking Biji with usability heuristics.

Based on the feedbacks, we portrayed the persona and user journey map.

Information Architecture

We learned the problems as following by drawing the information architecture.

  • Unintuitive visual hierarchy
    Functions and information are hided by multiple visual hierarchy, which are confusing.

  • Inconsistency
    The function of icons and buttons were inconsistent between different pages, causing misunderstanding.

Research Insights

  • Unclear instruction
    When looking up the information of missions and trails, users feel lost since the instructions aren’t clear.

  • Unfriendly search filter
    Users cannot access their search results directly without filter. They are only able to swipe up and down to view the route introductions.

  • Complex information structure
    In general, users know Hiking Biji contains many functions. However, they also feel that the app is complex since they don’t know how to access the functions.

Wireframe

 To tackle the problem, I pictured wireframes with my partner.

Usability Test

After drawing out the wireframe, we conducted two usability tests and discovered the room for improvement:  

1. Filter selections are limited. 
2. The buttons of start, pause, and save in the record page aren’t intuitive.
3. The information on the SOS page is low in readability.
4. Users wish to see other hikers’ comments displayed in the trail introduction

Selected Solutions

Homepage

Route Search

Search Filter

Learning and Takeaway

  1. Clear hierarchy and unified icons are essential to guiding user to explore the application.

  2. To bring the maximum value to users, we did a usability test with low validity prototype, involving users’ latest feedback in the later process. We were able to make sure the notion indeed improve the user flow.

  3. Communication between team members is the key successful factor of the project. One of us is familiar with research methods, and the other one is good at design. We are able to respect and complement each other.

I received a fulfilling lesson from the experience. If I have more time to keep doing this project, it won’t remain just on paper. I believe that it would be interesting if there is any chance to hear from perspectives from the company.