Design exploration · AI workflow platform

Designing for
two users at once

The user who just wants to start

Discipline UI/UX Design
Platform Desktop & Mobile
Focus Interaction Design
Scroll

The company and product remain unnamed for confidentiality. Screens, interactions, and design decisions have been adapted to protect sensitive details while preserving the real design challenges and outcomes.

About this work

UI/UX Design Desktop & Mobile Interaction Design

AI products often require knowledge new users don't have — especially around advanced configuration.

The goal wasn't to hide complexity. It was to help people start successfully before they needed to understand settings, customization, or control.

My Role

I worked across navigation, onboarding, and interaction patterns on desktop and mobile.

How do you make an AI product approachable without limiting what it can eventually become?

User Flows Wireframing Prototyping Design Systems Developer Collaboration AI-Assisted Implementation
01 — The entry point

Two users.
One door.

The first challenge wasn't advanced setup — it was helping users see where to enter the product.

Two audiences needed different things: guided starts versus full control from the outset. Equal emphasis on both paths created hesitation instead of clarity.

The interface had to signal the difference before users committed to a path.

Navigation showing two primary action buttons

Two primary actions at the top — before anything else.

The decision

Each primary action became a destination, not a feature. Clear position and hierarchy communicate intent before users need to understand the product's structure.

02 — The new conversation page

Don't make them
decide before they're ready.

New conversation page with optional customization controls

"Ask anything" — no decisions required.

Many AI products ask for important decisions before users have context to make them.

Advanced settings matter later — at the start, they often create hesitation rather than confidence.

Progressive disclosure let users start with a prompt while keeping configuration available when it became useful.

The decision

Personalization stays visible but optional — available before it's needed, without competing with the primary task.

03 — Mobile

Same product.
Different spatial logic.

Desktop lets users compare multiple AI responses side by side. Mobile removes that spatial advantage, but the task stays the same.

The question wasn't what to remove — it was how to preserve comparison and navigation in a much smaller space.

The interaction model was adapted to the device rather than copying the desktop layout.

Mobile conversation with tab navigation between AI responses

A tab bar gives the user the freedom to select which response they want to review.

The decision

Consistency doesn't require identical layouts — the goal was to preserve the workflow, not mirror every element. Mobile needed its own spatial solution for the same user goal.

04 — One extra click

Some friction
is the right answer.

Less effort isn't always a better experience.

As conversations grew — more responses, more configuration, more at stake — accidental actions carried a higher cost.

The question was where speed should win and where certainty mattered more.

Remove confirmation dialog — This action cannot be undone

A confirmation step before an irreversible action. One extra click that protects permanent decisions.

The decision

For irreversible actions, confirmation creates confidence rather than interruption — one extra step that protects users from consequences they may not understand until it's too late.

Safety isn't friction.
It's confidence.

It was about helping people succeed before they understood every option — by removing unnecessary decisions and introducing complexity only when it became useful.

Continue reading