Nexus-Mods / Vortex

Vortex Development
GNU General Public License v3.0
909 stars 133 forks source link

Dashboard UX - internal window sizing #536

Closed VortexFeedback closed 4 years ago

VortexFeedback commented 6 years ago

The internal windows contained inside the space can be manipulated in a way that allows visually unappealing (and wasted space) setups, as seen in one of the photos. A suggestion would to have the frames have a uniform sizing to them taking advantage of different resolutions of photos or white space for spacing will work great here. A two item wide grid with limitations on how small an internal window can be to preserve readability. The photo was taken on a 21:9 resolution. I still think this is too wide (look at the fallout 4 game window content at the bottom). Thus I propose maximums and mimums be put in place.

When the content is lined up better, the white space on the side looks fine at this resolution. I would assume wider aspect ratios could allow for more content to go across however I would stay away form because moving our eyes across large distances is tedious and placing the content below would allow for the use of a scroll wheel, reducing the stress on eye muscles. The dashboard don't really have that much content in it anyways to even fill up the space.

External file: tmp-11676XGdya96IT5nA.7z

Reported by: pacfish

TanninOne commented 6 years ago

I'm not really sure what you're proposing, do you want more or less customizability? We can't provide a default size for dashlets so it looks good on a narrow and wide screen but if we allow users more customisability it's of course even more possible to produce an unappealing setup wasting space.

The dashlet will always work with a grid, otherwise it'd be almost impossible to properly align items, but options we could (and actually do) consider is a) allow users to change the number of columns, so on a wide screen you could have 4 columns instead of the current 3 to have it make better use of the available space. b) Allow users to configure the width and height (in columns/rows) of a dashlet.

prosaiccode commented 6 years ago

