News

Gitlab im neuen Design: Ein Blick auf die UI-Änderungen

(Grafik: Gitlab)

Gitlab feilt weiter am Nutzer-Interface der Plattform. Wir werfen einen Blick auf den Designprozess.

Gitlab: Änderungen am Nutzer-Interface sollen für mehr Klarheit sorgen

Gitlab hat das Interface der Code-Verwaltungs-Plattform überarbeitet. In einem Blog-Beitrag hat das Unternehmen jetzt erklärt, warum die Änderungen vorgenommen wurden. Wird ein Nutzer-Interface überarbeitet, besteht immer die Gefahr, dass bestehende Anwender sich nicht damit anfreunden können. Gitlab sah in diesem Fall jedoch Handlungsbedarf, weil das Feedback der Nutzer ergeben hat, dass viele bei der bisherigen Navigation nicht durchgeblickt haben.

Gitlab: Diese zwei Designs hat das Unternehmen per A/B-Test verglichen. (Grafik: Gitlab)

Konkret ging es darum, dass viele Anwender nicht auf Anhieb verstanden haben, welche Navigationselemente global verfügbar sind und welche nur auf bestimmten Seiten angezeigt werden. Auf Basis dieser Erkenntnis baute das Frontend-Team von Gitlab zwei Prototypen. Beide wurden anschließend von Nutzern getestet, wobei sie jeweils dieselben Aufgaben innerhalb der unterschiedlichen Interfaces ausführen mussten.

Anschließend wurde ermittelt, wie gut die Nutzer jeweils nach Beendigung ihrer Aufgaben die unterschiedlichen Navigationselemente verstehen und natürlich, wie schnell sie die Aufgaben je nach Interface erledigt haben. Die Tests waren insofern erfolgreich, als dass Nutzer nach der Erledigung von nur wenigen Aufgaben verstanden haben, welche Navigationselemente global und welche kontextabhängig sind.

Gitlab: So sieht das neue Interface aus. (Screenshot: Gitlab)

Gitlab bringt Farbe ins Spiel

Auf Basis dieser Erkenntnisse hat das Gitlab-Team anschließend das neue Nutzer-Interface gestaltet. Um globale und kontextabhängige Navigationselemente noch besser voneinander abzuheben, wurden Erstere auch farblich hervorgehoben. Bis Version 9.5 von Gitlab sollen aber noch weitere Interface-Verbesserungen vorgenommen werden.

Wer Gitlab 9.4 verwendet, kann das neue Design aber zumindest in der jetzigen Form bereits nutzen. Dafür muss es aber gezielt in den Einstellungen aktiviert werden. Dazu müsst ihr in das Dropdown-Menü eures Benutzerkontos. Dort findet ihr den Eintrag „Turn on new navigation“. Hier findet ihr außerdem die Diskussion und Details zu den weiteren Änderungen.

Ebenfalls interessant: A/B-Testing: Was Designer von Netflix lernen können.

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Schreib den ersten Kommentar!

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.