Server: Check box suggestion

Created on 23 May 2018  路  16Comments  路  Source: nextcloud/server

Currently the size of the checkbox in the web UI is 10 px by 10 px my suggestion is to make it 20 px by 20 px. I can open a PR if this is accepted. I find the current check box style too small.

3. to review design papercut

Most helpful comment

Instead of 10x10px - try 15x15px ...

Just in case we we go for this, 14x14 px would be the best to match the icons we have in the files list.

image

I'd be fine for making them a bit bigger in the files list, in in other parts of Nextcloud, checkboxes are clearly related to the label text they refer to and therefore should have the same height as the text. So I would not change the size of other checkboxes besides the ones in the file list.

All 16 comments

cc @nextcloud/designers

Hey! Could you provide some screenshot so we can give our opinion? :)

@skjnldsv will do later today.

Sorry for the delay: https://imgur.com/a/wriaBl6

I still need to fix the checkmark itself.

I'm not entirely convinced :)
I see your point, but the design feels inadequate :/

Maybe increase the size, but not that much? @nextcloud/designers

Instead of 10x10px - try 15x15px ...

@skjnldsv why don't you like it double?

@MariusBluem I will try that in the morning and will post screenshots.

Feels too big and out of the design scheme we're using :)

Instead of 10x10px - try 15x15px ...

Just in case we we go for this, 14x14 px would be the best to match the icons we have in the files list.

image

I'd be fine for making them a bit bigger in the files list, in in other parts of Nextcloud, checkboxes are clearly related to the label text they refer to and therefore should have the same height as the text. So I would not change the size of other checkboxes besides the ones in the file list.

I guess my taste in design may be just weird :P

Checkboxes are mostly next to text, in the settings etc. That's why the size is according to the text size.

Any size increase, even the one to 14px, makes it look off and imbalanced compared to the text.

@jancborchardt don't know, dropbox has bigger checkboxes than font and it looks fine, imo.

What about increasing the text size as well?

Here is an example of where the checkboxes also show up next to text (user management settings bottom left):

In Material Design for example it鈥檚 similar, the checkboxes are basically the height of an uppercase character. Bigger would be strange and unbalanced.

About increasing text size: That would have to go hand in hand with editing the interface sizes, as otherwise it will just look like we crammed larger text in the same UI. And it鈥檚 definitely a bigger task. And we have to research well and decide which size/unit is common or what we should use.

@jancborchardt i just have a feeling that the current size feels a bit outdated, for a lack of better term. So maybe playing around with this would be a suggestion for version 14?

Sure. :) Playing around is good, just make sure it's balanced with the font size (and keep the two separate), and works everywhere there's checkboxes, not only in the file list.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

wjwieland picture wjwieland  路  87Comments

ariselseng picture ariselseng  路  107Comments

mightyBroccoli picture mightyBroccoli  路  92Comments

mara21 picture mara21  路  124Comments

hartundweich picture hartundweich  路  71Comments