Jump to content

KDE Visual Design Group/Plasma 5 Desktop Configuration: Difference between revisions

From KDE Community Wiki
Andrew (talk | contribs)
Colomar (talk | contribs)
Split out desktop and panel layout config design into new page
 
(71 intermediate revisions by 2 users not shown)
Line 1: Line 1:
__NOTOC__
 
='''Plasma 5 Desktop Use and Configuration'''=
='''Plasma 5 Desktop Configuration'''=


==Concept==
==Concept==
Line 6: Line 6:
See [https://techbase.kde.org/Projects/Usability/HIG KDE HIG] for guidelines on this design approach.
See [https://techbase.kde.org/Projects/Usability/HIG KDE HIG] for guidelines on this design approach.


===Plasma 5 Desktop Use and Configuration Vision===
===Plasma 5 Desktop Configuration Vision===
Plasma 5 Desktop provides an easy-to-use work space that effortlessly supports the familiar workflows of most users while providing the most flexible desktop environment available. Plasma 5's flexibility enables unparalleled customization of the user's work space to reflect their personal taste as well as powerful custom workflows for more technical users.
Plasma 5 Desktop provides an easy-to-use work space that effortlessly supports the familiar workflows of most users while providing the most flexible desktop environment available. Plasma 5's flexibility enables unparalleled customization of the user's work space to reflect their personal taste as well as powerful custom workflows for more technical users.


Line 19: Line 19:
'''Secondary Personas'''
'''Secondary Personas'''


'''Matt''' - Student, 24. Matt is a geology student in the last year of his undergraduate studies. For him, technology is meant to take over annoying and repetitive tasks. For his student research projects, Matt has to do extensive research on the web, and has to manage pictures of stones and other geologic material. He gains credits by using his notes to create reports and presentations. Matt often struggles to keep track of all his notes. He is looking for an effective routine, so he can concentrate on the contents rather than on finding information.
'''Philip''' - Geek, 17. Philip is a college student in his last grade. Later, he wants to go to university to study computer science. He loves the challenge of making technology do what he wants it to do. When he was 14, he started to probe different programming languages, and since then has implemented various different applications he published under free licenses. He is convinced of Linux and the benefits of free software. Philip is fancy about technology and is never discouraged if something does not work as expected.


'''Philip''' - Geek, 17. Philip is a college student in his last grade. Later, he wants to go to university to study computer science. He loves the challenge of making technology do what he wants it to do. When he was 14, he started to probe different programming languages, and since then has implemented various different applications he published under free licenses. He is convinced of Linux and the benefits of free software. Philip is fancy about technology and is never discouraged if something does not work as expected.
'''Santiago''' - Decision Maker, 34. Santiago runs a medium-sized business for electric installations. For him, technology needs to be comfortable and make him feel smart. As a manager with engineering background, Santiago's major work is to negotiate with customers. However, to avoid costs, he administrates the small network in the company himself, including a file server and fifteen PCs for his office clerks. He loves comfort and does not like to dive into manuals or use the command line to set up the small network. The system has to be reliable and easy to use, so his employees get along with it.


===Scenarios===
===Scenarios===


# Susan does a lot of creative work on her computer and would like her computing environment to reflect the same expressiveness she puts into her creative work. She would like to use one of her many photographs as a back drop while using her computer. She selects the photograph she would like to use as a back drop and the result is an environment that better reflects Susan's personal tastes.
# Susan does a lot of creative work on her computer and would like her computing environment to reflect the same expressiveness she puts into her creative work. She would like to use one of her many photographs as a back drop while using her computer. She selects the photograph she would like to use as a back drop and the result is an environment that better reflects Susan's personal tastes.
#Susan does a lot of video and photo editing. She is used to her tools having a dark user interface when editing such content. She likes it because she finds it easier to focus on the video or photorgaph being editing. She customizes her Plasma 5 desktop so that her video and photo editing tools now use a dark user interface and she is satisfied that she can more easily focus on the content being edited.
#Susan does a lot of video and photo editing. She is used to her tools having a dark user interface when editing such content. She likes it because she finds it easier to focus on the video or photograph being editing. She customizes her Plasma 5 Desktop so that her video and photo editing tools now use a dark user interface and she is satisfied that she can more easily focus on the content being edited.
#Philip came across a newly released icon set on the internet that he would love to use for a fresh new computing experience. He downloads it to his computer and installs it to get the fresh new computing experience computing experience he was looking for.
#Most of Susan's time using her computer is spent using an image editor, slideshow viewer, a video editor, video player and a web browser for creating and monitoring her blog. She would like to access those applications and her blog as quickly and easily as possible so she adds the applications and a link to her blog to her panel. She is happy that her most frequently used applications are now just one click away.
#Matt uses five different computing tools for his Structural Geology research project which he works on for 3 hours each week. Once he realizes this, he sets up his Plasma 5 desktop to make this easier. Now when he returns to working on the project, he quickly opens all five tools and continues working on his assignment where he last left off.
#Philip came across a newly released icon set on the internet that he would love to use for a fresh new computing experience. He downloads it to his computer and installs it to get the fresh new computing experience he was looking for.
#Philip loves to customize his computing experience. For him, desktop customization is a creative exercise and so he customizes almost everything; wallpaper, panels, icons, colors and windows. Like any creative exercise he likes to share the result of his efforts with his friends. Once he is satisfied with a set of customizations, that he really likes, he shares it with his friends, who recreate them on their own computers.
#Philip loves to customize his computing experience. For him, desktop customization is a creative exercise and so he customizes almost everything; wallpaper, panels, icons, colors and windows. Like any creative exercise he likes to share the result of his efforts with his friends. Once he is satisfied with a set of customizations that he really likes, he shares it with his friends, some of whome will recreate it on their own computers.
#Philip volunteers to set up computers for a local senior center. After doing it for a while he has settle on a common set of customizations that seems to work best for users there; larger fonts and icons and a extra panel with frequently used applications. To ease set up each time he does this he saves the set of customizations which he use to quickly set up new computers at the senior center.
#Having performed the same tasks as his employees, Santiago understands well the workflows necessary to complete those tasks efficiently. He would like to ensure employees can be as productive as possible the first time they start using their computer. He identifies all the necessary applications including company recommended applications (browsers, IM, email/calendar, etc.), a workspace layout (panels, virtual desktops, multi-screen), a wallpaper with company branding, network connections and shared storage settings. After setting up one target installation to his satisfaction, he saves the customizations so he can apply the same set or customizations to every new installation without doing it all from scratch. When complete, every employee performing the same tasks will have a similar set up and are able to become productive more quickly after receiving a new computer.
#Philip volunteers to set up computers for a local senior center. After doing it for a while he has settled on a common set of customizations that seems to work best for seniors there; larger fonts and icons, special accessibility settings and an extra panel with applications he has observed that the seniors use the most. To ease set up each time, he saves this set of customizations then applies the saved set of customizations to each new computer he sets up. This way he saves a great deal of time setting up computers at the senior center. This is similar to Santiago, however, the set of customizations here may be quite different.


==Organization==
==Organization==
As much as possible, we should try to define this from the user perspective, not the underlying technology perspective.
===Content Structure===
The following are proposed to be the basic conceptual elements that make up the Plasma 5 Desktop.
* Background(s)
* Panel(s)
* Applications
* Application groups
* Mini-applications (widgets)
* Files and data (local, remote)
* Status (date & time, battery level, volume, network connection, devices connected, display brightness, applications' status)
* Notifications
* Inputs (pointer, keyboard, touchscreen, etc.)
* Output (display, sound, printer, etc)
'''Important:''' Technical implementation is deliberately ignored here in favor of the user perspective. For example, it doesn't matter that the battery level status ''can'' technically be implemented as a plasmoid. What matters from the perspective of the user is that there is a way to determine the battery level status and also that there is an entire class of mini-applications that can be used satisfy a variety of specific needs.
Application grouping here is an attempt to identify an underlying concept supporting why a user might find certain features useful - features like virtual desktops, activities, custom application launcher groups, sessions and the like. it also includes the possibility of having optional conceptual properties (widgets, files/urls, power profiles, etc.) associated with an application group (like sessions and activities do).


===Command Structure===
===Command Structure===
These are the general collection of commands to associated with configuring the Plasma 5 Desktop. '''No grouping strategy has (yet) been applied.'''


===Content Structure===
*Change background
*Add panel
*Remove panel
*Move panel
*Resize panel
*Open application
*Hide/minimize application
*Close application
*Switch application
*Change application colors, icons, style, windec, fonts
*Create new application group
*Remove application group
*Change application group
*Open application group
*Switch application group
*Close application group
*Add widget to background
*Remove widget from background
*Resize widget
*Add widget to panel
*Remove widget from panel
*Move widget (within panel, within background, between panels, between panels and background)
*Change widget contents/behavior
*Add link to remote file storage location
*Remove link to remote file storage location
*Show status
*Change status
*Hide/remove certain status
*Show notification
*Dismiss notification
*Suppress certain/all notifications
*Change behavior/appearance of input device
*Add input device
*Remove input device
*Change behavior/appearance of output device
*Add output device
*Remove output device
*Save, share or restore configuration of any or all desktop elements


==UI Patterns==
==UI Patterns==
===Command Patterns===
Potential patterns to expose configuration commands:
*Direct manipulation
**Pros - No proxy representation of desktop elements. Common mental model is sufficient to find/access both the desktop element and its settings.
**Cons - Only works with settings that are easy to visually represent and manipulate. Decentralized/scattered settings.
**Potential Commands - Change background, Add panel, Remove panel, Move panel, Resize panel, Open application, Hide/minimize application, Close application, Switch application, Create new application group, Remove application group, Change application group, Open application group, Switch application group, Close application group, Add widget to background, Remove widget from background, Resize widget, Add widget to panel, Remove widget from panel, Move widget (within panel, within background, between panels, between panels and background), Show status, Change status, Hide/remove certain status, Show notification, Dismiss notification, Suppress certain/all notifications
*Context menu
**Pros - Access co-located with element. Common mental model is sufficient to find/access both the desktop element and its settings.
**Cons - Not great discoverability. Decentralized/scattered settings. Hard to find settings when desktop element not visible. Not useful to expose global settings (application icons, colors, global shortcuts, window decorations, etc.)
**Potential Commands - Change background, Add panel, Remove Panel, Hide/minimize application, Close application, Add widget to background, Remove widget from background, Resize widget, Add widget to panel, Remove widget from panel,
*Desktop element configuration dialog
**Pros - Access co-located with element. Common mental model is sufficient to find/access both the desktop element and its settings.
**Cons - Requires a separate mechanism to expose it in the interface. Desktop element settings decentralized/scattered. Hard to find settings when desktop element not visible. Not useful to expose global settings (application icons, colors, global shortcuts, window decorations, etc.)
**Potential Commands - Change background, Remove application group, Change application group, Open application group, Switch application group, Close application group, Change widget contents/behavior, Change status, Hide/remove certain status, Suppress certain/all notifications
*Central system settings application
**Pros - Central location. Predictable. Good way to expose global settings.
**Cons - Large collection of settings to wade through to find settings for a specific desktop element. Separate mental models to find/access the desktop element and to find/access its settings.
**Potential Commands - Change background, Change application colors, icons, style, windec, fonts, Remove application group, Change application group, Open application group, Switch application group, Close application group, Add link to remote file storage location, Remove link to remote file storage location, Change status, Hide/remove certain status, Suppress certain/all notifications, Change behavior/appearance of input device, Add input device, Remove input device, Change behavior/appearance of output device, Add output device, Remove output device


==Layout Design==
==Layout Design==
===Layouts for configuration of Background, Panels and Widgets===
[[/DesktopPanelLayout]]
===Layouts for application configuration===
No design changes are proposed for changing application colors, icons, style, windec, fonts. The current system settings approach seems to work well.
===Layouts for application groups configuration===
No design proposals yet. A virtual desktop layout design proposal was requested separately and provided on the VDG forum [https://forum.kde.org/viewtopic.php?f=285&t=123481&hilit=virtual+desktop&start=30#p323675 here]. No consideration was given in that design to the general concept of application grouping or activities. That doesn't necessarily mean we should merge virtual desktops and activities (they're different implementation concepts). That said, this may be an opportunity to better expose the current activities feature.
===Layouts for status configuration===
No design proposals.
===Layouts for notifications configuration===
No design proposals.
===Layouts for other desktop elements===
Input and Output can be configured via the system settings application. Files and data (local & remote) are configured via the desktop file manager. They seem to work well, so no design changes proposed.


==Implementation Targets==
==Implementation Targets==

Latest revision as of 09:01, 25 June 2016

Plasma 5 Desktop Configuration

Concept

See KDE HIG for guidelines on this design approach.

Plasma 5 Desktop Configuration Vision

Plasma 5 Desktop provides an easy-to-use work space that effortlessly supports the familiar workflows of most users while providing the most flexible desktop environment available. Plasma 5's flexibility enables unparalleled customization of the user's work space to reflect their personal taste as well as powerful custom workflows for more technical users.

Plasma 5's flexibility does not come at the cost of ease-of-use. So instead of overwhelming the user with choices, Plasma 5 keeps the user focused by offering customization options when most relevant and useful.

Personas

Primary Persona

Susan - Recreational User, 34. While Susan seldom uses her computer for work, it has become an essential part of her social life. With her computer, she can be creative and spread this creativity in the world. She chats with her friends, shares music, playlists and other media, creates videos and uploads them to her web space, and runs a blog with her own style. She can't imagine a life without her laptop. Still, she is a fun person and does not want to worry about technical details. She expects her machine to work.

Secondary Personas

Philip - Geek, 17. Philip is a college student in his last grade. Later, he wants to go to university to study computer science. He loves the challenge of making technology do what he wants it to do. When he was 14, he started to probe different programming languages, and since then has implemented various different applications he published under free licenses. He is convinced of Linux and the benefits of free software. Philip is fancy about technology and is never discouraged if something does not work as expected.

Santiago - Decision Maker, 34. Santiago runs a medium-sized business for electric installations. For him, technology needs to be comfortable and make him feel smart. As a manager with engineering background, Santiago's major work is to negotiate with customers. However, to avoid costs, he administrates the small network in the company himself, including a file server and fifteen PCs for his office clerks. He loves comfort and does not like to dive into manuals or use the command line to set up the small network. The system has to be reliable and easy to use, so his employees get along with it.

Scenarios

  1. Susan does a lot of creative work on her computer and would like her computing environment to reflect the same expressiveness she puts into her creative work. She would like to use one of her many photographs as a back drop while using her computer. She selects the photograph she would like to use as a back drop and the result is an environment that better reflects Susan's personal tastes.
  2. Susan does a lot of video and photo editing. She is used to her tools having a dark user interface when editing such content. She likes it because she finds it easier to focus on the video or photograph being editing. She customizes her Plasma 5 Desktop so that her video and photo editing tools now use a dark user interface and she is satisfied that she can more easily focus on the content being edited.
  3. Most of Susan's time using her computer is spent using an image editor, slideshow viewer, a video editor, video player and a web browser for creating and monitoring her blog. She would like to access those applications and her blog as quickly and easily as possible so she adds the applications and a link to her blog to her panel. She is happy that her most frequently used applications are now just one click away.
  4. Philip came across a newly released icon set on the internet that he would love to use for a fresh new computing experience. He downloads it to his computer and installs it to get the fresh new computing experience he was looking for.
  5. Philip loves to customize his computing experience. For him, desktop customization is a creative exercise and so he customizes almost everything; wallpaper, panels, icons, colors and windows. Like any creative exercise he likes to share the result of his efforts with his friends. Once he is satisfied with a set of customizations that he really likes, he shares it with his friends, some of whome will recreate it on their own computers.
  6. Having performed the same tasks as his employees, Santiago understands well the workflows necessary to complete those tasks efficiently. He would like to ensure employees can be as productive as possible the first time they start using their computer. He identifies all the necessary applications including company recommended applications (browsers, IM, email/calendar, etc.), a workspace layout (panels, virtual desktops, multi-screen), a wallpaper with company branding, network connections and shared storage settings. After setting up one target installation to his satisfaction, he saves the customizations so he can apply the same set or customizations to every new installation without doing it all from scratch. When complete, every employee performing the same tasks will have a similar set up and are able to become productive more quickly after receiving a new computer.
  7. Philip volunteers to set up computers for a local senior center. After doing it for a while he has settled on a common set of customizations that seems to work best for seniors there; larger fonts and icons, special accessibility settings and an extra panel with applications he has observed that the seniors use the most. To ease set up each time, he saves this set of customizations then applies the saved set of customizations to each new computer he sets up. This way he saves a great deal of time setting up computers at the senior center. This is similar to Santiago, however, the set of customizations here may be quite different.

Organization

As much as possible, we should try to define this from the user perspective, not the underlying technology perspective.

Content Structure

The following are proposed to be the basic conceptual elements that make up the Plasma 5 Desktop.

  • Background(s)
  • Panel(s)
  • Applications
  • Application groups
  • Mini-applications (widgets)
  • Files and data (local, remote)
  • Status (date & time, battery level, volume, network connection, devices connected, display brightness, applications' status)
  • Notifications
  • Inputs (pointer, keyboard, touchscreen, etc.)
  • Output (display, sound, printer, etc)


Important: Technical implementation is deliberately ignored here in favor of the user perspective. For example, it doesn't matter that the battery level status can technically be implemented as a plasmoid. What matters from the perspective of the user is that there is a way to determine the battery level status and also that there is an entire class of mini-applications that can be used satisfy a variety of specific needs.

Application grouping here is an attempt to identify an underlying concept supporting why a user might find certain features useful - features like virtual desktops, activities, custom application launcher groups, sessions and the like. it also includes the possibility of having optional conceptual properties (widgets, files/urls, power profiles, etc.) associated with an application group (like sessions and activities do).

Command Structure

These are the general collection of commands to associated with configuring the Plasma 5 Desktop. No grouping strategy has (yet) been applied.

  • Change background
  • Add panel
  • Remove panel
  • Move panel
  • Resize panel
  • Open application
  • Hide/minimize application
  • Close application
  • Switch application
  • Change application colors, icons, style, windec, fonts
  • Create new application group
  • Remove application group
  • Change application group
  • Open application group
  • Switch application group
  • Close application group
  • Add widget to background
  • Remove widget from background
  • Resize widget
  • Add widget to panel
  • Remove widget from panel
  • Move widget (within panel, within background, between panels, between panels and background)
  • Change widget contents/behavior
  • Add link to remote file storage location
  • Remove link to remote file storage location
  • Show status
  • Change status
  • Hide/remove certain status
  • Show notification
  • Dismiss notification
  • Suppress certain/all notifications
  • Change behavior/appearance of input device
  • Add input device
  • Remove input device
  • Change behavior/appearance of output device
  • Add output device
  • Remove output device
  • Save, share or restore configuration of any or all desktop elements

UI Patterns

Command Patterns

Potential patterns to expose configuration commands:

  • Direct manipulation
    • Pros - No proxy representation of desktop elements. Common mental model is sufficient to find/access both the desktop element and its settings.
    • Cons - Only works with settings that are easy to visually represent and manipulate. Decentralized/scattered settings.
    • Potential Commands - Change background, Add panel, Remove panel, Move panel, Resize panel, Open application, Hide/minimize application, Close application, Switch application, Create new application group, Remove application group, Change application group, Open application group, Switch application group, Close application group, Add widget to background, Remove widget from background, Resize widget, Add widget to panel, Remove widget from panel, Move widget (within panel, within background, between panels, between panels and background), Show status, Change status, Hide/remove certain status, Show notification, Dismiss notification, Suppress certain/all notifications
  • Context menu
    • Pros - Access co-located with element. Common mental model is sufficient to find/access both the desktop element and its settings.
    • Cons - Not great discoverability. Decentralized/scattered settings. Hard to find settings when desktop element not visible. Not useful to expose global settings (application icons, colors, global shortcuts, window decorations, etc.)
    • Potential Commands - Change background, Add panel, Remove Panel, Hide/minimize application, Close application, Add widget to background, Remove widget from background, Resize widget, Add widget to panel, Remove widget from panel,
  • Desktop element configuration dialog
    • Pros - Access co-located with element. Common mental model is sufficient to find/access both the desktop element and its settings.
    • Cons - Requires a separate mechanism to expose it in the interface. Desktop element settings decentralized/scattered. Hard to find settings when desktop element not visible. Not useful to expose global settings (application icons, colors, global shortcuts, window decorations, etc.)
    • Potential Commands - Change background, Remove application group, Change application group, Open application group, Switch application group, Close application group, Change widget contents/behavior, Change status, Hide/remove certain status, Suppress certain/all notifications
  • Central system settings application
    • Pros - Central location. Predictable. Good way to expose global settings.
    • Cons - Large collection of settings to wade through to find settings for a specific desktop element. Separate mental models to find/access the desktop element and to find/access its settings.
    • Potential Commands - Change background, Change application colors, icons, style, windec, fonts, Remove application group, Change application group, Open application group, Switch application group, Close application group, Add link to remote file storage location, Remove link to remote file storage location, Change status, Hide/remove certain status, Suppress certain/all notifications, Change behavior/appearance of input device, Add input device, Remove input device, Change behavior/appearance of output device, Add output device, Remove output device

Layout Design

Layouts for configuration of Background, Panels and Widgets

/DesktopPanelLayout

Layouts for application configuration

No design changes are proposed for changing application colors, icons, style, windec, fonts. The current system settings approach seems to work well.

Layouts for application groups configuration

No design proposals yet. A virtual desktop layout design proposal was requested separately and provided on the VDG forum here. No consideration was given in that design to the general concept of application grouping or activities. That doesn't necessarily mean we should merge virtual desktops and activities (they're different implementation concepts). That said, this may be an opportunity to better expose the current activities feature.

Layouts for status configuration

No design proposals.

Layouts for notifications configuration

No design proposals.

Layouts for other desktop elements

Input and Output can be configured via the system settings application. Files and data (local & remote) are configured via the desktop file manager. They seem to work well, so no design changes proposed.

Implementation Targets