UX issues

It would be awesome if you worked on the UX issues people complain about:

1. Markdown colors is quite bad.
2. Markdown styling is also quite bad.
3. Don't use a SUPER big max width. Reading with a large width is hard.
4. Why isn't the first page the repository page instead of Project?

These are just some of my issues with Gitlab.

I completely agree with you!

I myself find things hard or unpleasant to use and understand in GitLab, what a shame given the great product that it is...

Related to #25642 (closed).

mentioned in issue #25642 (closed)

@tinganho Thanks for your feedback. Please could you edit this issue so that it conforms with our contributing guidelines. The issue should really reflect an actionable feature proposal or bug report.

It would be great if you could provide screenshots of the specific parts of the application that are causing you the most trouble. The more descriptive the issue, the more you are helping someone to help you.

Thanks!

added ~19492 ~65372 labels

Markdown colors is quite bad.

Markdown styling is also quite bad.

Can you provide some more feedback about markdown? For colors are you referencing Syntax highlighting? If so, please see https://gitlab.com/gitlab-org/gitlab-ce/issues/19617 and feel free to add suggestions!

Don't use a SUPER big max width. Reading with a large width is hard.

We just merged a change to the max-width for issues and MRs in order to improve line length and readability. It should be released with 8.15! https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/7858

Why isn't the first page the repository page instead of Project?

See our issue on making the first page of a project into a smart dashboard and feel free to contribute your thoughts https://gitlab.com/gitlab-org/gitlab-ce/issues/22551

Thanks for the feedback!

We just merged a change to the max-width for issues and MRs in order to improve line length and readability. It should be released with 8.15! !7858 (merged)

It seems much better.

Can you provide some more feedback about markdown? For colors are you referencing Syntax highlighting? If so, please see #19617 (moved) and feel free to add suggestions!

Syntax highlighting only seem to highlight with bold and red on TypeScript. Though, I can see more colors on other programming languages lik C++. I don't really like the chosen colors mainly, because they look like part of the text and not an embed. It would be also good with some kind of background on all embeds to separate it from the regular text.

I would suggest:

• use black on only identifiers.
• keywords use a different,
• types use a different color,
• literal a different color.

In overall, more contrast to separate different text elements.

My other complain is the readability. Though, I think my main issue is that all UI elements is very lefty and have a very HUGE max-width, like you where optimizing for a mobile screen size. The max-width issue is not only on markdown but in almost everything in Gitlab. And about the lefty issue. Take a look at this comment list:

It begins 16px from my screen on MBP 13" ! I Usually read text a little bit more centered.

Would also be good to increase the contrast between citations and regular text:

So in summary more contrast on text and less width. I hope that could help.

Just for reference:

• Medium uses a font-size of 21px and a line-height 33.18px and a line width of 700px.
• Gitlab uses a font-size of 15px and a line-height 21.42px and a line width of very BIG.

closed

Thanks @tinganho for the details! I believe we have open issues for all these feedback points.

• We are discussing our text colors and their contrast here: https://gitlab.com/gitlab-org/gitlab-ce/issues/25701
• Line length issues can be found here: https://gitlab.com/gitlab-org/gitlab-ce/issues/13680
  • First step to this was issues and MRs which was merged here: https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/7858
• I've copied your comments about syntax highlighting to our issue here: https://gitlab.com/gitlab-org/gitlab-ce/issues/19617

Let me know if I've missed any concerns. I think the lefty problem that you mention will be addressed by reducing the container width which also reduces the max line length as well.