This forum has been archived. All content is frozen. Please use KDE Discuss instead.

KCM Design Ideas

Tags: systemsettings systemsettings systemsettings
(comma "," separated)
User avatar
anditosan
Registered Member
Posts
157
Karma
0
OS

Re: KCM Design Ideas

Thu May 29, 2014 6:19 am
kdeuserk wrote:YES, anditosan you are the right guy!
One thought though: Could the sub categories be shown by a vertical expansion (you click on the category and it expandes and shows the subcategories indented => that would use the vertical space in an optimal manner) ?
It seems like a waste of space if you have for example only two subcategories.
Unfortunately I have no time now to do a mock up of my idea.

I do not understand the logic of the user shown in the top left corner. Will other users settings be shown besides that? If not I would prefer the top area would be revamped. Small detail: Why a round picture? Does not really fit in the square style imho.

This part here was designed to give the impression that the system settings are also personal system settings. This is "your" system and there has to be a human connection to all this at some point. I felt that having something less technology oriented gave the settings balance and a human element. I used a round shape because of the centrality of it. I felt like squares would have required a frame and then I would have added another visual layer to the flat design that I was looking for. Instead I used the natural circle frame that surrounds the image.

Please do not get me wrong, I love your work!
User avatar
anditosan
Registered Member
Posts
157
Karma
0
OS

Re: KCM Design Ideas

Thu May 29, 2014 6:22 am
[quote="bjoernbalazs"]This is really appealing! I appreciate your work!

To bring it one step ahead I would like to raise some questions:

How will it adjust to smaller screens?
The design is pixel perfectly fitting with a rather large minimum width. Can you hold the high quality in design on smaller screens too?

This is an area that we need to develop even more. However, I think that we can definitively adapt to a smaller area by adding a scroll bar that works in similar ways that mobile devices use these days to accommodate information that is longer than the screen allows. I am also lenient to make the system settings width be the same so as to make designers adjust to the space constraint. Much of what we have now for space used/wasted deals mostly with the lack of constraints that the physical system settings window poses IMHO.
User avatar
Heiko Tietze
Registered Member
Posts
593
Karma
0
OS

Re: KCM Design Ideas

Thu May 29, 2014 9:14 am
I love the layout and would like to generalize the idea. Some (unsorted) questions:
  • To pick up bjoern's question about the screen width: Currently, the checkbox list is designed using three columns. What do we do, if the screen is resized or if the checkbox text is too large to have three columns? (Is it possible to have a fix form width in all OS?)
  • Sometimes, the items are arranged in four columns as well (color stuff). Are there layout constrains, like "use 1, 3 or 6 columns only"?
  • Do we need some kind of TOC for lengthy KCMs, i.e. when content is scrolled? We should keep in mind that one or even two levels get integrated since tabs become groups.
  • There was positive feedback on the "see as well" idea. How do we integrate it?
  • Search is located at the top of the SySe and works for all KCM thus, and standalone KCMs wouldn't have a search on its own. Does it need improvement?
  • How are actions executed (and placed)? That is Restore Factory Settings, Apply, Cancel, and Ok.
  • The start page contains a lot of description but the KCMs have to trust in tooltips. Does it need improvement?
  • Color pickers (first picture) have the same appearance as the new checkboxes. I think that's easy to fix.
  • How do we enable a familiar design and common branding for Plasma Active?
  • In respect to the monochrome icons on the start page: Please consider dark themes too.
User avatar
ken300
Registered Member
Posts
314
Karma
0

Re: KCM Design Ideas

Thu May 29, 2014 9:56 am
Anditosan,

Please don't take this as me saying that i don't like your mockups, i think they're really great!

This morning i had an idea that could create a bit more room for displaying the settings pages themselves so i thought i'd do a really quick mockup & post it in case it helps at all. I'm supposed to be packing to go on my honeymoon not doing this so it's a bit rough round the edges but the idea should come across.

The link is:

http://element-6.deviantart.com/art/Mod ... 1401357018
User avatar
colomar
Registered Member
Posts
947
Karma
2
OS

Re: KCM Design Ideas

Thu May 29, 2014 11:10 am
ken300 wrote:Anditosan,

Please don't take this as me saying that i don't like your mockups, i think they're really great!

This morning i had an idea that could create a bit more room for displaying the settings pages themselves so i thought i'd do a really quick mockup & post it in case it helps at all. I'm supposed to be packing to go on my honeymoon not doing this so it's a bit rough round the edges but the idea should come across.

The link is:

http://element-6.deviantart.com/art/Mod ... 1401357018


