Improve the issues state management UI/UX (OD-1653)

Improve the issues state management UI/UX #1653

narandill opened 3 years ago

Hi Robin,

I wonder if we could a bit improve the user experience for issue state management. It's not a big change in my opinion but I can drastically improve not only the UX but also simplify the UI.

I have few issue states configured in my system with configured colours:

Screenshot 2023-11-21 at 14.20.43.png

I also configured the state transitions for the all issues according to my needs. But when I'm on issue details page:

Screenshot 2023-11-21 at 14.21.06.png

the buttons to manage the issue state are in the same colour - ignoring the configuration
the main change is the proposal to add an Chevron dropdown to Open state which will render dropdown list with all possible state transition options.

Best regards!

Copy

Activities

Robin Shen commented 3 years ago

For few state transitions (which I guess is majority of the cases), current mechanism is convienent, otherwise you will need to operate from a drop down menu, even if there is enough screen estate.

Actions buttons are intentionally not to use state color, to distinguis itself from state badge.

Copy
narandill commented 3 years ago

This is more an issue on the mobiles, where even don't have a vertical padding between buttons. So you are saying that when we have more state transitions the buttons will render as dropdown? Is this a thing?

Copy
Robin Shen commented 3 years ago

Hmm... can be a problem on mobile for many buttons.

Copy
narandill commented 3 years ago

Yes, yesterday I did a test and launched the form for creating a new issue on my fiancée's phone (so she could add bugs in our Smart Home) - the UI was not approved by my other half at all xD

Copy
Robin Shen changed state to 'Closed' 3 years ago
Previous Value Current Value
Open

Closed
Robin Shen commented 3 years ago

For this rare case, proper margin will be added when state transition buttons are wrapped.

Copy
Login to comment

Previous Value	Current Value
Open	Closed

Type	Improvement
Priority	Normal
Assignee	Robin Shen
Labels	No labels

Issue Votes (1)

Watchers (4)

Reference

OD-1653