CI/CD software tool, Texas Instruments

CI/CD software tool,
Texas Instruments

Streamlining TI's CI/CD snapshot experience for faster, clearer developer access to stable releases and nightly fixes

Streamlining TI's CI/CD snapshot experience for faster, clearer developer access to stable releases and nightly fixes

About the project

As part of Texas Instruments' CI/CD initiative, customers have access to snapshot releases for software – which are interim versions offering new features and fixes between major stable releases.

However, due to the complexity of navigation, lack of clear versioning systems and release information were making the experience confusing, frustrating and tedious for TI's customers. I led the UX strategy and design for reimagining the experience, enabling developers to quickly find, assess and download the right version based on their requirements.

Problem

Developers were unable to find the software snapshots they needed as they couldn't assess the stability of available versions. The initial interface lacked clarity between the two types: (a) stable versions and (b) snapshots which are pre-release versions.

Pain points

- Problematic navigation: No distinction between the two types of software.

- Inaccessible information: Critical information such as test results, release notes and new features were buried in deeper pages.

- System inconsistencies: The user flows for software downloads was different for stable releases and snapshots.

Solution

With our redesign of the Software downloads portal, we aimed to make it easy and quick for customers to find the right software.

  1. Streamlined navigation: Introduced a toggle control to switch between Stable and Snapshot versions to help customers stay oriented while they're searching.
    Our user tests revealed that developers preferred a single and consistent frame of reference to compare different versions.

  2. Unified content models: Redesigned the page-headers/ribbons to highlight the information that was most relevant to customers i.e. version number, release date and a test summary.
    We probed developers and discovered that they wanted high level info before diving deeper into test results.

  3. Surfaced test results: The test-results summaries were linked to expandable tables if users wished to dive deeper into each test-result to view log data.
    It enhanced transparency and trust as Developers could not only access technical information up-front but could also access the information archives.

  4. Design parity and coherence: We created similar content models and devised same interaction patterns between stable versions, snapshots and download option cards.
    The idea was to make the experience predictable, reliable and trustworthy; for navigating, reviewing technical data and downloading the needed version.

Outcome and impact

Improved discovery success rate by 90% for finding the needed software.

Support tickets reduced by 73% as projected by TI Customer Support team.

Average time to download reduced to 15s, down from minutes/hours.

During the user tests, the participants found the new experience valuable and found the snapshots more transparent, reliable and trustworthy. It also ensured alignment of TI's CI/CD and Support teams to keep the delivery pipeline organized.

Role

Experience designer & Strategist

Responsibilities

- Authoring requirements
- Component specifications
- Design concept solution
- Design strategy
- Functional requirements
- Information architecture
- Technical specifications

Team

Back-end Developer, TI CI/CD

Creative director, UXD

Front-end developer, UXD

Product owner, TI CI/CD

Other TI CI/CD SMEs

Area

E-commerce, DevOps

Project duration

3 months

Prior experience: Users were lost navigating between the two software versions.

Prior experience: Users were lost navigating between the two software versions.

Post redesign: Similar content models and the same interaction pattern to ensure design parity.

Post redesign: Similar content models and the same interaction pattern to ensure design parity.

Standardized ribbons to facilitate scanning and improve wayfinding

Standardized ribbons to facilitate scanning and improve wayfinding

For stable versions documentation was the priority, whereas for snapshots (right/bottom) test results table was a priority.

For stable versions documentation was the priority, whereas for snapshots (right/bottom) test results table was a priority.

Snapshot test results dialog sample

Snapshot test results dialog sample

New pattern additions to the design system

New pattern additions to the design system

Download options card was also updated to follow a similar content model.

Download options card was also updated to follow a similar content model.

Conclusion and learnings

Conclusion and learnings

Clarity and high-quality of information builds credibility and confidence trust with customers.

Consistent experiences that follow conventional navigation and interaction patterns reduce friction, minimize user frustration and builds trust.

Surfacing information relevant to users can drastically improve adoption, engagement and conversions.

User test insights didn't just help us to make informed design decisions, they also equipped us with warrants to get buy-in from business and technical stakeholders.

Stable release

Snapshot version

Explore further

Newsroom, TI

A lift-and-shift redesign that improved engagement of TI's news stories for tech enthusiasts, engineers and journalists

Premium UX Template for Framer

Newsroom, TI

A lift-and-shift redesign that improved engagement of TI's news stories for tech enthusiasts, engineers and journalists

Premium UX Template for Framer

Newsroom, TI

A lift-and-shift redesign that improved engagement of TI's news stories for tech enthusiasts, engineers and journalists

Premium UX Template for Framer

Experience Studio, Flybits

Unify Flybits’ fragmented customer personalization tools into a scalable, self-serve platform that empowers marketers

Premium UX Template for Framer

Experience Studio, Flybits

Unify Flybits’ fragmented customer personalization tools into a scalable, self-serve platform that empowers marketers

Premium UX Template for Framer

Experience Studio, Flybits

Unify Flybits’ fragmented customer personalization tools into a scalable, self-serve platform that empowers marketers

Premium UX Template for Framer