Garmin - Surf Activity
Art Direction • Product Design (UX/UI)
Introduction
The objective of this application is to provide users with a simple and efficient method of monitoring and recording data throughout various surfing sessions. Surfing is a major feature to be initially included on all Fenix 6 Solar devices as well as act as the main activity on Instinct Surf edition. This section provides relevant background information on surfing and elaborates the problems faced by surfers.
This new activity will allow users users will be able to record a Surf Activity as a standalone activity with Surf activity capable devices, and view pertinent information in Connect.
Problem
Surfers lack a variety of options when selecting devices capable of monitoring data in their surf sessions. Surfers are interested in recording surf data such as the speed and duration of each wave they encounter in any session. The Garmin ecosystem does not currently support any method of recording data from surf activities.
Solution
The goal of the surf activity profile is to enable surfers to record their various surfing sessions. During any surf session, the user can be in one of the following two states at a given time:
Surfing: The user is currently on their board and riding a wave.
This is detected through analyzing the user's speed and direction.
Idle: The user may be paddling or simply floating, but they are hardly moving.
Detected if the user's speed and direction do not meet the threshold to be considered 'surfing'.
A session is defined as a distinct activity between the time the user presses 'Start' and 'Save'
Metrics tracked per session:
Number of waves detected
Distance of each wave detected
Longest wave ridden
Max speed per wave
Average speed per wave
Max speed per session
Average speed per session
Heart rate statistics
Calories burned
This solution provides surfers with the ability to monitor each wave encountered throughout various surf sessions.
Later I learned there would be a slight delay for the user to send the message due to network traffic so I created a load spinner animation that reduces the user’s perception of waiting time followed by a green checkmark that indicate completion.