Skip to content

User profile: Add job title (frontend)

Problem to solve

Via https://gitlab.com/gitlab-org/gitlab-ce/issues/50157 we explored that a user's job title is interesting information that is currently not visible within GitLab.

gitlab-ce#51246 looks at how we can add this information to the user profile.

Proposal

Let's add a user's job title to the user profile.

  • Hide Role field in user profile settings from end user (the entered value doesn't even display on their public profile anyway right now)
  • Show information in profile page header if set
    • Job title should be integrated in the Company field in settings and display

Solution

Let's redistribute the information in the header a bit:

1st line: Full name
2nd line: username, joined info
3rd line: location and job title at organization info
4th line: social + website

Here's what it looks like on desktop:

With bio Without bio
image image

The margins between the 2nd and 3rd line (as defined above) should be 8px, the margin between the 1st and the 2nd, 3rd and 4th should be 16px.

There won't be enough space to fit the location and job title + org into a single line so it's best we put each in their own lines:

image

We also need to add a 'Job title' input field to the profile settings page.

image

We also need to update how we display the job title information in the extended user tooltips. We can combine it with the 'Organization' information and say 'UX designer at GitLab, so { job title } at { organization }`. We can use the briefcase icon for both. If we don't have the job title information we only show the organization and if we don't have the organization we only show the job title. So these are the possible combinations:

  • { job title } at { organization }
  • { job title }
  • { organization }

image

What does success look like, and how can we measure that?

When completed, other users can see a users role on the user's profile page if defined

Edited by Luca Kisielius