GitLab Create UX, 28 Sep 2020

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: 13 3 Create UX team updates Static Site Editor solution validation publishing flow

Description

Issues:

https://gitlab.com/gitlab-org/gitlab/-/issues/230599/
https://gitlab.com/gitlab-org/gitlab/-/issues/229962/
https://gitlab.com/gitlab-org/gitlab/-/issues/232900

A

Hi, my name is matt, anders I'm a senior product designer for the create knowledge team, and I'm going to be talking about some of the issues I'm working on in milestone 13.3.

A

So the first issue is improving the overall experience of uploading designs into get lab issues. We wanted to take a step back and just look at sort of the holistic experience of as of right now how people are able to upload designs and how well we're educating them about the different ways.

A

So, right now we have basically three options to upload designs. You can drag and drop or browse, which is pretty standard. You can use our sketch or figma plugin or you can copy and paste files from the clipboard and in the current ui. We don't really educate people about these latter two options.

A

We only show them the drop zone for dragging and dropping files. So what we want to do is we have a an issue open to make the the design management toolbar more consistent with other toolbars in gitlab, particularly, we have this linked issues, toolbar that sits right next to design management. We're looking at taking some of the functionality of this linked issues, toolbar and using it in design management. So, for example, clicking the plus button would show a drop zone and that drop zone would be big enough to advertise the different ways.

A

People can upload designs previously. If you wanted to copy and paste, for example, you had to be hovering on the design app, but we didn't have an obvious way to show that functionality.

A

But now we have a space for you to paste files into it's a little bit more deliberate and discoverable one other functionality that we want to introduce is to drag and drop into a specific location.

A

So currently, when you drag and drop to upload, your design is inserted at the end of the collection.

A

That's not made obvious anywhere, so the first solution would be to make that obvious when you're dragging and dropping so we can actually show a visual indicator and give you some hint text using this real estate that we've gained with the drop zone and then also being able to drop into a specific position.

A

So if your designs are representing a flow, you want to drop a screen into a certain point and you don't want to have to go, find that screen and clean it up later and so just general improvements to uploading, as well as the design management toolbar itself being a little more consistent with other widgets and saving some real estate by not having a persistent drop zone being able to toggle that on and off and then the other issue is I've heard a lot of feedback that our versioning system on designs isn't super understandable right now we version on the batch instead of on individual designs.

A

So if you edit design a it, creates an entirely new version with designs, a b and c the entire collection, so we want to do is version on the individual designs and then give you a way to filter designs to show the archived designs.

A

That's a little bit more standard with other design platforms, so that should make that should make the versioning a lot easier to understand and all this is in very rough state right now. These are all uh very rough wireframes. So feedback is very much welcome on this as we work through it.