Hi,

I would like to work on the login and user switch screen and start the discussion here. My screenshots are from Plasma 5.4 cause I'm not at master but I know https://git.reviewboard.kde.org/r/124585/.

User Switch

I'm not a fan of this gray background at the bottons and the mix between monochrome standard user icon and colored new session and change session icon look strange.

Login Screen
there is a bug that the login screen don't use the breeze theme and the user avatars. so it looks now like this

the design need an adaption to the user switch. that's it.

Feedback how we can improve the user switch and login screen

Personally I think these are all just fine, imho they don't need any fixing
and we shouldn't change what's working well just for the sake of change.

> the mix between monochrome standard user icon and colored new session and change session icon look strange.

Yeah, perhaps that. So just update the icons?

Maybe you could start a new look&feel altogether? There you wouldn't
have any constraints and could start fresh.

Good initiative!

Maybe my input is just slightly related, but here we go:

I think the login animation is a bit off. IMHO it should be a bit more sublte. The LOGIN screen and the LOADING screen look almost the same, (which is good) but the transition from the LOGIN screen to the LOADING screen totally breaks the looks (by sliding in from the top and the bottom).

IMO the LOGIN screen should just sublty expand to look like the current loading screen. I hope you can imagine what i'm imagining

Ok what should be added to the login and lock screen:

Login:
- Avatar
- Username
- Password

Session manager
- plasma
- gnome
- unity

Shoutdown
- Shoutdown
- Reboot
- Suspend

Session
- Change User
- Log out User

Widgets
- virtual keyboard
- notifications
- time

nice examples:

Box-style


Polaroid style


"Current" style


The bottom-left could contain various additional icons according to the needs of the machine, such as battery.

The bottom-right corner would show a slice of the user wallpaper, heavily blurred. It *should* pass the adult content test as we are neither showing significant screen space, and we are heavily blurring the content - and the visible "chunk" could be narrowed down. The alternative could be displaying the standard blurred wallpaper as we do now.

Animation-wise, I picture the content fading in/out, and then the background unblurring as the grey backing slides into the respective TL/BR corners.

The bottom-right corner would show a slice of the user wallpaper, heavily blurred

That is unfortunately not possible due to how Plasma wallpapers
are handled. Other than that, it's also a problem of what Activity
the user was last in etc.

In Plasma it's one of the so-complex-it's-impossible things.
Unfortunately.

mck182 wrote:That is unfortunately not possible due to how Plasma wallpapers
are handled.

Fair enough, then we would just keep the current method. Plus if we're just using the default wallpaper this design could drop the blurring entirely, which would be cleaner and less muddy.

Kver wrote:Box-style


Polaroid style


"Current" style


The bottom-left could contain various additional icons according to the needs of the machine, such as battery.

Looks awesome. Why not put the poweroff button on the left side as well, and just have a slice of the wallpaper on the right?

Login screen:

During Randa I doodled this:



Usually I pick LightDM and use a simple HTML theme but since that breaks Manjaro I left SDDM installed. As SSDM is the default display manager I'd like it to follow the nice and pretty design that's Breeze.

First this one. It's pretty much the mockup I doodled in color. I moved the system buttons to the other side and placed the dropdown to select the session on the left. Status icons on the top, clock center-left and users front and center. And the background has a dark overlay.



Lock screen:

Derived from the login screen. The addition here is the placement of widgets, though i was told this wasn't very secure.



In both cases user switching is done through the user pictures which have a coverflow effect.

I didn't blur the background because the image was already very big in size to upload.

andreas_k wrote:Ok what should be added to the login and lock screen:

Login:
- Avatar
- Username
- Password
...
Widgets
- virtual keyboard
- notifications
- time

Exactly that's how we should start with every task. I'd add

Widgets
- Volume
- Brightness (mobiles)
- Playback
- Email
How do we deal with more than one Widget at once?
How much control over widgets should be up to the user? (Martin discussed a lot about security regarding widgets on start screen in general)

Non-functional aspects
- Easy keyboard only access
- Touch screen access

I think it is important to add a variant of the login screen which doesn't show a list of usernames for computers which are, for example, using large amounts of accounts (100+) in an LDAP directory, for example.

Variants of the box and polaroid styles from pedrorodriguez with an input box instead of a text label for the username would be the most suitable for this one in my opinion.

pedrorodriguez wrote:Looks awesome. Why not put the poweroff button on the left side as well, and just have a slice of the wallpaper on the right?

Good idea. I originally did it because powering off could be "dangerous", but there's always a prompt anyway so it's not really a "big deal".



Some changes based on feedback in other areas / Uris designs;
- Cover art.
- Time has been moved to the left, icons have been moved to the right (as mobile would display them)
- Using 5.5 wallpaper
- Added battery (which would double as brightness)
- Switched font to Noto (the new Plasma font)

Other than expressly complex interactive widgets (such as media, and I can't think of anything else you would want on a lock screen) I would shove them in the top-right icons. For example, you could easily have a weather icon with the temperature which you click to see the forecast. If notifications hit the desktop lock-screen, I would display them similarly to how Uri has, only having them be presented from the "tray" area. Below is with some of the "bells and whistles" I could think of, but personally I'd try to keep the lock-screen on the simple side.



I'd also recommend keeping the pictures as they are displayed on the current lock screen, and not try to have them cover other avatars. This should be a user-focused screen, and anything that obstructs users would be a step back in functionality. Because overlapping also means we can't show labels, it also means users with the same default avatar will be indistinguishable. I just think usability should trumps aesthetics, and in a screen so focused on user switching it's not good to obscure users in any way - when we should be focusing on fast and simple access with exposed labels/images.

Kver wrote:

I like these, but with the notifications, isn't it starting to look too busy? Maybe it would be good to mimic what the notification widget does in the system tray: show a popup that fades after a few seconds, and show a number next to those small icons on the top right that indicates the number of notifications.

Oh, and if you want people to stop refering to the desktop as KDE it might be a good idea to drop the K, and use the plasma logo, and perhaps place it over the avatars.

pedrorodriguez wrote:I like these, but with the notifications, isn't it starting to look too busy? Maybe it would be good to mimic what the notification widget does in the system tray: show a popup that fades after a few seconds, and show a number next to those small icons on the top right that indicates the number of notifications.

I was just trying to show it "at its worst" with all the bells and whistles going off, and showing where everything might go. I don't believe there's plans to show notifications in the lock screen any time soon, but Uri made the good point that something like that would be expected for mobile, so if we're using all the same systems/software it might be good to show how it might look on the desktop for future reference if we inherit notifications from mobile.

pedrorodriguez wrote:Oh, and if you want people to stop refering to the desktop as KDE it might be a good idea to drop the K, and use the plasma logo, and perhaps place it over the avatars.

Ignore the logo, it shouldn't be there anyway. I could have sworn somebody in this thread mentioned including the logo as criteria (for branding on login/lock screens), but I can't find it. That was the only reason I included it. :/