CarVac / filmulator-gui

Filmulator --- Simplified raw editing with the power of film
https://filmulator.org
Other
670 stars 32 forks source link

UI – Tooltip #84

Open signalwerk opened 5 years ago

signalwerk commented 5 years ago

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
CarVac commented 5 years ago

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.

signalwerk commented 5 years ago

@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:

That also means no click-elements have no Outline.

Here is my new suggestion for the Tooltip.