Product Design

Autoblocks.ai: AI Agent Simulation UX Redesign

Autoblocks.ai:

Human Review Mode &

Experiments & Datasets

Autoblocks.ai:

Human Review Mode & Experiments & Datasets

Making AI testing feel intuitive, visual, and human

Overview

How do you test if an AI voice agent actually feels human?


That question sparked the redesign of the Simulation experience — a system for running hundreds of simulated voice calls to identify weak spots before real-world deployment.

Approach

The existing flow felt technical and detached. I wanted it to feel alive.
Every step of the simulation — from defining personas to running tests — was redesigned around the idea of clarity through playfulness.


The new design follows a natural storytelling arc:

  1. Create a scenario

  2. Add caller personas

  3. Combine data and edge cases

  4. Run simulations and watch them come alive

Role

Product Designer, Motion Designer, QA Reviewer

Scope

UX redesign, QA documentation, and custom Lottie animation for loading states

Timeline

1 week

1. QA and Visual Consistency

Because details make or break the experience.
Before design delivery, I conducted a full QA sweep — marking visual inconsistencies, spacing issues, and color mismatches across all screens. Here are some of the issues I found:

And LOTS of other UI and UX issues!

2. Creating Scenarios

Where testing begins.
Before any simulation starts, users define what they want to test — for example, whether the agent can confirm appointment details correctly.

3. Adding Personas

Because every caller is different.
What if your AI could handle an elderly patient as gracefully as a rushed one? The Personas system made that possible.

I designed these illustrations.

4. Simulation Setup

Bringing it all together.
This view combines personas, data fields, and edge cases into one visual summary.

5. Running Simulations

Watching the AI in action.
Here’s where the magic happens. The dashboard updates live, showing how many tests are running, passed, or failed — all synced with a custom Lottie animation I created in After Effects.

Result

The new Simulation UX turned a technical tool into something anyone could use — fast, friendly, and visually coherent.
Teams could now test voice agents at scale while feeling in control of every detail.

Mursalleen, 2026