Miłosz Herman

Lenses SQL Studio / Developer experience / Product design

Know the context.
Understand the result.

Designing a SQL workspace that connects environment selection, query execution and record inspection — so technical users can keep track of what they are doing.

Developer toolsInteraction designCode-based prototyping
Explore the design decisions
From a query to an inspectable record. The workspace keeps the query, execution context and returned records together. Screens show design concepts with sample content.
Product
SQL workspace for Kafka data
Users
Developers and
Kafka administrators
Focus
Context, results and
execution feedback
Approach
Interactive prototyping in Cursor
Concept feedback sessions

Keep the task connected
from start to finish.

The design brief focused on the uncertainty that can arise when users move between environments, topics, queries and technically dense records.

CONTEXT

Where will this run?

Make the selected environment available at the point of execution and maintain orientation across tabs and panels.

INSPECTION

What did it return?

Support scanning records and opening their key, value and metadata without leaving the workspace.

FEEDBACK

What happened?

Expose execution statistics and problematic records so users can recognise when further investigation is needed.

A focused design scope

This case study covers the SQL Studio editor, result views and execution feedback. Kafka-to-Kafka replication is a separate workflow and is not used as research evidence for the editor.

STEP 01

Select context

Find the environment and relevant topic.

STEP 02

Write & run

Prepare the query and check where it will execute.

STEP 03

Inspect records

Scan the results and open the relevant details.

STEP 04

Review execution

Check the feedback and decide what to investigate next.

A workspace built
around orientation.

Four connected decisions define the concept: visible execution context, inspectable records, parallel work and a separate diagnostic view.

01
Execution context

Keep the environment
beside the action.

The environment selector sits immediately next to Run. The open menu combines search, a structured list and an option to hide disconnected environments, while the topic browser remains available on the left.

Choose the execution environment. The selector places context close to the action that depends on it.
The design balance: A visible selector helps users check context; its effectiveness depends on clear behaviour when switching tabs, environments or active panels.
02
Result inspection

Open the detail.
Keep your place.

The results view presents record metadata alongside expandable key and value content. A detailed record and compact records can coexist, providing different levels of inspection within the same panel.

Metadata stays visiblePartition, offset and timestamp are positioned above each record.
Detail opens in placeExpanded content remains within the results workspace.
Views have distinct purposesResults and execution details answer different questions.
See the record inspection screen
The design balance: The expanded view gives a record room, but reduces how many results fit on screen. A compact alternative is important for scanning larger result sets.
03
Parallel work

Two queries.
Two visible contexts.

The split workspace places an editor and result panel on each side. Each editor has its own environment selector, making parallel work an explicit part of the layout.

Work with two queries side by side. The design shows parallel inspection. It does not show automatic difference detection.
The design balance: The split view preserves two working areas at the cost of horizontal space. Meaningful tab names and a clear active-panel state become more important as the workspace gets denser.
04
Execution feedback

Look beyond
the returned records.

Execution details separate result content from statistics such as records fetched, scanned, skipped and flagged as bad. Progress and limit information provide another layer of feedback about the operation.

Inspect execution details. A distinct view surfaces processing statistics and a count of problematic records.
The design balance: A count can flag a problem without explaining it. A further iteration should connect the summary to affected records and an actionable explanation, where the underlying system supports it.

Explore the behaviour,
not only the screen.

I used Cursor to build an interactive prototype and explore how the workspace could support everyday developer tasks. Working in code allowed me to experiment with different approaches before committing to detailed interface designs.

Explore

Connect the parts.

The exploration focused on environment selection, query editing and result inspection, including single-editor and split-workspace concepts.

Discuss

Make interactions tangible.

The prototype provided a shared reference for discussing concepts with developers and administrators, including how users maintain orientation between tasks.

Evaluate

Ask behavioural questions.

Which context belongs to each editor? How much space do results need? What information should stay visible when another panel opens?

Give the query room. The results panel can be collapsed, leaving more space for writing and inspecting the query.

The prototype supported design exploration. The interface screens do not establish a production integration or measured improvements in query performance.

Investigate how people
actually query data.

The research objective is to understand how developers and administrators select sources, execute queries, inspect records and investigate unexpected results.

This is a proposed SQL Studio discovery guide for a further research round. It is not a record of completed interviews, and the participant count from the separate replication research is not attributed to this project.

