[UX Demo] Dummy issue board

We need a dummy issue board for #19793 (closed) which shows a single issue in the backlog that we can drag and drop to the Doing column. Then click through to the issue itself.

Links

• Part of #19793 (closed)
• Clickable prototype

mentioned in issue #19793 (closed)

@markpundsack I created a clickable prototype using Just in Mind. You can access it here.

And to view the possible interactions see this gif:

Let me know your feedback!

That is truly awesome!

Thinking out loud, I wonder if we should embed that clickable demo in an iframe in a demo branch of GitLab.

If the issue card was linked out to the actual issue (hard coded), then I think I'd be able to demo a complete flow.

Added a couple comments to the real Issue Board issue, but they apply here too.

In my script, I'm thinking about creating a To Do and Doing. I swear Trello used to start with To Do, Doing, and Done, but I just checked and they start blank now. Anyway, I'm wondering if we should have a "generate default columns" link on a blank board. I know creating new lists is pretty cool, but for onboarding, I think it would make more sense for us to have good defaults. But maybe not, and it's certainly more complicated, so maybe I'll skip that for the demo. :)

@tauriedavis I'm thinking about this script for the issue board part:

As a team lead or manager, I'd go to the Issue Board. Since this is our first time, we have to add a couple columns here to match our workflow. I'll just add a "To Do" column, and a "Doing" column. There. Now we can just drag the new issue from the backlog into the To Do column to indicate that it should be worked on this sprint.

Now as a developer on the team seeing the issue in the sprint view, I decide to pick it up. I'll drag it to Doing first and then click through [to see the issue].

Do you think you could make the clickable prototype with those columns? I guess I need to come up with a title for issue #1 (closed) too. I have no idea yet what "feature" my hypothetical team is developing.

Yeah, I'll update the prototype to match. Let me know what makes sense for the name of the first ticket when you know!

Got any ideas for the feature? :) I'm tentatively calling the project "Velociraptor" as a play on "velocity", but can't think of what that product might actually do. :)

Looks like we might be able to skip the whole iframe/prototype thing because @iamphill has done a lot of work on the front end already?

(gif shows the remove confirmation when moving an issue to done and I let phil know we aren't doing that anymore)

As for the feature, I'll try and think of something! Nothing clever comes to mind immediately.

It sounds like Phil's branch does not create lists yet so I've updated the prototype to match the script.

You can find the new prototype here. After dragging the issue to "Doing", you can click on the issue to navigate to it. I can change this link when we have the actual issue to link to.

cc @markpundsack

Awesome, thanks!

@tauriedavis How about making issue #1 (closed) "Add a logo" and linking to http://gitlab.apps.origin.gitlap.com/markpundsack/velociraptor/issues/1.

The project in the top-left corner should say markpundsack / Velociraptor.

@annabeldunstone Can you create a branch for GitLab CE which adds the Boards sub-menu, and links to this prototype?

@markpundsack @annabeldunstone Prototypes been updated to match: https://www.justinmind.com/usernote/tests/20932568/20938547/20951683/index.html

@markpundsack Branch is called UX-DEMO-issue-board(https://gitlab.com/gitlab-org/gitlab-ce/commit/cdf9ec6b435a652d57ce111f0a8c508c7dbc2fe8)

Awesome, thanks!

Status changed to closed