--- layout: handbook-page-toc title: "UX Resources" --- ## On this page {:.no_toc .hidden-md .hidden-lg} - TOC {:toc .hidden-md .hidden-lg} # UX Resources ## Workflows * [UX Department](/handbook/engineering/ux/ux-department-workflow/) * [Product Designer workflows](/handbook/engineering/ux/ux-designer/) * [UX Researcher workflows](/handbook/engineering/ux/ux-research/) ## Design ### GitLab Design project The GitLab design project is primarily used by the Product Design team to host design files and hand them off for implementation. It includes our open source Sketch pattern library, prototypes, and work-in-progress files. For details, please visit the project [README](https://gitlab.com/gitlab-org/gitlab-design/blob/master/README.md). * [View the project](https://gitlab.com/gitlab-org/gitlab-design/) * [View specs and prototypes](https://gitlab-org.gitlab.io/gitlab-design/) ### Pajamas Design System The GitLab Design System, [Pajamas][pajamas], was developed to increase iteration speed and bring consistency to the UI through reusable and robust components. This system helps keep the application [DRY](http://programmer.97things.oreilly.com/wiki/index.php/Don't_Repeat_Yourself) and allows designers to focus their efforts on solving user needs, rather than recreating elements and reinventing solutions. It also empowers Product, Engineering, and the Community to use these defined patterns when proposing solutions. It is currently a work in progress. * [Visit design.gitlab.com][pajamas] * [View the project](https://gitlab.com/gitlab-org/gitlab-services/design.gitlab.com) ### SVGs Our SVG repository manages all GitLab SVG assets by creating an SVG sprite out of icons and optimizing SVG-based illustrations. * [SVG Previewer](http://gitlab-org.gitlab.io/gitlab-svgs/) * [View the project](https://gitlab.com/gitlab-org/gitlab-svgs) ### Jobs to Be Done We use the Jobs To Be Done Framework. Whether it's your first time with JTBD or you just need a refresher, these resources should help! * [What is Jobs to Be Done (JTBD)?](https://jtbd.info/2-what-is-jobs-to-be-done-jtbd-796b82081cca) is a great place to start. This article has information about the framework and where it comes from. * [Understanding the Job](https://www.youtube.com/watch?v=sfGtw2C95Ms) is a short video to help you understand what a Customer Job is. There is also an [article](https://hbswk.hbs.edu/item/clay-christensens-milkshake-marketing). * Confused about JTBD vs user stories? [Read this](https://jtbd.info/replacing-the-user-story-with-the-job-story-af7cdee10c27). * [Handy flow diagram](https://miro.medium.com/max/2700/1*LjmjJo_w-H8OnKbv88bDDA.png) for figuring out if something is really a Customer Job. ### Frontend Coming soon. ### Prototypes Coming soon. ### Tools **Mural** We use [Mural](https://mural.co/) for collecting design feedback, mapping workflows, brainstorming, affinity mapping, and anything else where we need a visual, whiteboard-like workspace. Everyone in the UX department and all Product Managers can get a Mural account with the ability to create new Murals. If you want to share your Mural to get feedback from members of your team who do not have a Mural account, you can send an anonymous link via the Share dialog. ## Research ### UX Research project The UX Research project contains all research undertaken by GitLab's UX researchers and is only used for the organization and tracking of UX research issues. * [View the project](https://gitlab.com/gitlab-org/ux-research) ### System usability score Once each quarter, we run a [System Usability Scale (SUS)](https://www.usability.gov/how-to-and-tools/methods/system-usability-scale.html) survey to measure user perception of the GitLab product. We send the survey to members of the wider GitLab community, with the goal of asking for a response from any individual no more than twice per year. * [SUS results by quarter](https://about.gitlab.com/handbook/engineering/ux/performance-indicators/#perception-of-system-usability) ### GitLab First Look At GitLab, we want everyone to be able to contribute. To that end we created First Look where we accept applicants to participate in various studies and testing. * [Visit GitLab First Look](/community/gitlab-first-look/index.html) ## User personas User personas represent the people who actually use GitLab. The UX and Marketing teams use personas to inform decisions around the user experience and design. * [View our user personas](/handbook/marketing/product-marketing/roles-personas/index.html#user-personas) ## UX design archive The UX design archive is a collection of key design issues broken down by specific areas of GitLab. It is not a comprehensive list. It is intended to shed insight into key UX design decisions. * [Visit the UX design archive](/handbook/engineering/ux/design-archive/) ## From the GitLab team Not only do our team members create great work for the wider GitLab community, but they also create some amazing industry-related resources to push our craft forward. * [Building Design Systems: Unify User Experiences through a Shared Design Language](https://www.amazon.com/Building-Design-Systems-Experiences-Language/dp/148424513X), by Taurie Davis and Sarrah Vesselov * [Craft Awesome Web Typography](https://betterwebtype.com/web-typography-book/), by Matej Latin [pajamas]: https://design.gitlab.com/