When Designers code - UX Paper Cuts at GitLab

DrupalCon Barcelona 2024 @saschaeggi When designers code UX Paper Cuts at GitLab Sascha Eggenberger Staff Product Designer at GitLab

DrupalCon Barcelona 2024 @saschaeggi Sascha Eggenberger Staff Product Designer at GitLab Best known as the creator of the Gin Admin Theme in the Drupal world.

DrupalCon Barcelona 2024 But before we start we need to first answer a specific question! @saschaeggi

DrupalCon Barcelona 2024 Should designers actually code? @saschaeggi

DrupalCon Barcelona 2024 Hell yeah! @saschaeggi

DrupalCon Barcelona 2024 Hell yeah! It depends. @saschaeggi

DrupalCon Barcelona 2024 We can’t expect designers to learn how to code @saschaeggi

DrupalCon Barcelona 2024 https://bradfrost.com/blog/post/should-designers-code/ @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi That doesn’t mean designers should code

DrupalCon Barcelona 2024 But we can expect them to understand the basics @saschaeggi

DrupalCon Barcelona 2024 Do all designers at GitLab code? @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi No! But we encourage designers to do so

DrupalCon Barcelona 2024 GitLab UX Paper Cuts team What is a Paper Cut? Lessions learned How to adapt Q&A / AMA @saschaeggi

DrupalCon Barcelona 2024 GitLab 🡐 UX Paper Cuts team What is a Paper Cut? Lessions learned How to adapt Q&A / AMA @saschaeggi

DrupalCon Barcelona 2024 We’re an all-remote company @saschaeggi

DrupalCon Barcelona 2024 We have 1500 team members across 60 countries @saschaeggi

DrupalCon Barcelona 2024 Ability to work from anywhere @saschaeggi

DrupalCon Barcelona 2024 We do asynchronous communication @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi Collaborative, employee written handbook handbook.gitlab.com

DrupalCon Barcelona 2024 GitLab is an open-core product @saschaeggi

DrupalCon Barcelona 2024 We do monthly releases @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi Fully transparent what we’re working on

DrupalCon Barcelona 2024 GitLab’s mission is Everyone can contribute https://handbook.gitlab.com/handbook/company/mission/#mission @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi GitLab UX Paper Cuts team 🡐 What is a Paper Cut? Lessions learned How to adapt this Q&A / AMA

DrupalCon Barcelona 2024 @saschaeggi

DrupalCon Barcelona 2024 UX Paper Cuts is an extension of the Design Systems team @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi We look at high-traffic areas of the product and try to improve it

DrupalCon Barcelona 2024 @saschaeggi We usually start with a Merge Request https://handbook.gitlab.com/handbook/communication/#start-with-a-merge-request

DrupalCon Barcelona 2024 We work mostly in code @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi Our work can be shortterm and destined to be overwritten

DrupalCon Barcelona 2024 We collaborate with a lot of other teams @saschaeggi

DrupalCon Barcelona 2024 We temporarily own features when we don’t have a designer available @saschaeggi

DrupalCon Barcelona 2024 Each milestone has a theme @saschaeggi

DrupalCon Barcelona 2024 We also have long term initiatives @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi We have a meta issue where people can post issues and ideas

DrupalCon Barcelona 2024 @saschaeggi We plan 3 milestones in advance

DrupalCon Barcelona 2024 Open issues, Research and customer feedback @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi We also monitor Slack channels like the #is-this-known channel

DrupalCon Barcelona 2024 @saschaeggi GitLab UX Paper Cuts team What is a Paper Cut? 🡐 Lessions learned How to adapt this Q&A / AMA

vimeo.com/189919038

DrupalCon Barcelona 2024 We all know how painful a tiny cut on your fingertip can be @saschaeggi

DrupalCon Barcelona 2024 Painful enough to always remind you but not worth a doctor’s visit @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi A «UX Paper Cut» is a minor problem that can frustrate users

DrupalCon Barcelona 2024 These problems can reduce the overall satisfaction of the product @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi The goal is to improve user satisfaction

DrupalCon Barcelona 2024 Cosmetic issues & frustrating patterns @saschaeggi

DrupalCon Barcelona 2024 Improvements to boost convenience & ease of use @saschaeggi

DrupalCon Barcelona 2024 Readability & Accessibility issues @saschaeggi

DrupalCon Barcelona 2024 Broken features @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/155319 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/156025 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/164339 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/163197 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/163612 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/163612 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/132462 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/133501 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/163739 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/153949 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/114083 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/88908 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/121245 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/166295 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/163591 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/163591 @saschaeggi

DrupalCon Barcelona 2024 Bigger initiatives @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/160374 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/162045 @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi

DrupalCon Barcelona 2024 https://gitlab.com/gitlab-org/gitlab/-/merge_requests/154922 @saschaeggi

DrupalCon Barcelona 2024 Since the start in 2023 we merged more than 1400 MRs @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi Want to see more? papercuts.gitlab.com

DrupalCon Barcelona 2024 GitLab UX Paper Cuts team What is a Paper Cut? Lessions learned 🡐 How to adapt Q&A / AMA @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi It was wild west in the early days

DrupalCon Barcelona 2024 Setting a theme per milestone gives guideance @saschaeggi

DrupalCon Barcelona 2024 Over)Communication is key @saschaeggi

DrupalCon Barcelona 2024 Raise awareness of changes @saschaeggi

DrupalCon Barcelona 2024 Plan in advance @saschaeggi

DrupalCon Barcelona 2024 GitLab UX Paper Cuts team What is a Paper Cut? Lessions learned How to adapt 🡐 Q&A / AMA @saschaeggi

DrupalCon Barcelona 2024 Plan a one week «Bug Smash» sprint @saschaeggi

DrupalCon Barcelona 2024 Pair up designers with engineers @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi Day 1 Use your product and find bugs

DrupalCon Barcelona 2024 Day 2 5 Create MRs to fix them @saschaeggi

DrupalCon Barcelona 2024 Repeat that every quarter @saschaeggi

DrupalCon Barcelona 2024 @saschaeggi Thank you Sascha Eggenberger Staff Product Designer at GitLab

DrupalCon Barcelona 2024 @saschaeggi When designers code UX Paper Cuts at GitLab Sascha Eggenberger Staff Product Designer at GitLab