filmulator-gui
filmulator-gui copied to clipboard
UI – Tooltip
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
Tooltip
Tab
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.
B – Readability
Remove transparency of the background. The transparency is distracting and makes the text less readable
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 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.