User interface with interactive mapping and segmented timeline
Systems and methods for generating user interface elements associated with a guided workout are disclosed herein. For example, by analyzing location data associated with a user device, along with digital content corresponding to the guided workout, the system may generate user interface elements including graphical representations, segmented timelines, and performance metrics associated with a user's progress and performance while consuming the guided workout content. These interface elements may be displayed to the user during and/or after the workout and may allow for user interaction to view varying levels of detail associated with the interface elements.
1. A method performed by an application of a user device associated with a user of a guided workout, the method comprising:
presenting digital content corresponding to the guided workout,
wherein the guided workout includes multiple segments having at least one segment associated with a running segment and one segment associated with a strength training segment;
receiving information associated with the user participating in the guided workout; and
generating a user interface that presents:
a segmented timeline depicting a progress of the user participating in the guided workout via the multiple segments of the guided workout; and
a graphical representation of the information associated with the user participating in the guided workout presented together with the segmented timeline.
2. The method of claim 1 , wherein the generated user interface includes:
a first user interface that presents the segmented timeline;
a second user interface that presents the graphical representation of the information associated with the user participating in the guided workout; and
a user interface element that facilitates switching presentation of the first user interface and the second user interface via a display of the user device.
3. The method of claim 1 , wherein the information associated with the user participating in the guided workout includes information associated with a location of the user when participating in the guided workout; and wherein the graphical representation of the information associated with the user participating in the guided workout includes a map that indicates the location of the user during the guided workout.
4. The method of claim 1 , wherein the information associated with the user participating in the guided workout includes information associated with a performance of the user when participating in the guided workout; and wherein the graphical representation of the information associated with the user participating in the guided workout includes interface elements of the segmented timeline that display performance metrics representing the performance of the user at points in time of the guided workout.
5. The method of claim 1 , wherein the information associated with the user participating in the guided workout includes information associated with a location of the user when participating in the guided workout; and wherein the graphical representation of the information associated with the user participating in the guided workout includes:
a map that depicts the location of the user during the guided workout, and
one or more map elements that represent the multiple segments of the guided workout on the map.
6. The method of claim 1 , wherein the information associated with the user participating in the guided workout includes information associated with a location of the user when participating in the guided workout; and wherein the graphical representation of the information associated with the user participating in the guided workout includes:
a map that depicts a path traveled by the user during the guided workout, and
one or more map elements that represent the multiple segments of the guided workout on the map.
7. The method of claim 1 , wherein the multiple segments of the guided workout include at least two different workout types.
8. The method of claim 1 , wherein the multiple segments of the guided workout include at least two different segments of a single workout type.
9. The method of claim 1 , wherein the guided workout includes multiple running segments or walking segments.
10. The method of claim 1 , further comprising:
receiving information identifying other users currently participating in the guided workout,
wherein the user interface includes a graphical representation of the identified other users.
11. The method of claim 1 , wherein the user device is a mobile device.
12. The method of claim 1 , wherein the user device is a wearable device.
13. A non-transitory computer-readable medium whose contents, when executed by an application of a user device, cause the application to perform a method, the method comprising:
presenting digital content corresponding to a guided workout that includes two or more workout segments;
receiving information associated with a performance of a user participating in the guided workout; and
generating a user interface that presents:
a segmented timeline depicting the two or more workout segments of the guided workout along with a graphical representation of the information associated with the performance of the user participating in the guided workout.
14. The non-transitory computer-readable medium of claim 13 , wherein the information associated with the performance of the user participating in the guided workout includes performance metrics for the user during the guided workout.
15. The non-transitory computer-readable medium of claim 13 , wherein the information associated with the performance of the user participating in the guided workout includes information representing a current pace, a best pace, an average pace, a distance, an elevation gain, or an amount of calories burned by the user when participating in the guided workout.
16. The non-transitory computer-readable medium of claim 13 , wherein the graphical representation of the information associated with the user participating in the guided workout includes interface elements of the segmented timeline that display performance metrics representing the performance of the user at points in time of the guided workout.
17. The non-transitory computer-readable medium of claim 13 , wherein the guided workout includes at least two different workout segment types.
18. A system, comprising:
a memory;
one or more processors; and
one or more computer-executable instructions stored in the memory and executable by the one or more processors to perform a method, the method including:
presenting, via a display of a user device associated with a user, digital content corresponding to a guided workout that includes multiple workout segments;
tracking a location of the user when the user is participating in the guided workout; and
generating a user interface that presents a map via the display of the user device,
wherein the map depicts the tracked location of the user during the guided workout along with visual indicators that represent the multiple workout segments of the guided workout.
19. The system of claim 18 , wherein the user interface further includes a segmented timeline depicting the multiple workout segments of the guided workout that is associated with the visual indicators of the multiple workout segments of the guided workout depicted by the map.
20. The system of claim 18 , wherein the visual indicators of the multiple workout segments of the guided workout include a completion indicator that represents a progress of the user within the multiple workout segments of the guided workout depicted by the map.