[breeze-icons] Revamp system.svgz
ClosedPublic

Authored by rooty on Feb 14 2019, 8:28 PM.

Details

Summary

This patch adds new icons for the action buttons modified/added in D18893, and gives the suspend hibernate and switch user icons a makeover.

Test Plan

Other..:


List Users:

Diff Detail

Repository
R242 Plasma Framework (Library)
Branch
user-prompt-list-icons (branched from master)
Lint
No Linters Available
Unit
No Unit Test Coverage
Build Status
Buildable 8497
Build 8515: arc lint + arc unit
There are a very large number of changes, so older changes are hidden. Show Older Changes
rooty added a comment.Feb 14 2019, 8:48 PM

Improve List Users 22 px version

rooty edited the test plan for this revision. (Show Details)Feb 14 2019, 8:48 PM
rooty added a comment.Feb 14 2019, 8:53 PM

+1 on that "List Users" icon! Very nice.

For the "Type User" icon, I wonder how much we really need that background circle. Especially if we wind up improving the suspend icon to have a moon and stars or some other kind of sleepytime iconography, then it would be nice to have icons without circles on both sides, so it's kinda symmetrical.

Oh you don't want the suspend icon to have a circle? Oh well that changes things :D
The I beam thing without the circle is kinda weird to me, but it actually looks fine with the circle around it.
What about putting a circle around the crescent/stars that are going to make up the new suspend icon?

Would an icon like this work?

Just trying to get to a good final icon for typing your user.

rooty updated this revision to Diff 51718.Feb 14 2019, 9:38 PM

Fix glitch

rooty added a comment.Feb 14 2019, 9:39 PM

Would an icon like this work?

Just trying to get to a good final icon for typing your user.

hey i like that, kai made fun of my version, but using both dots and an i beam could work

Would an icon like this work?

Just trying to get to a good final icon for typing your user.

hey i like that, kai made fun of my version, but using both dots and an i beam could work

Give it a shot. As for Kai, Kai is Kai... hehe.

The only problem here that is that the label says "Type User" but the icon depicts a password field. Maybe the icon could depict both a username field and a password field, one on top of the other. Then I bet it would be tall enough that we wouldn't feel the need to put it inside a circle.

The only problem here that is that the label says "Type User" but the icon depicts a password field. Maybe the icon could depict both a username field and a password field, one on top of the other. Then I bet it would be tall enough that we wouldn't feel the need to put it inside a circle.

Is the objective that the user sees the icon first and then understands what is to be done? If that's the case, the idea of image correctness would be relevant. If however, you want to only convey an idea of typing, then I would say this is enough. Which of the two assumptions is the one we are going for?

rooty added a comment.Feb 14 2019, 9:57 PM

P.s. are you sure about the I beam and the dots inside a password field?
It might turn out small to make out / appreciate

rooty added a comment.Feb 14 2019, 9:59 PM

The only problem here that is that the label says "Type User" but the icon depicts a password field. Maybe the icon could depict both a username field and a password field, one on top of the other. Then I bet it would be tall enough that we wouldn't feel the need to put it inside a circle.

We actually tried that already and it turned out kinda boxy

Btw I don't think it has to be an accurate depiction seeing as we've got the label under it, so we've got more wiggle room that way

rooty retitled this revision from [breeze-icons] WIP, Add "Type User" and "List Users" icons to [breeze-icons] Revamp system.svgz.Feb 14 2019, 10:09 PM
rooty edited the summary of this revision. (Show Details)Feb 15 2019, 2:27 AM
rooty edited the test plan for this revision. (Show Details)
rooty updated this revision to Diff 51727.Feb 15 2019, 2:28 AM

Add suspend moon/crescent and hibernate snowflake (thanks Noah!)

What's the air conditioning do? suspend to disk?

+1 on the moon for suspend

ndavis added a subscriber: ndavis.Feb 15 2019, 9:38 AM

What's the air conditioning do? suspend to disk?

+1 on the moon for suspend

Yes. The previous symbol was a sun-like symbol (22px old version left of 32px new version): https://irc-attachments.kde.org/N8WwzDwg/file_13313.jpg

ngraham requested changes to this revision.Feb 15 2019, 2:50 PM

+1 on the List Users icon. Perfect.