Ah, that could work well for smaller sizes! What might be call is to apply adaptive layout to the whole thing (i.e. presenting things in different ways depending on the available space), though that might give the developers hell.
Have a nice honeymoon!
User avatar
garthecho
Registered Member
Posts
57
Karma
0
OS

Re: KCM Design Ideas

Thu May 29, 2014 11:45 am
colomar wrote:Ah, that could work well for smaller sizes! What might be call is to apply adaptive layout to the whole thing (i.e. presenting things in different ways depending on the available space), though that might give the developers hell.
Have a nice honeymoon!


An adaptive layout would be cool, something like what websites already do with mobile and desktop versions of pages. If I could supply my own personal opinion (whatever that is worth) :) it's that desktop operating systems need not bend to be something that they aren't. We've all seen how some major os's have tried to converge to work with all types of computing devices, and I too often get the feeling that little bits of functionality are sacrificed to make that convergence. We have screen space here in the desktop world! More so these days than ever. Let's use it! :)
User avatar
colomar
Registered Member
Posts
947
Karma
2
OS

Re: KCM Design Ideas

Thu May 29, 2014 12:10 pm
garthecho wrote:An adaptive layout would be cool, something like what websites already do with mobile and desktop versions of pages. If I could supply my own personal opinion (whatever that is worth) :) it's that desktop operating systems need not bend to be something that they aren't. We've all seen how some major os's have tried to converge to work with all types of computing devices, and I too often get the feeling that little bits of functionality are sacrificed to make that convergence. We have screen space here in the desktop world! More so these days than ever. Let's use it! :)


I fully agree! Plasma Desktop is only for desktop / Laptop computers, on tablets we switch to Plasma Active, and it's better that way.
However, we should not assume that everyone has a full HD screen. Especially laptops may still have lower screen resolution, so we should support them. Currently our official minimum supported screen resolution is 1024x768px.
That does not mean we should not use more space if it's available, of course, hence the idea to have adaptive layouts.
kdeuserk
Registered Member
Posts
207
Karma
0

Re: KCM Design Ideas

Thu May 29, 2014 1:24 pm
Is the classical indentation approach no option for you? You click on the category and the subcategories appear indented below the top category. This is really easy to understand and would be more consistent with applications.
Get what I mean? What speaks against it? If properly designed this will certainly look good.
User avatar
ken300
Registered Member
Posts
314
Karma
0

Re: KCM Design Ideas

Thu May 29, 2014 2:34 pm
Anditosan,

just to say that i had a sense of deja-vu about the icon for 'Workspace' but i couldn't put my finger on why. lt came to me a few minutes ago, it was way back when i was a Ubuntu user in it's Gnome 2 days and had a taskbar applet to indicate my CPU temperature, After a bit of searching I found a couple of pics of what i think the thing looked like:

http://www.lucidtips.com/wordpress/wp-c ... inux-7.png
http://www.lucidtips.com/wordpress/wp-c ... inux-9.png

I don't know if that's similar enough to make you want to change yours & i've really no idea at all what i'd put on an icon for 'Workspaces' - i just thought i'd let you know!

