Unify how "this is the default/current item in a list" is communicated
Closed, ResolvedPublic

Description

In some places, we make the text of the item in question bold, sometimes adding an icon too:


(Elisa)

In other places, we just add an icon:


(Okular)

In other places, we use headers to differentiate "current" or "connected" from everything else:


(Bluetooth applet)

We should consider unifying these and settling on a single style. Personally I think the bold text approach looks the nicest and it happens to already be somewhat commonly used.

ndavis added a subscriber: ndavis.Mar 15 2020, 12:37 AM

Can you show/talk about examples? I can't recall any.

ngraham updated the task description. (Show Details)Mar 15 2020, 12:43 AM

I think #1 is better than #2. It's very clear and except for the icon being slightly blurry (technical issue), it looks fine.

With #3, you can have multiple connected devices, right? If that's that case, it makes sense to have section headers for connected and not connected devices. It's really a different type of UI from the first two.

In fact it looks like Okular also moved towards "bold with an icon": https://invent.kde.org/kde/okular/-/merge_requests/104

So I guess we should consider that the de facto style for simple list items then.

You're right about lists where there would be multiple "connected" items though. How about the case where all of the items in the list are currently connected or unconnected? Do we still need to show headers?

In fact it looks like Okular also moved towards "bold with an icon": https://invent.kde.org/kde/okular/-/merge_requests/104

So I guess we should consider that the de facto style for simple list items then.

You're right about lists where there would be multiple "connected" items though. How about the case where all of the items in the list are currently connected or unconnected? Do we still need to show headers?

Are you still talking about that particular widget? I think it's still better to show the appropriate heading whenever devices are in the list. It's not clear whether or not a device is connected or just available otherwise.

ngraham closed this task as Resolved.May 14 2021, 5:48 PM
ngraham moved this task from Backlog/Planned to Done on the VDG board.
ngraham claimed this task.

We have generally settled on bold text for the current/selected list item at this point. I guess we need a HIG entry about it now. See https://invent.kde.org/documentation/develop-kde-org/-/issues/50