capture This first image shows the the built in minimum of the best and worst of two different panes (what I'll use to describe these elements to reduce confusion). Content is hidden, difficult to read, and has two scrollbars. It should never reach the point of needing two directional scrolls to reach the content you want. Especially when the active part of the buttons are on the far right of the graphic.. The first area shares functionality with the second. The third area adds more to the second. To put it politely, it's a cluster dump. The orange box in the scroll bar adds further confusion because I think it's to try and expand the scroll window area which I think would just break the entire pane with more scroll bars. In contrast, the four buttons in the setup pane seem well padded and offer a clear indication as to what they are meant to do at all points.

This can be reproduced with the thinner news articles panes present or absent. The content snaps to the far left, can't be resized. Because there is content being hidden by a side scrollbar, this pane shouldn't ever get small enough to allow this or should have a different layout to prevent such a thing from happening.

capture0 This photo shows the same two panes at a 21:9 aspect ratio main window. The padding on the setup pane remained pretty close to the original but now I have all this empty space that feels heavy on the left. Just to reference an outside source, the Steam store front is more uniform in it's element distribution and so is the Nexus website. Steam favors the left side a little at long resolutions but it's for that side menu, which is a feature already in Vortex. The padding with the game however falls short again because the padding for center buttons due to the elements being aligned top and aligned bottom rather than just given a proper spacing/padding.

Limiting how big these panes can grow and shrink would fix this padding issue because you know where things will be. It may not sit well with "more customization options" or "diverse screen sizes" but this is not being viewed on mobile platforms and you have already set minimum requirements for the window even if the news update panes aren't present. "Give them more options by limiting the number of bad options"

VortexFeedback commented 6 years ago

Expected result:

Actual result:

VortexFeedback commented 6 years ago

I set my dashboard to display only 3 panels, but they leave unused space. I can move the panels but not resize them, when what I want is to make my news panel 2 columns wide.

Reported by: Pawsomeness

VortexFeedback commented 6 years ago

I noticed that the dashboar is hard to manage cause when you move one tthing it also tends to move everything else. Perhaps it would be better to move conflicting infoboxs to a dropdown info toolbox. That way you can make the positioning easy to do. Also it gives a place to put infoboxes you don't want to use.

Also the ability to resize infoboxes would be nice, since on my widescreen the sizing looks weird since it takes up masive amounts of horizontal when I would be better off with lots of collums.

Other than that I love how you did the modding ui itself, particularly with conflict resolving.

Reported by: LawfulGray

VortexFeedback commented 5 years ago

I like the idea of the dashboard but the information I want to see is mostly blocked by the small windows. If we could resize then it would feel super custom and useful.

Reported by: RobGB

VortexFeedback commented 5 years ago

I like the idea of the dashboard but the information I want to see is mostly blocked by the small windows. If we could resize then it would feel super custom and useful.

Reported by: RobGB

VortexFeedback commented 5 years ago

Vortex Version: 0.16.15 Memory: 15.95 GB System: win32 x64 (10.0.17134) Basic function of Dashboard "windows" missing. The ability to grab the edge or corner and resize them.

Reported by: MadeUpName92

mgrouse commented 5 years ago

First, thanks sooooo much for a great tool. I only have one issue...

I would love to be able to grab the edge of a Dashboard "game" dashlet and resize it. If not, how about a "maximize width" icon next to the "move" icon and "close" icon? This way, my Skyrim SE window will take up 100% of the width of the Vortex window.

This would help me to be able to see all of the Tools that are in my Skyrim game window rather than having some hidden with the scrolling situation we have now.

capture0

I have no idea how prosaiccode got his Fallout dashlet to be that wide. Where is the setting for that?

VortexFeedback commented 5 years ago

Vortex Version: 0.17.11 Memory: 4.00 GB System: win32 x64 (6.1.7601) It would be nice if the boxes in the dashboard could be resized manually so that I could easily remove a scroll bar without having to make the whole ui larger on my desktop. In the attached files you can see that ui1.jpg shows that my tools box has a scroll bar that doesn't need to be there, the only way to make it go away is to stretch the ui as in ui2.jpg. If I could have made some of the other boxes smaller then I could have made the tools box larger without making the whole program ui larger.

External file: tmp-3704amepVUrV08tW.7z

Reported by: dizietemblesssma

VortexFeedback commented 5 years ago

Vortex Version: 0.18.6 Memory: 23.95 GB System: win32 x64 (10.0.17134) Please consider making the dashboard panels resizeable. In specific, the panel for added tools, when several tools are added, requires scrolling.

Also, the ability to relocate tools in the panel by drag/drop, optionally with a 'sort by name' for users who might want that (I wouldn't use it personally) would be fantastic.

Reported by: Havredave

VortexFeedback commented 5 years ago

Vortex Version: 0.18.9 Memory: 15.95 GB System: win32 x64 (10.0.17134) I would like to change the tile sizes. When I place the window in a vertically rotated screen there is clipping of the main app tile and I cannot easily access apps.

If these tiles could manually size, or even adjust to be full width instead of shared, this would solve the issue.

Thanks

External file: tmp-2868n5aF25pYA9mZ.7z

Reported by: frankiethefist

VortexFeedback commented 4 years ago

Vortex Version: 1.1.3 Memory: 15.94 GB System: win32 x64 (10.0.18362) Allow the panels on the dashboard to be adjustable to fit our personal wants/needs would be extremely nice. So we can increase or decrease the how much we see, especially helpful for the "New Files" and "Latest News" panels. Currently the New Files and Latest News panels are too small and seems we can only move them around.

Reported by: Vortox14

VortexFeedback commented 4 years ago

Vortex Version: 1.1.10 Memory: 63.90 GB System: win32 x64 (10.0.17763) Please let me change the size of the "inner" window, to eliminate the scroll bar for my tools.

Reported by: Poalima

TanninOne commented 4 years ago

this has now been adressed in commit 44a9d33086e4a1bd18c685e47d4a01f40db07f2b which will be in release 1.2.0

mgrouse commented 4 years ago

Thank you very much!

On Mon, Jan 27, 2020 at 3:20 AM TanninOne notifications@github.com wrote:

Closed #536 https://github.com/Nexus-Mods/Vortex/issues/536.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Nexus-Mods/Vortex/issues/536?email_source=notifications&email_token=AAET7QE6SVKILNTEPF5VHQDQ727Q5A5CNFSM4FKXOB32YY3PNVWWK3TUL52HS4DFWZEXG43VMVCXMZLOORHG65DJMZUWGYLUNFXW5KTDN5WW2ZLOORPWSZGOWG2KDCY#event-2981405067, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAET7QAJKZZNFPC4EJ3LHEDQ727Q5ANCNFSM4FKXOB3Q .

-- The Body is a device to calculate the astronomy of the Spirit

-- Rumi