microbit-foundation / python-editor-v3

Micro:bit Educational Foundation Python Editor V3
https://python.microbit.org
MIT License
57 stars 37 forks source link

Guidance/Tooltip for Flash #212

Closed microbit-mark closed 2 years ago

microbit-mark commented 3 years ago

The experience using the flash button without a micro:bit connected in Chrome is a bit confusing.

For example, some of the buttons have tooltips to describe what they do, but clicking on the ... menu offers a 'Flash' option, which when clicked opens the webUSB pairing dialogue. Without a device connected you can only cancel this dialogue or look at the Google help for the pop-up which is not very friendly.

https://user-images.githubusercontent.com/31242877/127137222-9012d263-c309-4784-bc2d-6584f8e88822.mp4

Could 'Flash' also have a tooltip, or could we introduce some help guidance either in a modal as in the current editor or in the sidebar to guide people as to what the button does and when it can be used.

Another option might be to hide 'Flash' unless a device is detected on webUSB, as it doesn't seem to serve a purpose until you have connected and disconnected the micro:bit once.

microbit-matt-hillsdon commented 3 years ago

We should discuss. The behaviour is as per connect then flash so we could have a tooltip to match or hide it as you say. I think folks were against a dialog flow like the one MakeCode initiates when connecting but that also might be worth revisiting.

At the moment we don't show any kind of dialog when the user cancels the WebUSB dialog. V2 shows:

image

I find that too much like an error message for a scenario where cancelling is legitimate option.

microbit-robert commented 2 years ago

Connect help dialogs were added via #702 and have been updated/improved by subsequent PRs. Closing.