← All work

Case study · MSc thesis

Human–Quantum Computer Interaction

Redesigning IBM Quantum Composer to make quantum computing approachable for beginners — without limiting advanced users.

RoleUX research, UI/UX & interaction design
Duration2 months
TeamSolo project
ToolsFigma
Basic Mode: the redesigned circuit builder with named gates, simplified operations and live probability feedback
Problem

IBM Quantum Composer tried to serve novices and experts with one interface — and neither group felt supported. Beginners were overwhelmed before they could start learning; experts were slowed down.

Solution

A dual-mode experience: a guided Basic Mode using progressive disclosure and in-context learning, an Advanced Mode with deeper control, and a community circuit catalogue connecting the two.

Impact

In NASA TLX testing, novices' mental demand dropped from 85 to 50 and frustration from 80 to 35, while performance satisfaction rose from 45 to 75 — with experts improving too.

Before / After — drag the handle

Before: IBM Quantum Composer as it opens by default — the full gate palette, OpenQASM code panel, probability chart and Q-sphere all presented at once
After: Basic Mode — essential named operations, plain-language labels and live probability feedback
◀ After — Basic ModeBefore — the interface novices faced ▶
01

The problem

Quantum computing platforms handle highly complex systems, but their interfaces are still difficult for new users to approach confidently. IBM Quantum Composer offered a visual way to build circuits, yet even simple tasks demanded high mental effort from beginners — while experienced users wanted more flexibility and control without slowing down. The challenge: balance simplicity for beginners with efficiency for experts, without oversimplifying the platform itself.

Cognitive overload

New users were immediately exposed to unfamiliar concepts, technical terminology and complex workflows, making the interface intimidating from the start.

Lack of guidance

Users struggled to understand how to begin building circuits, relying heavily on external tutorials to complete basic tasks.

Technical error feedback

Error messages were difficult for beginners to interpret — especially users without a programming background.

One interface for everyone

The same interface attempted to serve both novice and advanced users, but neither group felt fully supported.

02

Research & key insights

I ran heuristic evaluations, usability testing and think-aloud interviews with both beginner and experienced users. Quantum computing is a niche field, so the goal wasn't large amounts of data — it was understanding the behaviours, frustrations and mental models users brought to the interface.

01

Beginners felt overwhelmed before they could start learning

Novices struggled with unfamiliar terminology and overall complexity — even simple tasks required constant reference to external resources. Users often understood how to follow steps, but not why they were performing them.

02

Users wanted guidance built directly into the interface

Participants responded positively to contextual explanations and simplified workflows, preferring to learn by experimenting inside the platform rather than switching between external videos and documentation.

03

Advanced users valued flexibility over simplification

Experienced users knew the concepts but found the workflow inefficient. They wanted faster circuit inspection, more customisation, and clearer system feedback on complex tasks.

04

Error feedback created unnecessary frustration

Error messages were too technical and lacked actionable guidance, making troubleshooting difficult and raising frustration during even basic tasks.

"Beginners and experts were approaching the same interface with completely different mental models. That became the foundation of the redesign."

03

Design decisions

The redesign focused on reducing cognitive overload for beginners while giving experienced users the flexibility they needed. The goal was never to simplify quantum computing itself — it was to make learning it feel approachable instead of intimidating.

Decision 01

Separating beginner and advanced workflows

Testing showed one interface was trying to serve users with completely different levels of experience. The new onboarding introduces two paths — Basic Mode for beginners and Advanced Mode for experts — letting novices learn in a guided environment while experts get direct access to the tools they expect.

This reduced cognitive overload without limiting functionality.

Low fidelity sketch of the Basic and Advanced mode choice
Low-fi sketch
Final onboarding: Basic Mode and Advanced Mode choice with the Are you a coder toggle
Final onboarding
Decision 02

Progressive disclosure to reduce overwhelm

Instead of exposing every quantum gate upfront, Basic Mode initially shows only essential operations and reveals advanced functionality as users grow comfortable — helping them grasp core concepts before complex workflows.

The idea was inspired by how games introduce mechanics gradually rather than teaching everything at once.

Low fidelity sketch of Basic Mode showing only essential named operations
Low-fi: essentials only
Final Basic Mode with named gates and live probabilities
Final Basic Mode
Decision 03

Contextual learning inside the interface

Users leaned heavily on external tutorials. To break that dependency, explanations moved into the interface itself — hover states, tooltips, guided onboarding, and simplified gate descriptions — so users learn concepts while actively building circuits.

Hover tooltip explaining the CNOT gate in plain language: a light switch that only turns on if another switch is already on
Decision 04

A community-driven catalogue

Users responded strongly to learning through existing examples. The redesigned catalogue creates an exploration-driven learning path:

  • Premade circuits
  • Guided algorithm breakdowns
  • Community uploads
  • Saved circuits

Before / After — drag the handle

Before: IBM's original Catalog — a static list of courses and tutorials
After: the redesigned community circuit catalogue with premade circuits, likes, copy and details
◀ After — community circuitsBefore — courses only ▶
Decision 05

More flexibility for advanced users

While beginners needed simplification, experts wanted speed and control. Editable Qiskit/OpenQASM integration, advanced measurement controls and customisable workflows support technical users — without disrupting the beginner experience.

Advanced Mode: full gate set, OpenQASM code panel, probabilities and Q-sphere visualisation
04

Outcomes

I validated the redesign with the same novice and expert users using NASA TLX, comparing workload scores against the original interface.

85 → 50Mental demand, novices

Experienced users improved from 70 to 55

80 → 35Frustration, novices

Experienced users dropped from 75 to 35

45 → 75Performance satisfaction, novices

Experienced users rose from 60 to 85

NovicesAppreciated the guided learning — onboarding and progressive disclosure made first circuits feel achievable rather than intimidating.
ExpertsValued the flexibility and customisation, and both groups praised the catalogue as a way to learn and collaborate.
05

Reflection

The biggest lesson: when one interface serves two audiences, the answer usually isn't a compromise in the middle — it's designing deliberately for each mental model and building bridges between them.

If I continued this work, I'd adapt the interface for mobile and tablet, explore integration with other quantum frameworks beyond Qiskit, and test AI-driven personalisation that adjusts how quickly advanced features are revealed to each learner.