Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI – Tooltip #84

Open
signalwerk opened this issue Jun 2, 2019 · 2 comments
Open

UI – Tooltip #84

signalwerk opened this issue Jun 2, 2019 · 2 comments

Comments

@signalwerk
Copy link

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
Copy link
Owner

CarVac commented Jun 2, 2019

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
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants