bitcoin-core / gui-qml

Bitcoin GUI (experimental QML-based fork)
MIT License
107 stars 40 forks source link

Five dots under block time are confusing #321

Open 0xB10C opened 1 year ago

0xB10C commented 1 year ago

This is more a design issue rather then a technical one. Feel free to close or move if this is not the right place.

I found the five dots under "Blocktime" as pictured below to be confusing. My intuition on a Android phone was to swipe or tap on them to go to other screens / block clock designs. I this always paused my IBD. I think this are two separate problems.

  1. It's not clear that clicking on the blocktime will pause the IBD.
  2. The dots don't really convey that we don't have connections or are opening connections.

image

hebasto commented 1 year ago

cc @GBKS

GBKS commented 1 year ago

Thanks for reporting. Others had this feedback also. We have explored ideas around making individual parts of the block clock interactive, with proper tool tips and all.

Hit zones might be something like in the image below. You wouldn't see these, but this shows the separate areas, each one with a different function.

image

A tool tip exploration for when hovering (or tapping mobile) the peers dots.

image

Some ideas:

Definitely something we need to revisit.

epiccurious commented 1 year ago

Accidentally pausing during IBD isn't intuitive for a new user or for someone familiar with the standard Core IBD process. (Standard Bitcoin Core has no "single click to pause" functionality). I accidentally left the node paused more than once, including overnight and lost time.

Another idea that I prefer over a "pause" hitbox would be:

This would require a more deliberate action that a single tap and reduce frustration from users.

epiccurious commented 1 year ago

Normally, interactive UI elements with horizontal dots are three dots (ellipsis). What is the rationale for using five dots instead of three?

GBKS commented 1 year ago

By three dots, are you referring to option buttons? If so, that's quite a different UI context. Dots can be used in various ways, like for pagination - one dot per page - often used in areas where you can horizontally swipe between content panels. I don't think there's an issue with using 5 dots here. Each represents 20% of the target number of peers we need for a good connection. 5 is a nice number that can convey the right amount of detail and it's easy to visually grasp quickly (for example, it would be harder to count active dots if there were 10).