Make KCMs consistent and apply the KDE HIG to them as much as possible
Open, NormalPublic

Description

Currently most of the KCMs are very iconsistent and often don't follow the KDE HIG:

  • Headers/Titles use the wrong capitalization or are sometimes not fitting
  • Buttons and other widgets don't use title capitalization
  • Buttons sometimes don't have an icon, even though they have one in other places or there is one available they could use
  • Buttons have text in some places, but not in others
  • Buttons are in different positions
  • Wrong search bars and missing or wrong ellipses

...and more

The full list

Sidebar:

Workspace:

  • "Single Click" vs "Double Click" is a very important option, but it's buried here
  • This KCM is so small, if only it could be removed
  • This KCM should not be scrollable when holding the left mouse button
  • Missing header

Desktop Effects:

  • Wrong search
  • "Candy" section needs to be remained, a revision already exists

Screen Edges:

  • Horizontal placement of the "Trigger an action..." text is bad

Touch Screen:

  • Wrong header capitalization

Screen Locking:

  • Inconsistent capitalization in the "Appearance" tab

Activities:

  • Header should be improved and can be named differently: "Configure Activities"
  • There should be a header subtitle with some explanation, what activies are for
  • Inconsistent buttons
  • "Switching" tab: wrong search

Window Behavior:

  • Tab "Titlebar Actions", "Window Actions": variables are not title capitalized while their values are

Task Switcher

  • The way that the choice for the effect is presented is really bad, just a checkbox? It needs to explicitly say you're changing the animation

KWin Scripts

  • Header should be improved
  • Wrong search

Global Shortcuts:

  • Wrong search
  • Incosistent buttons
  • Use group box with title

Standard Shortcuts:

  • Wrong search

Web Shortcuts:

  • Header should be improved
  • Wrong search

Custom Shortcuts:

  • Header should be improved
  • Inconsistent buttons

