filmulator-gui icon indicating copy to clipboard operation
filmulator-gui copied to clipboard

UI – Tooltip

Open signalwerk opened this issue 5 years ago • 2 comments

Hey @CarVac We just met in LGM and I saw your talk there. One person came in the Q&A up with the info that your Tab is looking the same as your Buttons. I would add that your Tool-Tip also look the same. I think you care a lot about ui-design and probably we can start working on the UI. My suggestion here tries not to make your life hard. So I suggest just a subtle change (for now ;)

Usual differentiation in UI

This is NOT my suggestion! Just to show that usually there is a differentiation in UI if the function is different

Button

Screenshot 2019-06-02 at 13 20 34

Tooltip

Screenshot 2019-06-02 at 13 20 18

Tab

Screenshot 2019-06-02 at 13 19 51

Suggestion

A – Indication-Corner

Change the top-left corner (or the one next to the thing you'd like to explain) to a hard edge not rounded. corner

B – Readability

Remove transparency of the background. The transparency is distracting and makes the text less readable no_transparent

signalwerk avatar Jun 02 '19 11:06 signalwerk

I've removed the transparency in this commit.

I do think that the design is at least somewhat differentiated from buttons already because it's flat instead of shaded to suggest a curve like the buttons, and it's gray while all buttons are black.

I'll leave this open in case I figure out a good way to leave one corner square.

CarVac avatar Jun 02 '19 14:06 CarVac

@CarVac Thanks a lot for your effort. I actually didn't check the doc and I'm not used to qt. But I hope I can still help with UI/UX.

I have a second thought about the button/tooltip with the new constraints.

I suggest:

  • All buttons and elements with click-behaviour have an Outline
  • Active elements have the color orange

That also means no click-elements have no Outline.

Here is my new suggestion for the Tooltip.

signalwerk avatar Jun 03 '19 19:06 signalwerk