After an evaluation, GNOME has moved from Bugzilla to GitLab. Learn more about GitLab.
No new issues can be reported in GNOME Bugzilla anymore.
To report an issue in a GNOME project, go to GNOME GitLab.
Do not go to GNOME Gitlab for: Bluefish, Doxygen, GnuCash, GStreamer, java-gnome, LDTP, NetworkManager, Tomboy.
Bug 778458 - User accounts design review
User accounts design review
Status: RESOLVED FIXED
Product: gnome-control-center
Classification: Core
Component: User Accounts
git master
Other Linux
: Normal normal
: ---
Assigned To: Control-Center Maintainers
Control-Center Maintainers
Depends on:
Blocks:
 
 
Reported: 2017-02-10 16:28 UTC by Allan Day
Modified: 2017-05-03 08:36 UTC
See Also:
GNOME target: ---
GNOME version: ---


Attachments
user-accounts: Drop the user photo selector arrow (4.07 KB, patch)
2017-02-12 13:53 UTC, Felipe Borges
committed Details | Review
user-accounts: Remove button label to "Remove User" (1.17 KB, patch)
2017-02-12 13:53 UTC, Felipe Borges
none Details | Review
user-accounts: Save vertical space in the alignment of widgets (2.48 KB, patch)
2017-02-12 13:53 UTC, Felipe Borges
committed Details | Review
user-account: Use a stack in user-icon to keep the same size (3.76 KB, patch)
2017-02-12 13:53 UTC, Felipe Borges
committed Details | Review
user-accounts: Re-label "Remove Account" button to "Remove User" (1.19 KB, patch)
2017-02-12 13:55 UTC, Felipe Borges
committed Details | Review
patch (1.18 KB, patch)
2017-02-13 12:23 UTC, Allan Day
committed Details | Review
patch - give the user image a raised appearance (1.28 KB, patch)
2017-02-13 12:25 UTC, Allan Day
committed Details | Review
user-accounts: Make user icon bigger (2.68 KB, patch)
2017-02-13 13:01 UTC, Ondrej Holy
committed Details | Review
user-accounts: Handle pixel-size changes (1.44 KB, patch)
2017-02-14 08:17 UTC, Ondrej Holy
committed Details | Review
user-accounts: Simplify scale-factor handling (1.49 KB, patch)
2017-02-14 08:17 UTC, Ondrej Holy
committed Details | Review

Description Allan Day 2017-02-10 16:28:17 UTC
Some miscellaneous issues I spotted when reviewing the updated user accounts panel:

 • Sometimes, when there are two accounts, switching between accounts causes the controls to move up/down and left/right - https://dl.dropboxusercontent.com/u/5031519/settings/Screencast%20from%2010-02-17%2015%3A39%3A53.webm
 • The button for changing the profile picture has a little arrow in the corner, which doesn't look great. It would probably be better to drop the arrow and give the button a raised appearance. This will be more noticeable too.
 • We say "Add User" but "Remove Account" - the latter should probably be "Remove User" to match.
Comment 1 Felipe Borges 2017-02-12 13:53:34 UTC
Created attachment 345569 [details] [review]
user-accounts: Drop the user photo selector arrow
Comment 2 Felipe Borges 2017-02-12 13:53:41 UTC
Created attachment 345570 [details] [review]
user-accounts: Remove button label to "Remove User"

"Remove User" matches better to "Add User" than "Remove Account".
Comment 3 Felipe Borges 2017-02-12 13:53:47 UTC
Created attachment 345571 [details] [review]
user-accounts: Save vertical space in the alignment of widgets

Compensate border-width changes with respective margins.
Comment 4 Felipe Borges 2017-02-12 13:53:54 UTC
Created attachment 345572 [details] [review]
user-account: Use a stack in user-icon to keep the same size

This fixes the undesired jumps (resizes) while switching between
"Your Account" and any other account.
Comment 5 Felipe Borges 2017-02-12 13:55:14 UTC
Created attachment 345573 [details] [review]
user-accounts: Re-label "Remove Account" button to "Remove User"