Colomar - Thanks, I just hope the weather improves (it's raining :( )
Sogatori
Registered Member
Posts
209
Karma
1
OS

Re: KCM Design Ideas

Thu May 29, 2014 4:13 pm
ken300 wrote:Anditosan,

Please don't take this as me saying that i don't like your mockups, i think they're really great!

This morning i had an idea that could create a bit more room for displaying the settings pages themselves so i thought i'd do a really quick mockup & post it in case it helps at all. I'm supposed to be packing to go on my honeymoon not doing this so it's a bit rough round the edges but the idea should come across.

The link is:

http://element-6.deviantart.com/art/Mod ... 1401357018

I really like this idea, too. This will be especially useful on smaller screens.

OFF-TOPIC
Can someone contact the forum administration and ask for a subforum for the SystemSettings redesign? I had no luck in contacting them, maybe I did it wrong, I don't know. Anyway, I keep loosing track of where the discussions about SystemSettings happen as the forum gets fuller. The forum sadly makes it very easy to keep losing track of things.
prosmaninho
Registered Member
Posts
53
Karma
0

Re: KCM Design Ideas

Thu May 29, 2014 4:26 pm
ken300 wrote:Anditosan,

Please don't take this as me saying that i don't like your mockups, i think they're really great!

This morning i had an idea that could create a bit more room for displaying the settings pages themselves so i thought i'd do a really quick mockup & post it in case it helps at all. I'm supposed to be packing to go on my honeymoon not doing this so it's a bit rough round the edges but the idea should come across.

The link is:

http://element-6.deviantart.com/art/Mod ... 1401357018


This would make it work better in screens with lower resolution and also offer more visual space to the lower levels of the settings.
User avatar
Kver
Registered Member
Posts
326
Karma
2
OS

Re: KCM Design Ideas

Thu May 29, 2014 4:41 pm
For the opening settings screen why not have the initial systemsettings screen display "at a glance" tasks & Information;
  • Software Information: Distro / Version / Vendor Logo, KDELibs Version, OS Type, "More" button > Goes to KinfoCenter -> About System.
  • Tasks: Updates Status (Are you up-to-date?) -> Goes to Update Manager.
  • Quick Settings: Is what it says - some quick settings the user may want front-and-center.
Mockup:
https://drive.google.com/file/d/0B2ZTq0OEC9rvN3ZWek9VQzhQOUU/edit?usp=sharing

I'm not sure what heuristics we have, but I think we should avoid having the initial screen be static information; Having some real system info and maybe some functionality would make the main settings screen much more useful.

The "Quick Settings" section would be quick one-off features the user could quickly manage without needing to go deep into KCMs; I figure most people have one or two things they might regularly visit the panel for, so having the ability to put at least some of them on the landing page would get people in-and-out far faster. They would need to be programmed separatly though, and I don't know how feasable it is on a technical level. I also only have boolean options here, but depending on what can be done at a technical level I would be interested in seeing how far it can go.

Anyway, B-E-A-utiful work!


Reformed lurker.
User avatar
Heiko Tietze
Registered Member
Posts
593
Karma
0
OS

Re: KCM Design Ideas

Thu May 29, 2014 5:44 pm
kdeuserk wrote:Is the classical indentation approach no option for you?

If you switch from symbol view to the classical tree you have it right now (with more than two levels). Why not using it in future SySe? Because it's a little bit boring, has a 90th style, regular users are not comfortable with trees, and KDE should have a special branding. Just to bring up some ideas for discussion.

Kver wrote:For the opening settings screen why not have the initial systemsettings screen display "at a glance" tasks & Information;

I like the idea although the start screen is less clearly arranged in your mockups. And the updater as used by Canonical is not a standard tool (e.g. Arch Linux has two mechanisms, one for default packages and another for the user repository). Last but not least I would miss the outstanding symbols since it feels like "Don't panic, written in big friendly letters on the cover..."
User avatar
anditosan
Registered Member
Posts
157
Karma
0
OS

Re: KCM Design Ideas

Thu May 29, 2014 6:13 pm
ken300 wrote:Anditosan,

Please don't take this as me saying that i don't like your mockups, i think they're really great!

This morning i had an idea that could create a bit more room for displaying the settings pages themselves so i thought i'd do a really quick mockup & post it in case it helps at all. I'm supposed to be packing to go on my honeymoon not doing this so it's a bit rough round the edges but the idea should come across.

The link is:

http://element-6.deviantart.com/art/Mod ... 1401357018


I have to say! I L-O-V-E that transformation! I have no idea if it can be done code wise or how, but I think it goes in line with what you see in many mobiles these days that have the most screen constraint.
User avatar
Kver
Registered Member
Posts
326
Karma
2
OS

Re: KCM Design Ideas

Thu May 29, 2014 6:30 pm
Heiko Tietze wrote:
Kver wrote:For the opening settings screen why not have the initial systemsettings screen display "at a glance" tasks & Information;

I like the idea although the start screen is less clearly arranged in your mockups. And the updater as used by Canonical is not a standard tool (e.g. Arch Linux has two mechanisms, one for default packages and another for the user repository). Last but not least I would miss the outstanding symbols since it feels like "Don't panic, written in big friendly letters on the cover..."


Hmmm... I know we have the option to set default programs to do things like web browsing and email; is there any reason why we don't have a "software managemnt" default application option? It's a pretty big part of the system, and I think it's something that should maybe be looked at in a seperate thread. Hrm...

I agree that my mockup isn't as friendy, but someone better at UI design could run with it; but I don't think we should sacrifice functionality on such an important landing page. It's really nice to have a welcome screen, but once you've seen it once it becomes a roadblock to getting things done; if you access a settings screen once a week that's 51 times a year you didn't need to be welcomed. As visually wonderful as the "big icon" welcome screen is, it leans too hard towards 'looking friendly' vs being 'usable' - it looks great but would really only get in the way.

No matter what though the UI is going to be a step up, as the current systemsettings 'home' is just a mishmash of icons.


Reformed lurker.


Bookmarks



Who is online

Registered users: Bing [Bot], claydoh, Google [Bot], markhm, rblackwell, sethaaaa, Sogou [Bot], Yahoo [Bot]