Login Screen (SDDM):

  • Inconsistent selection style
  • Inconsistent "Remove" button
  • Not so good looking and inconsistent theme preview
  • Breeze theme preview is outdated
  • Group box title should use TC (this message is also kind of weirldly placed, at the very least it shouldn't be as big)

Autostart:

  • Inconsistent buttons, should use icons
  • Incosistent list view header style

Background Services:

  • Inconsistent buttons

Boot Splash:

  • No header
  • Header subtitle is missing a colon (:) at the end
  • Inconsistent selection style

File Search:

  • Inconsistent header subtitle
  • Inconsistent buttons
  • Group box title should use TC
  • (maybe?) Header subtitle is missing a dot (.) at the end
  • One option uses TC the other one doesn't

Plasma Search:

  • Wrong search
  • Inconsistent clear button

KDE Wallet:

  • Same as with the SDDM KCM, the header subtitle seems odd, it should be smaller
  • Inconsistent buttons

User Manager:

  • Header should be improved
  • Inconsistent buttons
  • Password should have a placeholder

Language:

  • Header should be improved

Spell Check:

  • Inconsistent buttons

Date and Time:

  • Replace "&" in the KCM name with "and"
  • Wrong search

Notifications:

  • Entries should be alphabetically sorted
  • Inconsistent buttons

Default Applications:

  • Explanatory message is pretty oddly placed or needs better margins
  • Inconsistent buttons

File Associations:

  • Header should be improved
  • Wrong search
  • Inconsistent buttons

Launch Feedback:

  • Header should be improved
  • The first option ("Cursor:") looks really weird, a drop down menu could be used for this

Accessibility:

  • Inconsistent buttons

Connections:

  • Wrong search
  • Inconsistent buttons

Proxy:

  • Header should be improved

Connection Preferences:

  • Header should be improved

SSL Preferences:

  • Header should be improved
  • Inconsistent buttons

Cache:

  • Header should be improved
  • Inconsistent buttons

Cookies:

  • Header should be improved
  • Group box without title
  • Wrong search
  • Inconsistent buttons

Browser Identification:

  • Very verbose header, consider simplifying
  • Header should be improved
  • Inconsistent buttons

Windows Shares:

  • Header should be improved
  • Missing line edit placeholders

Bluetooth Devices / Bluetooth Adapters:

  • Inline message box has no error icon
  • Not so good looking "No devices found" error

Advanced Bluetooth Settings:

  • Inline message box has no error icon
  • Use a group box instead of just bold text
  • Inconsistent buttons

Mobile Broadband / Wi-Fi:

  • These two look like a test and don't belong on a desktop, so they should be hidden

Mouse:

  • Use a group box instead of just text
  • Pointer speed slider is not scrollable with the mouse wheel

Joystick:

  • Inconsistent buttons

Touchpad:

  • Header should be improved
  • Inline message boxes have no icons
  • Inconsistent buttons

Displays:

  • Header should be improved
  • Inconsistent buttons

Compositor:

  • Header should be improved
  • Some values are capitalized, some are not

Gamma:

  • Header should be improved
  • Improve header wording "Calibrate monitor gamma"

Multimedia

Audio Volume:

  • Use a group box instead of just text

Audio and Video:

  • "Backend" tab makes too little use of horizontal space
  • Inconsistent buttons

Energy Saving:

  • "Screen Energy Saving" is capitalized and the rest of the options are not
  • The option text needs to use colons ("Switch off after:" instead of "Switch off after")

Per-Activity Power Management:

  • Only one tab
  • Too much spacing between radio buttons

Advanced Power Management Settings:

  • Big spacing under header
  • Remove label and change checkbox text to "Pause media players when supending"
  • (maybe?) Wrong button position

Printers:

  • Header should be improved
  • Weird "System Preferences" button on the top left
  • (maybe?) Use an inline message box to display the "No printers" information
  • Change "Click here to add a new printer" button text to "Add Printer..."
  • Add Printer Dialog: Move the "Please choose an item on the list" label to the top or bottom and rename it to "Please choose an item from the list."

Device Actions:

  • Header is too long
  • Header should be improved
  • Inconsistent buttons

Camera:

  • Use buttons non-flat and not a toolbar

Removable Devices:

  • Header should be improved

DONE:

  • Look and Feel
  • Plasma Theme
  • Cursors
  • Splash Screen
  • Colors
  • Fonts
  • Font Management
  • Icons
  • Emoticons
  • Application Style
  • GNOME/GTK Application Style
  • Window Decorations
rooty renamed this task from Make KCMs consistent and apply the KDE HIG on them as much as possible to Make KCMs consistent and apply the KDE HIG to them as much as possible.Jan 5 2019, 2:30 PM
filipf added a subscriber: filipf.Jan 5 2019, 6:35 PM
ngraham added a subscriber: ngraham.Jan 5 2019, 7:09 PM

So what you guys are calling the Header/Title actually pulls text from the Comment: field of the KCM's desktop file.

This is semantically incorrect; the true title is the KCM's name, and this text is really more of a subtitle or caption. If we want to keep this subtitle/caption visible, we need to make the header/title show the real name.

On the other hand, if we do that, then the open KCM's name will appear three times: once in the sidebar, once in the titlebar, and once in huge letters on the page. This seems non-ideal.

Idea: remove the large text title/header entirely and let the titlebar do what its name suggests it's for: showing the title!

GB_2 updated the task description. (Show Details)Jan 5 2019, 8:01 PM
GB_2 updated the task description. (Show Details)
GB_2 added a comment.EditedJan 5 2019, 8:06 PM

So what you guys are calling the Header/Title actually pulls text from the Comment: field of the KCM's desktop file.

This is semantically incorrect; the true title is the KCM's name, and this text is really more of a subtitle or caption. If we want to keep this subtitle/caption visible, we need to make the header/title show the real name.

On the other hand, if we do that, then the open KCM's name will appear three times: once in the sidebar, once in the titlebar, and once in huge letters on the page. This seems non-ideal.

Idea: remove the large text title/header entirely and let the titlebar do what its name suggests it's for: showing the title!

We are calling that the header.
Your idea was good, I think we can remove it entirely and put it in the title bar.

GB_2 updated the task description. (Show Details)Jan 5 2019, 9:34 PM
filipf updated the task description. (Show Details)Jan 5 2019, 10:46 PM
GB_2 updated the task description. (Show Details)Jan 5 2019, 10:55 PM

BTW, you say "Header should use TC (Title Case)", but in other places, this text, which comes from the Comment: field in the KCM's .desktop file, appears as a caption in a tooltip:

Here you can see the odd effect of making what amounts to a subtitle use Title Case:

Isn't that weird?

So I'm not sure we can and should simply change the case for all of these strings to Title Case just so they look more like titles. Semantically, they're not titles. They were always meant to be captions or subtitles, not titles. Using them as titles creates problems of this nature and makes my "this is semantically incorrect!" alarm bells ring. :)

