harness.io

AI Canvas

UI framework for ai-native Analytics Workflow

JUL. 2025

overview

overview

overview

When introducing AI into existing enterprise software, one of the biggest challenges lies in bridging the interaction gap between traditional click-based interfaces and emerging conversational UI. Teams often perceive AI interactions as overly verbose or difficult to structure within established workflows.

This UX vision explores how we can transition from AI-embedded or AI-powered systems to truly AI-native experiences—where generative interaction becomes the foundation rather than an add-on. Using the Application Security (AppSec) domain as a case study, this work presents a new UX framework for integrating generative and traditional interaction patterns by redefining the baseline from click-based to conversational. While focused on AppSec, the principles and insights are broadly applicable to other enterprise platforms aiming to design more intuitive, AI-native user experiences.

Converstaional UI VS.
Click-Based UI

Converstaional UI VS.
Click-Based UI

Converstaional UI VS.
Click-Based UI

When designing AI-driven interfaces, especially within enterprise software, teams often focus on enabling conversational interactions inside a chat UI—what we call the AI command center. However, in most existing systems, the actual data and outcomes still live in the traditional click-based interface.

This separation forces users to constantly switch contexts: they issue prompts or commands within the chat, then move to the traditional UI to view or manipulate results. The two interfaces—one sequential and text-based, the other spatial and visual—operate under entirely different cognitive modes, leading to fragmented workflows and loss of continuity.

Through our research, we identified three key usability issues contributing to this disconnect:

Project Vision

Project Vision

Project Vision

After multiple iterations, we've developed a comprehensive design demo showcasing the project's vision upon completion. This demo serves several strategic purposes:

  • Stakeholder Alignment: We'll use it to present our plan to key stakeholders, securing buy-in regarding the product and design direction.

  • Customer Engagement: By sharing the demo with prospects and existing customers, we'll generate early excitement about our strategy and invite their feedback.

  • Development Acceleration: This proactive design approach fosters confidence and speeds up development, allowing us to move forward decisively.