Vscode: Bring back beetle to Debug icon

Created on 22 Nov 2019  ·  12Comments  ·  Source: microsoft/vscode

image

I tried to show new icon to other devs (~10) but only one guessed what does it mean.
Other suggestions were: Tests, Indent, Go to Line.
Personally I was confused when I tried to click on Debug with a glance, but had to click on unfamiliar icon to be sure that this is debug.

I doubt that beetle is harder to associate with bug and debug.
Could you please clarify why there was wrong with "beetle ison" and led to a decision to replace Debug icon?
It was refreshed with last round of icon updates and looks obvious (even if not behind crossed circle) but new one is less obvious.

/cc @misolori

debug icons-product

Most helpful comment

@misolori I just reverted the new icon, since we decided to go back to the drawing board I think it is better to rever earlier than later.
We can discuss maybe next ux meeting

All 12 comments

Thanks for the feedback. We're trying to help address the issue with users who either don't associate "run" with "debug" or don't know what a debugger is. We get a lot of this feedback from students and Python users, so this is one of the ways that we're experimenting with addressing that. We're also listening to our current users and the community, so thanks for this feedback!

I second @IllusionMH opinion. Nobody in my IT department said debug. Most were wondering if it was ident.

Where in the source is the associate new take on the icon, I have a thought, but would like to take a stab graphically. Is the svg in here?

Bring back The Beatles! We need more good bands.
🐞

I'm forced to agree with complaints surrounding the new icon. My reasoning is based on the fact this new icon does not convey code or debugging in any visual context. It more closely resembles a playlist queue icon found in most media player interfaces. Look at the attached examples, showing Spotify's queue icon, with VScode's new debug icon below for comparison.

Screen Shot 2019-11-26 at 9 28 12 AM

Screen Shot 2019-11-26 at 9 28 31 AM

Very good point.

@misolori I just reverted the new icon, since we decided to go back to the drawing board I think it is better to rever earlier than later.
We can discuss maybe next ux meeting

While y’all are at the drawing board, here’sa thought:

The new icon might work if the > was simply replaced with the beetle highlighting the indented line instead.

Will be really small and hard to recognize bug there and even harder to recognize intent to "Run" there.

Beetle with ▷ in it instead × might be another option.
Please rung this bug (bugged code) slow for me :)

Sorry in advance for bumping closed issue.

I like new icon image

Thanks again for been open to feedback!

_If you add a bit of imagination you can see a beetle with a big pegleg which can symbolize the fact that you might not observe bug after a fix, but root cause is still there and you only forced it to retreat for a time._

You are doing god's work. Thanks for saving the bugs!

Just so everyone knows, we'll be going with this icon that overlays the run/play button above the bug:

image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

DovydasNavickas picture DovydasNavickas  ·  3Comments

biij5698 picture biij5698  ·  3Comments

chrisdias picture chrisdias  ·  3Comments

trstringer picture trstringer  ·  3Comments

lukehoban picture lukehoban  ·  3Comments