Usability Issues

[LittleAprilFool]

I am able to run the application locally. Here is a list of issues that I have with the interface:

[LittleAprilFool]

First, it is not clear to me how the code panel works. I started the two queries, but when I opened the code panel, the content doesn't match with my query.

[LittleAprilFool]

Second, about copying a query:

• it is not clear to me that the + icon means copy. consider changing it to copy (e.g., https://fontawesome.com/icons/copy?f=classic&s=solid)
• would be great if we could add tooltips to the icons (e.g., https://getbootstrap.com/docs/5.3/components/tooltips/)

[LittleAprilFool]

It is not clear to me that the text "Variable C" is editable:

[LittleAprilFool]

Recover from variable view to the main view:

• right now I need to select the variable c and select main view.
• maybe we can add a return button

[LittleAprilFool]

When I hover over a query, it looks like "clickable", but nothing happens after clicking.

[angasser]

Second, about copying a query:

• it is not clear to me that the + icon means copy. consider changing it to copy (e.g., https://fontawesome.com/icons/copy?f=classic&s=solid)
• would be great if we could add tooltips to the icons (e.g., https://getbootstrap.com/docs/5.3/components/tooltips/)

Technically, I thought it to be "add another shape to the query" rather than copy, as you also can have 0 shapes if the query isn't actively used. I can try to add tooltips to make it more understandable

[angasser]

First, it is not clear to me how the code panel works. I started the two queries, but when I opened the code panel, the content doesn't match with my query.

Yes, this was the last thing I was workin on before my military service, so it isn't entirely finished yet :)

[angasser]

It is not clear to me that the text "Variable C" is editable:

Would you recommend another "edit" button or make it clearer that it's a textbox?

[angasser]

Recover from variable view to the main view:

• right now I need to select the variable c and select main view.
• maybe we can add a return button

That's a great idea, we can implement this

[angasser]

When I hover over a query, it looks like "clickable", but nothing happens after clicking.

Can you elaborate?

How I envisoned it, when hovering a query in the list it highlights also all of its occurences in the viewport (blue outline). When hovering the shape in the viewport, it also highlights the query in the list.

Would you have an idea to make it better?