Designer

Designer

Ruoyan Wang
Ruoyan Wang

Duration

Duration

2024 Sep-Dec
2024 Sep-Dec

CONTEXT

TREK is a Voice UI AI assistant embedded out-door sport planning and companion app designed for hands-free access to weather, navigation, trail conditions, and group coordination for extreme sports enthusiasts. With AI-driven insights, offline support, and live tracking, it enhances safety, planning, and team collaboration.


Why?

Extreme sports demand full focus, making real-time info and communication challenging. This app ensures safer, smarter adventures by enabling voice-activated planning, tracking, and analysis, improving both individual and group experiences.

TREK is a Voice UI AI assistant embedded out-door sport planning and companion app designed for hands-free access to weather, navigation, trail conditions, and group coordination for extreme sports enthusiasts. With AI-driven insights, offline support, and live tracking, it enhances safety, planning, and team collaboration.


Why?

Extreme sports demand full focus, making real-time info and communication challenging. This app ensures safer, smarter adventures by enabling voice-activated planning, tracking, and analysis, improving both individual and group experiences.

TREK is a Voice UI AI assistant embedded out-door sport planning and companion app designed for hands-free access to weather, navigation, trail conditions, and group coordination for extreme sports enthusiasts. With AI-driven insights, offline support, and live tracking, it enhances safety, planning, and team collaboration.


Why?

Extreme sports demand full focus, making real-time info and communication challenging. This app ensures safer, smarter adventures by enabling voice-activated planning, tracking, and analysis, improving both individual and group experiences.

Designer

Ruoyan Wang

Duration

2024 Sep-Dec

CONTEXT

TREK is a Voice UI AI assistant embedded out-door sport planning and companion app designed for hands-free access to weather, navigation, trail conditions, and group coordination for extreme sports enthusiasts. With AI-driven insights, offline support, and live tracking, it enhances safety, planning, and team collaboration.


Why?

Extreme sports demand full focus, making real-time info and communication challenging. This app ensures safer, smarter adventures by enabling voice-activated planning, tracking, and analysis, improving both individual and group experiences.

Design Preview

Design Preview

Ride Planning

Effortlessly invite friends to collaborate on your next adventure, enabling everyone to decide on the start, end, and route.

Effortlessly invite friends to collaborate on your next adventure, enabling everyone to decide on the start, end, and route.

Voice AI Assistant

A reliable voice assistant companion that's there to support any concerns.

A reliable voice assistant companion that's there to support any concerns.

Riding Navigation

Allow individual navigation and locate friends' real time location to eliminate worries of getting lost.

Allow individual navigation and locate friends' real time location to eliminate worries of getting lost.

Problem Statement

How might we enhance the safety and quality of the sporting experience for extreme sports enthusiasts by leveraging voice UI to reduce distractions, provide emergency alerts, and respond to changing weather or trail conditions?

Design Hypothesis

"If outdoor extreme sports enthusiasts can be supported by a VUI assistant tailored to their needs, then they will experience greater convenience, safety, and engagement, as the app will allow hands-free access to information and guidance on weather, trail conditions, navigation, and outdoor activity planning." This project initially focuses on enhancing the cycling experience, with plans to expand in the future to support a variety of outdoor sports."

Jump to see solution details

Jump to see solution details

Jump to see solution details

Jump to see solution details

Process

PubMed's field research in Shanghai's single hospital involved 643 individuals (pedestrians, bike riders, and electric bike riders) aged 10-35 found that using a mobile phone within one minute before a road injury

According to a study conducted by NHS Bristol, freezing and slippy roads account for 26% of all cycling-related hospital admissions, second only to collisions with cars.

PubMed's field research in Shanghai's single hospital involved 643 individuals (pedestrians, bike riders, and electric bike riders) aged 10-35 found that using a mobile phone within one minute before a road injury

PubMed's field research in Shanghai's single hospital involved 643 individuals (pedestrians, bike riders, and electric bike riders) aged 10-35 found that using a mobile phone within one minute before a road injury

According to a study conducted by NHS Bristol, freezing and slippy roads account for 26% of all cycling-related hospital admissions, second only to collisions with cars.

According to a study conducted by NHS Bristol, freezing and slippy roads account for 26% of all cycling-related hospital admissions, second only to collisions with cars.

PubMed's field research in Shanghai's single hospital involved 643 individuals (pedestrians, bike riders, and electric bike riders) aged 10-35 found that using a mobile phone within one minute before a road injury

According to a study conducted by NHS Bristol, freezing and slippy roads account for 26% of all cycling-related hospital admissions, second only to collisions with cars.


PubMed's field research in Shanghai's single hospital involved 643 individuals (pedestrians, bike riders, and electric bike riders) aged 10-35 found that using a mobile phone within one minute before a road injury

These statistics made me realize the importance of updating bike riders to the changing environment while not distracting them to ensure safety

Interviews Objectives

Voice UI Acceptance

Voice UI Acceptance

Voice UI Acceptance

Voice UI Acceptance

  • Any technology usage during ride

  • The accuracy and effectiveness of voice command

  • Trust issue of voice command

Sporting Habit

Sporting Habit

Sporting Habit

Sporting Habit

  • Individual sport vs group

  • Prioritized information needs during sports

  • Common obstacles and frustrations

  • Disturbance level during sport.

User Archetype

To ensure a seamless experience, considering the experience all the way from before ride, during ride and after ride is essential.

What would this user type need?

A supportive, helpful AI companion bot

Basic Dialogue Scripts: Weather Update & Navigation

Utilizing a bone conduction headset to prevent the discomfort of long time wearing earphone.

Utilizing a bone conduction headset to prevent the discomfort of long time wearing earphone.

Utilizing a bone conduction headset to prevent the discomfort of long time wearing earphone.

To provide a holistic experience, there's also the app for pre-planning, map visualization and progress tracking.

To provide a holistic experience, there's also the app for pre-planning, map visualization and progress tracking.

Mid-Fidelity Designs

Mid-Fidelity Designs

User Testing: UI visual

Most test subjects find the planning flow is clear and intuitive, however, the visuals are clustered and with some sizing issues, which makes the process become harder to follow.

Most test subjects find the planning flow is clear and intuitive, however, the visuals are clustered and with some sizing issues, which makes the process become harder to follow.

Most test subjects find the planning flow is clear and intuitive, however, the visuals are clustered and with some sizing issues, which makes the process become harder to follow.

Content Organization: More negative space, less action at once. Allow users have less mental load at once, go through the flow smoother.

Content Organization: More negative space, less action at once. Allow users have less mental load at once, go through the flow smoother.

Content Organization: More negative space, less action at once. Allow users have less mental load at once, go through the flow smoother.

Design System

Final Designs With Scenario (Videos Contain Sounds)

Final Designs With Scenario (Videos Contain Sounds)

Let's Plan a Cycling Trip with Emma!

Main Pages