For the Type User icon, I'm not sure it needs to be in a circle. With the new moon-style suspend icon on the left side, it might be better to have a non-round icon on the right side to balance it out.

I like the moon iconography in general. However I'm not as big a fan of the stars. They feel too regular, and the whole effect makes me think of the symbol for Islam:

Likewise, I don't think the new Hibernate symbol works on its own. Alone, it's just a snowflake, which to me means "snow" or "cooling" or "winter weather".

I think both of these symbols would benefit from having three Zs in the top-right corner like we discussed earlier. That would tie them both together conceptually as well as reinforce the concept that they're both modes of sleep.

Something like this (warning: crude icon butchery incoming):

This revision now requires changes to proceed.Feb 15 2019, 2:50 PM
rooty added a comment.Feb 15 2019, 3:58 PM

+1 on the List Users icon. Perfect.

For the Type User icon, I'm not sure it needs to be in a circle. With the new moon-style suspend icon on the left side, it might be better to have a non-round icon on the right side to balance it out.

I like the moon iconography in general. However I'm not as big a fan of the stars. They feel too regular, and the whole effect makes me think of the symbol for Islam:

Likewise, I don't think the new Hibernate symbol works on its own. Alone, it's just a snowflake, which to me means "snow" or "cooling" or "winter weather".

I think both of these symbols would benefit from having three Zs in the top-right corner like we discussed earlier. That would tie them both together conceptually as well as reinforce the concept that they're both modes of sleep.

Something like this (warning: crude icon butchery incoming):

But you're okay with the snowflake?

Yeah in and of itself, the snowflake is good. I think it just needs something added to it so it doesn't look like it turns on the air conditioning as Kai alluded to. :)

rooty edited the test plan for this revision. (Show Details)Feb 15 2019, 7:53 PM
rooty edited the test plan for this revision. (Show Details)
rooty updated this revision to Diff 51793.Feb 15 2019, 7:55 PM

Use Zs instead of stars

rooty updated this revision to Diff 51821.Feb 16 2019, 12:15 AM

Fix suspend icon height

rooty edited the test plan for this revision. (Show Details)Feb 16 2019, 12:18 AM
rooty updated this revision to Diff 51909.Feb 17 2019, 4:54 PM

Add new switch user icons

rooty added a comment.Feb 17 2019, 6:03 PM
This comment was removed by rooty.
rooty edited the test plan for this revision. (Show Details)Feb 17 2019, 7:41 PM
rooty edited the test plan for this revision. (Show Details)
rooty updated this revision to Diff 51920.Feb 17 2019, 7:43 PM

Replace "Other..." icon with newer version

rooty edited the summary of this revision. (Show Details)Feb 17 2019, 7:44 PM

I like it!

I think the "Type User" Icon would look better if the bars acting as placeholder text were a bit less regular in width and would not be shorter than they are tall (which is the case for the rightmost rectangle).
Also, can the usernames in the type user field contain spaces? If not, it might not be fitting to use multiple split rectangles to represent the username, as these gaps represent spaces.

rooty added a comment.Feb 17 2019, 8:55 PM

I like it!

I think the "Type User" Icon would look better if the bars acting as placeholder text were a bit less regular in width and would not be shorter than they are tall (which is the case for the rightmost rectangle).
Also, can the usernames in the type user field contain spaces? If not, it might not be fitting to use multiple split rectangles to represent the username, as these gaps represent spaces.

You're right about the spaces, I'll remove them
But what do you mean by less regular in width?

As they are now it's long, short, long (exact same length as rectangle number 1), shorter than height (which looks bad imo). There are no medium lengths and the same length is used twice. I would suggest giving every bar a different length.

If you're going to remove the spaces, this won't be an issue, but I would not remove the spaces until we are certain that spaces are not allowed in the real thing.

rooty added a comment.Feb 17 2019, 9:43 PM

As they are now it's long, short, long (exact same length as rectangle number 1), shorter than height (which looks bad imo). There are no medium lengths and the same length is used twice. I would suggest giving every bar a different length.

If you're going to remove the spaces, this won't be an issue, but I would not remove the spaces until we are certain that spaces are not allowed in the real thing.

Oh I don't mind removing the spaces


But people have complained that the end result looks like a progress bar...

I think the icon is pretty much there. Maybe the label can help the meaning come across. What about:

"Enter User"
"Type User"
"Change User"

