BlogsGitLabUI Navigation and Layout Redesign

UI Navigation and Layout Redesign

UI Navigation and Layout Redesign

1
posts
2015

GitLab has undergone significant UI navigation and layout redesigns to improve usability and screen real estate. Early efforts focused on addressing specific navigation issues like limited space, stacked navigation levels, and the placement of navigation elements. Subsequent redesigns have aimed to create a more intuitive and efficient user experience, incorporating community feedback and evolving the visual presentation of the platform.

2015

Pragmatic Redesign for GitLab

1/16/2015

This post details a pragmatic redesign of GitLab's UI, specifically targeting navigation issues such as limited space, stacked navigation levels, and the placement of navigation elements. It outlines the problem-solving approach, the prototyping process using web inspector, community feedback gathering via Twitter and a staging server, and the successful implementation of changes like moving navigation to the side, improving vertical screen real estate, and better icon utilization. The redesign was released with GitLab 7.7.