Page MenuHomePhabricator

Various Design Questions on Project Boards
Closed, ResolvedPublic

Description

Container discussion for Project Boards.

The header would be good but I don't think we need it to get the thing functional. Stuff I'd really have to hack without design is:

  • Gear icon/button element the header ("Edit Column").
  • Maybe we should put a "+ add task" there too? Mocks have it in the footer I think, but I worry that will be inconvenient, maybe? We can start there easily enough, though.
  • What happens when you click a task title? (More of a UX problem.) This might be more UI if the answer is "show the task in a new lightweight sort of dialog that looks like a "sheet"". I may punt on this for a while.
  • How do you move tasks between columns on mobile? This is some UX -- generally, we probably need both "edit" and "context menu" on the right, or maybe the whole thing is "context menu" and the first (or non-first) item is "edit task"? I can just do whatever Trello does pretty much, but this might need a bit of thinking.
  • Alternate column styles to indicate "special" columns, like "backlog", maybe.
  • Are we going to "archive" tasks out of this view like Trello does?
  • Are the empty states sensible?

Event Timeline

chad claimed this task.
chad raised the priority of this task from to Normal.
chad updated the task description. (Show Details)
chad added projects: Maniphest, Workboards.
chad added a subscriber: epriestley.

Oh, perfect! I forgot about those.

I think we've probably answered most of these at this point, but to see if anything needs further discussion:

Gear icon/button element the header ("Edit Column").

  • I believe this is resolved.

Maybe we should put a "+ add task" there too? Mocks have it in the footer I think, but I worry that will be inconvenient, maybe? We can start there easily enough, though.

  • Add Task in that gear menu makes sense to start.

What happens when you click a task title? (More of a UX problem.) This might be more UI if the answer is "show the task in a new lightweight sort of dialog that looks like a "sheet"". I may punt on this for a while.

  • I think the quick path is to keep it as is, the title takes you to a page, and the pencil edits. We can revise later with some sheet view if feedback comes in as such.

How do you move tasks between columns on mobile? This is some UX -- generally, we probably need both "edit" and "context menu" on the right, or maybe the whole thing is "context menu" and the first (or non-first) item is "edit task"? I can just do whatever Trello does pretty much, but this might need a bit of thinking.

  • My thought is on the edit task page in Maniphest, there will be a 'Project Board: <select>' which could move tasks manually, or even unset them from a board. Side question, will every task still only be attached to a sole 'superproject'?

Alternate column styles to indicate "special" columns, like "backlog", maybe.

  • I think you set a dark grey already in a diff, we can see how that works.

Are we going to "archive" tasks out of this view like Trello does?

  • If we have a hidden 'Backlog', I think a hidden 'Archived' makes sense as well. 'Show hidden panels' could be an sticky action item for the entire workboard.

Are the empty states sensible?

  • We can add a 'No tasks. Add task.' call to action perhaps.

TODO:

  • Create a ginormous header/action to replace the property list box. (At least I'd prefer something more custom and large).
  • Task creation should be workflow'd and as few clicks as possible. What I love most about Trello is keeping task generation simple and quick.

Side question, will every task still only be attached to a sole 'superproject'?

Currently, no restrictions on this. A task can be on unlimited projects/boards with no restrictions. My plan is to render something like this, showing each project and the column the task is on if applicable:

  • Design (Assigned)
  • Maniphest (In Development)
  • SomeOtherProject

That should at least get us started.

Create a ginormous header/action to replace the property list box. (At least I'd prefer something more custom and large).

Yeah, this thing is pretty janky right now. It was pretty much just the easiest thing to get going with.

I think we can close this.