"Remove User" matches better to "Add User" than "Remove Account".
Comment 6 Ondrej Holy 2017-02-13 08:55:23 UTC
Review of attachment 345569 [details] [review]:

Looks good to me!
Comment 7 Ondrej Holy 2017-02-13 08:55:36 UTC
Review of attachment 345571 [details] [review]:

::: panels/user-accounts/data/user-accounts-dialog.ui
@@ +436,3 @@
                 <property name="valign">GTK_ALIGN_END</property>
+                <property name="margin_bottom">20</property>
+                <property name="margin_end">20</property>

I think we should use margin top here also, because the button is too close to the other options if font-scale is bigger than 1 (so the height_request is not enough).
Comment 8 Ondrej Holy 2017-02-13 08:55:38 UTC
Review of attachment 345572 [details] [review]:

Looks good to me!
Comment 9 Ondrej Holy 2017-02-13 08:55:41 UTC
Review of attachment 345573 [details] [review]:

Looks good to me!
Comment 10 Ondrej Holy 2017-02-13 08:56:30 UTC
Review of attachment 345572 [details] [review]:

Just please change "user-account:" to "user-accounts:" before pushing...
Comment 11 Felipe Borges 2017-02-13 10:57:13 UTC
Attachment 345569 [details] pushed as ffb2aaa - user-accounts: Drop the user photo selector arrow
Attachment 345572 [details] pushed as 92e99f6 - user-account: Use a stack in user-icon to keep the same size
Attachment 345573 [details] pushed as c1f56c3 - user-accounts: Re-label "Remove Account" button to "Remove User"
Comment 12 Felipe Borges 2017-02-13 11:09:52 UTC
Attachment 345571 [details] pushed as da997dc - user-accounts: Save vertical space in the alignment of widgets
Comment 13 Allan Day 2017-02-13 12:23:59 UTC
Created attachment 345612 [details] [review]
patch

Simple spacing patch
Comment 14 Allan Day 2017-02-13 12:25:00 UTC
Created attachment 345613 [details] [review]
patch - give the user image a raised appearance

It would also be nice to make the button image bigger - say 96px - but I couldn't figure out how to do that without also increasing the size of the image in the carousel.
Comment 15 Felipe Borges 2017-02-13 12:33:01 UTC
Review of attachment 345612 [details] [review]:

cool.
Comment 16 Felipe Borges 2017-02-13 12:33:36 UTC
Review of attachment 345613 [details] [review]:

alright. designer and hacker :D
Comment 17 Ondrej Holy 2017-02-13 13:01:27 UTC
Created attachment 345615 [details] [review]
user-accounts: Make user icon bigger

User icon should be bigger as per mockup.
Comment 18 Felipe Borges 2017-02-13 13:04:39 UTC
Review of attachment 345615 [details] [review]:

thanks!
Comment 19 Ondrej Holy 2017-02-13 13:09:46 UTC
Attachment 345615 [details] pushed as 8e6fccc - user-accounts: Make user icon bigger
Comment 20 Ondrej Holy 2017-02-14 08:17:43 UTC
Created attachment 345701 [details] [review]
user-accounts: Handle pixel-size changes

Commit 8e6fccc introduced pixel-size handling for user icon, however,
the icon is not resized on each pixel-size change as it should. This
is not problem currently, but might be problem in the future...
Comment 21 Ondrej Holy 2017-02-14 08:17:50 UTC
Created attachment 345702 [details] [review]
user-accounts: Simplify scale-factor handling

Remove redundant on_scale_factor_changed function and call render_image
function directly.
Comment 22 Felipe Borges 2017-05-03 08:34:58 UTC
Review of attachment 345701 [details] [review]:

sure.
Comment 23 Felipe Borges 2017-05-03 08:35:24 UTC
Review of attachment 345702 [details] [review]:

lgtm
Comment 24 Felipe Borges 2017-05-03 08:36:23 UTC
Attachment 345701 [details] pushed as c09e8f5 - user-accounts: Handle pixel-size changes
Attachment 345702 [details] pushed as 466264e - user-accounts: Simplify scale-factor handling