As a Roblox developer, I currently face an unsatisfactory user experience when using the drawer (also known as a sidebar) in the Talent Hub.
I noticed that Talent Hub uses material-ui. From what I can tell, the Talent Hub seems to use some variation of what Material UI describes as a “Persistent Drawer”. The properties of this drawer are that:
- It has more strict requirements for closing, the user must explicitly click the toggle.
- This drawer forces other content to adapt and change the size.
I think that the Talent Hub would benefit if instead of this type of drawer, something more like the “Temporary Drawer” is used. Currently, it doesn’t make sense to me why you would push the content when there is clearly a large horizontal margin on both sides.
Additionally, I don’t think that pushing the content to the side, in this case, results in a pleasant user experience. Pushing the content to the side makes more sense for navigation, but when the contents of the drawer are very relevant to the current page content while considering that the current page content is a simple list layout, the “pushing content to the side” property of this drawer seems to just result in too much movement and what feels like a bulky user experience. Also, it is worth mentioning that when the page content adapts to the drawer, it is not just pushed to the side, but is also pushed down.
(this is a small UI suggestion)