Should the horizontal mode be made the default content layout?

SYSTEM INFORMATION
OS type and version Ubuntu Linux 22.04.4
Webmin version 2.111
Usermin version 2.010
Virtualmin version 7.20.2
Theme version 21.10
Package updates All installed packages are up to date

Horizontal mode example

image

Feedback

I think the horizontal layout is by far more logical and easier to use. So I thought I would do a couple of polls to see if anyone thought the same.

What Authentic Content Layout do you use?
  • Vertical (the default layout)
  • Horizontal (everything in a single column)
0 voters

Not sure on how to vote as some items are better in vertical and others horizontal, it doesn’t mater what the default is as you can change it to your liking on a per module basis

1 Like

has voting been suspended?

I prefer it remains as it is (leaving the choice up to the user) I’m not a great fan of such changes when the mechanism already is there

I had some issues at the beginning where I could not put 2 polls on for some reason. so i decided to go with, what content layout do you use for now.

I looked with private mode and it is still there, not sure why I am seeing NaN% (javascript for not a number)

It’s obvious you can only add 1 poll per thread as how do you count votes per thread ? However perhaps hit discourse’s git with a suggestion

It’s obvious you can only add 1 poll per thread as how do you count votes per thread ? However perhaps hit discourse’s git with a suggestion

RTFM

If multiple polls are used in a single post (like this one!) each poll will need a unique name or they will not work. When using the poll builder each extra poll will be numbered sequentially, but you can also do this manually by adding name="poll_name" as a parameter:

My sin was not to encapsulate the name in quotes :smile:

So bad ui, tbf I have coded forum software and tbf I never would have added a second poll to a thread your adding so many database queries to display the results or if the database is not built that way you may need to use some form of code to split the results from a single query

still cannot access it.

That was the default for decades. It was changed because pretty strong user experience research indicates labels over the form field is better for users; they can scan the form more rapidly and they fill them out more quickly. We don’t change things in the UI lightly, but sometimes we figure out it was wrong before, so we change it. It was wrong before, it’s better now, in terms of being closer to what research says is optimal.

You may note that all the major tech companies, the ones that can afford to do UX research, put the form label above the form field, almost universally. That’s because they’ve done the research, or at least read the research.

I don’t think either makes a huge difference, of course, and I don’t think we have an ideal UI. But, in this one case, we made a decision based on data and @Ilia put in a lot of effort to make it work and look nice (and also allow you to revert to the old one).

That said, the “everything in a single column” (but with labels over fields) aspect of the horizontal mode is actually what research says is the right thing. I tried to convince Ilia to do that for vertical, but I have failed thus far. He didn’t like how unbalanced it looked…lots of open space on the right.

So, the research says we should have a single column, and the field labels should be directly above the field. We still don’t actually offer the right thing. And, it’s even possible the wrong aspect of Vertical makes it less scannable the the right aspect of Horizontal.

Is what you like about Horizontal that the label is to the left of the field or that there’s only one option per line?

Maybe we can convince Ilia to finally give us what the research says is most usable, I dunno.

1 Like

There is already an option for this, yet not just the default one. At least not yet.

Yes, and this is still the case. It just looks off by all means, and enforces a user to make extra unnecessary scrolling.

For example.

Default two-column layout:

Suggested single-column layout (I had to zoom out to fit the page):


So, I still find this not only very impractical and less appealing but also resulting in a worse user experience. I’m open to research results and genuinely believe that having a label above content is undoubtedly the best way to present data. However, having a single column would imply a completely different page layout, which doesn’t seem to fit our current design well.

1 Like

The double column does not work because a lot of settings are out of context.

A good example is the virtualmin server config settings, and probably a lot of examples in the server template.

Using a single column would also make it easier to add and remove items because you do not have to account

Vertical

on first glance you see features to backup and underneath you see Backup all features is selected so this in this layout implies that the all the settings underneath Virtualmin settings to also backup is included, but they are not.

Horizontal

all makes perfect sense as the individual items are clearly denoted

1 Like

the summary does look worse on single column, I will say that.

Presented without comment:

Google

Microsoft HIG

Perhaps, this new styling could be rolled into the new theme Plume when and if that is developed?

Yeah, that’s a problem with multiple columns, as well.

I can’t make any good arguments for multiple columns. I don’t really buy (and never have really bought) Ilia’s argument that it’s a problem that you have to scroll for a long form.

That may be an argument that we have too many damned options, but many forms at Google and Microsoft require scrolling and they have boatloads more money than we’ll ever see in our lives. They’ve invested millions in usability, the best we can do is copy them. I can’t come up with any reason to go off-roading, but Ilia maintains Authentic, and can be even more stubborn than I am; he wore me down on this one and I gave up.

The Summary is not a form. :man_shrugging:

Yes, that looks excellent. I use Google Cloud, and though most of their design is different, there is never too much space on the right.

However, I don’t understand how changing it to be the default in Virtualmin will be beneficial or improve the UX. It will just make it fit a standard that Google created.

It would be great if it were easily possible the way you say. Google Cloud has a different layout under the hood, built specifically to fit their own standards.

Well, no problem, I can change that. I will most likely hate it, but if you and @Jamie think it’s better for the project, I’ll do it without hesitation.

Yes, for the new theme, it would be much more realistic. However, creating it would require a considerable amount of work.

I think the research says it is more usable. I think every major tech company believes that research, or has reproduced it.

Despite that, let’s wait and see what @Jamie thinks!

If we all agree to enable a single-column layout by default, I’ll need to consider how to utilize the empty space on the right. I could automatically display page-specific help tips and links to the documentation site in a new right-side panel when each page loads, making them filterable and searchable. This would be an improvement since the blank space on the right in single-column mode is annoying.