GB_2 added a comment.Jan 6 2019, 9:55 AM

So would it be better to turn everything into explanations/descriptions without TC and make the header smaller, so it is just like a small explanation/description?

Options:

  1. Remove header, put title in titlebar only, only show caption in tooltips. Drawbacks: caption would not be seen much of the time.
  2. Remove header, put title in titlebar along with caption. Drawbacks: might visually overload the titlebar?
  3. Remove header, put title in titlebar, and put caption in small font on the page. Drawbacks: might look weird? Maybe we could make it lighter or smaller or something.
  4. Keep header, use it to display the real title, and display the caption beneath it in smaller text. Drawbacks: might feel cluttered, and there would be triple redundancy since the title would be visible three times

.

GB_2 added a comment.Jan 7 2019, 6:15 AM

IMO option 3 is the best one, followed by option 1.
I will see how it will look like.

GB_2 updated the task description. (Show Details)Jan 11 2019, 5:06 PM
GB_2 updated the task description. (Show Details)Jan 11 2019, 8:37 PM
filipf updated the task description. (Show Details)Jan 11 2019, 9:33 PM
GB_2 added a comment.EditedJan 12 2019, 7:55 AM

BTW, you say "Header should use TC (Title Case)", but in other places, this text, which comes from the Comment: field in the KCM's .desktop file, appears as a caption in a tooltip:

Here you can see the odd effect of making what amounts to a subtitle use Title Case:

Isn't that weird?

So I'm not sure we can and should simply change the case for all of these strings to Title Case just so they look more like titles. Semantically, they're not titles. They were always meant to be captions or subtitles, not titles. Using them as titles creates problems of this nature and makes my "this is semantically incorrect!" alarm bells ring. :)

The Comment: and the header/explanation should also be the same then.

GB_2 updated the task description. (Show Details)Jan 12 2019, 12:49 PM
GB_2 updated the task description. (Show Details)Jan 13 2019, 9:00 AM
GB_2 updated the task description. (Show Details)Jan 14 2019, 4:10 PM
ngraham updated the task description. (Show Details)Jan 15 2019, 2:31 AM
GB_2 updated the task description. (Show Details)Jan 15 2019, 5:15 PM
GB_2 updated the task description. (Show Details)Jan 15 2019, 5:18 PM
ngraham updated the task description. (Show Details)Jan 17 2019, 9:32 PM
GB_2 updated the task description. (Show Details)Feb 6 2019, 4:31 PM
GB_2 updated the task description. (Show Details)Feb 6 2019, 4:37 PM
GB_2 updated the task description. (Show Details)Feb 10 2019, 7:15 AM
filipf updated the task description. (Show Details)Feb 10 2019, 7:31 PM
filipf updated the task description. (Show Details)
This comment was removed by Pixel_Lime.

^ This is not a task for Discover, KCM stands for KConfig Module - it's the settings pages integrated into System Settings.

GB_2 updated the task description. (Show Details)Feb 13 2019, 9:53 PM
GB_2 updated the task description. (Show Details)Feb 17 2019, 10:04 AM
nicolasfella updated the task description. (Show Details)Mon, Feb 18, 9:50 AM
nicolasfella added a subscriber: nicolasfella.

Don't worry about the KDE Connect KCM, it won't be around for much longer

jriddell added a parent task: T10488: Plasma 5.16.
ngraham moved this task from Backlog/Planned to Sent to dev on the VDG board.Tue, Feb 19, 12:34 PM
ngraham triaged this task as Normal priority.
ngraham moved this task from To Do to Work in Progress on the Plasma board.Tue, Feb 19, 12:39 PM
ngraham assigned this task to GB_2.
GB_2 updated the task description. (Show Details)Mon, Mar 18, 6:10 AM
GB_2 added a comment.Mon, Mar 18, 6:15 AM

The Appearance section is now done!

GB_2 updated the task description. (Show Details)Mon, Mar 18, 6:39 AM
GB_2 updated the task description. (Show Details)Mon, Mar 18, 6:41 AM
GB_2 updated the task description. (Show Details)