Bloop logo and tagline "Developer multi platform code search" above a laptop showing the code search interface

AI Code Search · Developer Tools, B2B · 2022

Bloop

Bloop : AI code search, from six interviews to a shipped extension

ROLE
Senior UX Designer
TEAM
Two founders, engineering team, designer (me)
COMPANY TYPE
Startup, Y Combinator, Developer Tools
YEAR
2022
DELIVERABLES
User research, Product Design, Onboarding
MEDIUM
Desktop app, VS Code extension, Web

TOOLS

  • Figma
  • React
  • Tailwind
  • VS Code extension

At a glance

Problem
Developers used the incumbent code search reluctantly: heavy, expensive, and stuck in a browser tab away from their editor.
What I did
Ran six developer interviews and a teardown of the incumbent, then designed AI-assisted search inside the IDE, and the onboarding.
Outcome
Shipped as a VS Code extension at a Y Combinator startup in 2022, before the category had a name.
120
Early users onboarded to the extension
70%
Adoption, reached through interviews and rapid prototype iterations
−50%
Time to find a reference, against the previous flow

Challenge & context

AI code search at a Y Combinator startup, 2022. I ran the research and designed the product, from six developer interviews to a shipped VS Code extension.

The finding

Developers did not need better search. They needed the code around the result.

What I did

01Search inside the IDE, not somewhere else

Shipped as a VS Code extension, so developers search without leaving their editor.

Shipped: All

Code

Videos

Libraries

CSS Styles

02Killed the web tab

Removed the web tab and voting, and replaced them with framework-scoped code search.

Removed the web search

Scoped to code across repos and paths

03Related code, without leaving the result

A Related Code tab and inline matches, so you never lose the result you have open.

Shipped: related code on the open result

04Authors and history on the line, not in a separate tab Context

Code owners and commit history surfaced on the result itself, with blame and diff toggles.

Shipped: owners and history on the result

05Commits and author profiles, so devs could see who was making the changes

Per-owner commit activity and author profiles, reached straight from a result.

Shipped: commit activity and author profiles

Supporting screens

Repo profiles, commit diffs and shared results with comments and highlights.

Repo profile: branches

Repo profile: files

Repo profile: commits

Commit diff, side by side

Repo profile: contributors

Repo profile, single page (early exploration)

Shared results, with annotations

Commenting on a shared result

Highlighting a shared result

Impact & evidence

120

Early users onboarded to the extension

70%

Adoption, reached through interviews and rapid prototype iterations

−50%

Time to find a reference, against the previous flow

What I learned

  • Nobody described a search problem. They described a comprehension problem: who wrote this, why, where else does it live.
  • Trust the thing the research keeps returning to, even when it is bigger than the feature you were asked to design.

Would do differently

  • The research pointed at understanding and editing code in context. The product stayed on search, and I designed well inside a scope I already doubted.
  • Now I would put the disagreement on the table early, in one page, rather than letting good execution stand in for the harder conversation.