search

ValerioLyndon / MyAnimeList-Tools

A modified version of MyAnimeList Tools by BurntJello.
5 stars 0 forks source link

Improve the UI flow and separate out parts of the program from each other. #13

Closed ValerioLyndon closed 1 year ago

ValerioLyndon commented 1 year ago

Right now I think it's too confusing what parts of the program relate to CSS, Tags, or Notes. Personally, it feels rather off-putting, and I would expect it to be especially so for those that only want to use one of those features. What solution to take, I don't know, but I do think it needs a more clear separation what parts of the program do what and make it obvious what you are about to do when you click Start.

Some possible ideas can be posted in the replies.

ValerioLyndon commented 1 year ago

One idea would be to separate each feature into its own section in the UI. For instance you could have a "What do you want to do" page with CSS/Tags/Notes and check off each one you want. It could then expand each section on the one page or open a second window for each one's settings.

The main problem with this idea is I don't really like the idea of menus inside menus but I also don't like the idea of a UI that is split into 3 different sections all on the same page (as it would have a lot of clutter no one is using).

The popup menus are probably the better option though.

ValerioLyndon commented 1 year ago

Another option is to have everything laid out from the start, perhaps in 3 horizontally stacked columns. You could add a horizontal scroll to allow for this. It would make everything on the left easy to find and see and give lots of room for options, but would probably be overwhelming for new users. Also anything on the right of the scroll would be annoying to scroll to constantly.

ValerioLyndon commented 1 year ago

Continuing the split UI / component comment, here is a Figma mockup.

Opening screen. Gives control over starting/stopping the program, enabling components, and easy access to settings. Preview Frame

ValerioLyndon commented 1 year ago

Progress has been made in the form of real code and a beta version is available in the form of 8b322ecdb92fe2e35b98eb86f44613fbbd24e3b1 on the split-components fork. I have asked for feedback on MyAnimeList, but may as well mention here too that feedback would be welcome, specifically:

example