Version switcher / version history pattern

[jess-watson]

Context

Hi team! We're implementing versioning in Segment Journeys. One of the patterns I'm exploring as a part of this is a way to easily switch between versions and view all of the versions associated with a journey. I'd love your feedback on the options I'm exploring—here's the figma file.

Reasons a user may view and switch between versions:

• View the status of each version
• Access historical version metrics to compare performance across versions and measure the success of a campaign over time
• Understand the rationale and impact of prior journey changes for auditing and tracking purposes
• Archive a paused version to reduce costs
• Restore a previous version to revert changes

Explorations

• Option 1: A menu badge that allows users to easily switch between versions.
• Option 2: A version history button that opens a side panel with a timeline view. With this option, I've placed buttons as the header. I'm struggling to indicate when a version in the timeline is currently selected.
• Alternatives: I also have a few other options that explore a hybrid approach of 1&2, and some more comprehensive menu options that could go with number 1.

I also have one other wild card option, which is to have a "parent journey" page with a table that shows all versions in that journey.

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• List view data grid questions (updated: 03/21/2025, similarity score: 88%)
• Selection state in tables (updated: 06/14/2023, similarity score: 87%)
• Journeys Canvas UX (updated: 03/13/2023, similarity score: 86%)

[roxanagomez]

Added feedback in the Figma file. In summary:

• Leaning toward a hybrid approach that combines options 1 and 2, giving users quick access to actions while still allowing them to explore more if needed.

Using Timeline for navigating flow versions

• To make it clearer which version is the current one, consider adding an icon and including the word “Current” in the version title for reinforcement.
• Timeline titles themselves aren’t interactive, but you can include a text link or a button like “View version” within the timeline content so users can access previous versions.

Regarding Vertical Tabs for navigation

The Paste team will review the accessibility implications of having focusable or interactive elements nested inside the Tab and will follow up.