I think the icon is pretty much there. Maybe the label can help the meaning come across. What about:

"Enter User"
"Type User"
"Change User"

haha it was actually changed to Type User then to Other... because we couldn't settle on a name, and thr fact that Verb + User sounds worse (grammatically) than Verb + Username (and Username is too long)

Change User also doesn't capture what the screen does

I think the label that truly captures that button is "Use Prompt" but it looks so ... weird :D

Well, maybe it is time to call it and be done. I don't think we are going to please everyone right now. Maybe our best option is to have you, as the proponent of this idea, make the decision after long debate.

rooty updated this revision to Diff 51938.Feb 18 2019, 1:06 AM

Center user prompt icon vertically

rooty added a comment.Feb 18 2019, 1:07 AM

Well, maybe it is time to call it and be done. I don't think we are going to please everyone right now. Maybe our best option is to have you, as the proponent of this idea, make the decision after long debate.

You're right, and thanks for giving me the nudge I needed :D

Okay so, I propose the icon remain the way it is right now:


because
(1) we can't use an I beam with or without dots (the label is too vague)
(2) we could use a long bar, but it looks kind of like a progress bar
(3) we could use a circle, but we technically don't need to - and this sort of stresses the fact that it's an entirely different login screen that it'll take you to

rooty edited the test plan for this revision. (Show Details)Feb 18 2019, 1:07 AM

Well, maybe it is time to call it and be done. I don't think we are going to please everyone right now. Maybe our best option is to have you, as the proponent of this idea, make the decision after long debate.

You're right, and thanks for giving me the nudge I needed :D

Okay so, I propose the icon remain the way it is right now:


because
(1) we can't use an I beam with or without dots (the label is too vague)
(2) we could use a long bar, but it looks kind of like a progress bar
(3) we could use a circle, but we technically don't need to - and this sort of stresses the fact that it's an entirely different login screen that it'll take you to

That last little square in the username bothers me.

rooty edited the test plan for this revision. (Show Details)Feb 18 2019, 1:08 PM
rooty updated this revision to Diff 51954.Feb 18 2019, 1:09 PM

Remove second square from username bar

rooty added a comment.Feb 18 2019, 1:10 PM

That last little square in the username bothers me.

If only I could use text/lettering...

filipf added a subscriber: filipf.Feb 18 2019, 4:21 PM

I think the current revision is quite nice. We could always pick apart details and other potential solutions, but the icons get the point across and look good.

Almost perfect! I have one remaining visual nitpick:

Can we make the small version of the switch user icon have a body that's not filled in with Shade Black? That way it will match the small versions of all the icons user-style icons, all of which have outline bodies and black heads.

Oh and one more minor thing: the Zs look a bit small in Kickoff and especially Kicker when using a non-high-DPI display:

I guess the moon and snowflake iconography will have to hold the line :)

The new switch user also doesn't seem to handle being scaled down very well. Can we make it a tiny bit bigger if it's not already at the edge of its margins?

rooty updated this revision to Diff 51982.Feb 18 2019, 5:59 PM

Remove second filled in user from 22 px switch user icon

ngraham accepted this revision.Feb 18 2019, 6:09 PM

Actually those concerns should be in the icon theme patch, never mind.

I'm good with this now! Thoughts, other VDG people? Shall we land this?

This revision is now accepted and ready to land.Feb 18 2019, 6:09 PM
rooty updated this revision to Diff 51985.Feb 18 2019, 6:17 PM

Resize 22 px switch user icon

rooty added a comment.Feb 18 2019, 6:19 PM

I actually did resize this one too because you can never be quite sure which 22 px icon will be used hahahah
And I grazed the top margin a little bit but I actually managed to stay within all the other margins

rooty edited the test plan for this revision. (Show Details)Feb 18 2019, 6:57 PM
rooty updated this revision to Diff 51993.Feb 18 2019, 6:58 PM

Make Z's larger

rooty updated this revision to Diff 51997.Feb 18 2019, 7:09 PM

Use more integers

ngraham accepted this revision.Feb 18 2019, 7:28 PM

I love it. Looks perfect to me now.

rooty added a comment.Feb 18 2019, 7:29 PM

I love it. Looks perfect to me now.

Thanks :D Will be landing it shortly

rooty closed this revision.Feb 18 2019, 7:33 PM