Start with a real task.

Ask participants to walk through a recent investigation. Focus on what they did, how they checked the context and where they needed more information.

Separate evidence from ideas.

Capture observed difficulties, workarounds and consequences. Use recurring patterns to form design hypotheses rather than treating a feature request as the underlying need.

Read the 20-question interview guide

Opening: please walk me through a recent task in which you queried or inspected Kafka data, without exposing sensitive information.

Context and everyday work

  1. What were you trying to achieve in a recent task, and what triggered it?
  2. Walk me through the steps you took, from starting the investigation to deciding you were finished.
  3. Which tools did you use? What caused you to move between them?

Environments and data sources

  1. How did you identify the environment and topic you needed?
  2. How did you confirm that you were working in the intended environment?
  3. Tell me about a time when the environment or connection state was unclear. What happened, and how did you resolve it?
  4. What information do you need about a topic or its schema before writing a query?

Writing and executing queries

  1. How do you usually start a query: from scratch, from an existing example or from previous work?
  2. What do you check before running it?
  3. While a query is running, what do you look for to understand whether it is behaving as expected?
  4. What makes you stop, change or rerun a query?

Results and investigation

  1. How do you decide whether the returned records answer your question?
  2. Which parts of a record do you inspect first? When do you need the key, value or metadata?
  3. Tell me about a recent unexpected result or problematic record. How did you investigate it?
  4. What information was missing, difficult to find or difficult to interpret?

Parallel work and continuity

  1. When do you need more than one query or result set available at the same time?
  2. How do you currently keep track of which results belong to which query and environment?
  3. What do you save or retain so that you or a colleague can continue the work later?

Priorities

  1. Which part of the task required the most effort or repeated work?
  2. If one part of this workflow became easier, which would have the greatest effect on your work, and why?

Follow-up prompts

Can you show a specific example? What happened before and after? How did you know what to do next? How often does this happen, and what is the consequence when it goes wrong?

Test the connections
between actions and outcomes.

Evaluate whether the interface helps users recognise context, inspect records and interpret feedback while moving through a realistic task.

Developers and administrators were invited to sessions for feedback on the design concepts. A specific finding, design change and retest are not documented in the available material. The tasks below describe a proposed next evaluation.

TASK 01

Recognise the execution context

Task. Open two queries in different environments. Identify where each will run, then execute the intended one.

Observe. Correct identification of the environment and panel, checks before Run, hesitation and unintended switching.

Possible refinement. If context is lost, make the environment label more explicit and keep it visually connected to the query and results.

TASK 02

Find and inspect a record

Task. Find a relevant topic, run a query and inspect a record’s key, value and metadata.

Observe. Movement between the browser, editor and results; which details are expanded; and whether participants retain their place.

Possible refinement. If large records make scanning difficult, refine the balance between compact summaries and expanded content.

TASK 03

Understand execution feedback

Task. Inspect an execution that reports problematic records. Explain what completed, what remains uncertain and what is needed next.

Observe. Whether participants distinguish results from diagnostics and can identify a useful next step.

Possible refinement. If the bad-record count gives insufficient guidance, connect it to explanations and affected records, where technically available.

TASK 04

Work across two panels

Task. Keep a reference query open while adjusting a second query, then identify which results belong to each execution.

Observe. Recognition of the active panel, preservation of the reference state and attribution of results to a query and environment.

Possible refinement. If the split view creates ambiguity, strengthen panel identification and introduce meaningful query names.

Clarity is knowing
what belongs together.

The work demonstrates interface exploration and prototype-led evaluation of a technical workspace. The intended outcomes were clearer execution context, more readable records and more useful execution feedback.

Work presented

Interaction concepts and an interactive prototyping approach, with developers and administrators involved in concept feedback. The screens illustrate a direction for the editor experience.

Outcomes to establish

Production status and measured improvements in speed or error rates are not established in the available material. Further evaluation would focus on task completion, context-selection errors, feedback interpretation and assistance required.

What I would refine next

Use meaningful query names and a coherent sample dataset. Clarify the active panel and connection state. Improve compact result scanning and narrow-panel layouts. Connect diagnostic counts to explanations, then test whether users can choose the right next action.

Let’s make complex
products easier to use.

Get in touch
Explore another projectSiteSelection — a reason to trust the recommendation.