Projects/Usability/HIG/Notifications: Difference between revisions

From KDE TechBase
< Projects‎ | Usability‎ | HIG
(Created page with "__NOTOC__ back to Human Interface Guidelines == Purpose == A ''notification'' is an information that is not relevant to actual workflow. It is displ...")
 
(some language improvements, replaced "header" with "title", modified content length guideline, added comments)
Line 2: Line 2:
back to [[Projects/Usability/HIG|Human Interface Guidelines]]
back to [[Projects/Usability/HIG|Human Interface Guidelines]]
== Purpose ==
== Purpose ==
A ''notification'' is an information that is not relevant to actual workflow. It is displayed via a certain [[Projects/Usability/HIG/NotificationMechanism|notification mechanism]] on a panel beneath the taskbar notification area. Notifications inform users about non-critical problems, but they don't prevent them.
A ''notification'' is an information that is not directly relevant to the user's current task. It is displayed via a certain [[Projects/Usability/HIG/NotificationMechanism|notification mechanism]] on a panel above/below the taskbar notification area. Notifications inform users about non-critical problems, but they don't prevent them.


Notifications pop-up and overlay all other windows. More than one notification are stacked vertically. Notifications disappear after a short period automatically, but can be closed by the user or keep visible by mouse over (remark: better description necessary). Each notification has its own [[Projects/Usability/HIG/CentralConfiguration|central configuration]] which can be reach by a small button with a wrench icon. (remark: icon description is too specific here)
Notifications pop up and overlay all other windows. Multiple notifications are stacked vertically. Notifications disappear after a short period automatically (unless the cursor hovers over them), but can be closed by the user at any point. Each notification has its own [[Projects/Usability/HIG/CentralConfiguration|central configuration]] which can be reached by a button next to the close button.
== Examples ==
== Examples ==
(remark: pictures only?)
(remark: pictures only?)
Line 13: Line 13:
* Low battery power
* Low battery power
todo: picture
todo: picture
=== (Epic) Fails ===
=== Negative ===
* Low space on medium (this information becomes relevant for file managers and invoked as modal message in this case)
* Low space on medium (this information becomes relevant for file managers and invoked as modal message in this case)
todo: picture
todo: picture
Line 19: Line 19:
* Do not use notifications for user assistance (consider to use [[Projects/Usability/HIG/Tooltip|tool-tips]] or [[Projects/Usability/HIG/Balloon|balloons]] for short information, or refer to [[Projects/Usability/HIG/HelpSystem|help system]] for extended text.
* Do not use notifications for user assistance (consider to use [[Projects/Usability/HIG/Tooltip|tool-tips]] or [[Projects/Usability/HIG/Balloon|balloons]] for short information, or refer to [[Projects/Usability/HIG/HelpSystem|help system]] for extended text.
* Do not use notifications for context relevant information that might interfere with the actual workflow (consider to use a [[Projects/Usability/HIG/MessageDialog|message dialog]].
* Do not use notifications for context relevant information that might interfere with the actual workflow (consider to use a [[Projects/Usability/HIG/MessageDialog|message dialog]].
* Do not add controls to notification.
* Do not add controls to notification. <span style="color:blue">Thomas: I would remove this. Adding action buttons is allowed in the API and has reasonable use cases, other controls simply cannot be added technically)</span>
* Do not override system settings. (remark: more specific)
* Do not override system settings. (remark: more specific) <span style="color:blue">Thomas: Which settings do you mean here?</span>
* Provide header and content text (remark: not precise enough)
* Provide title and content text (remark: not precise enough) <span style="color:blue">Thomas: guidelines regarding the wording of title and content are indeed very important. Maybe celeste can help here.</span>
* Add origin and topic to the header. For instance: "Amarok: Now playing" or "Konsole: Event"
* Add origin and topic to the title. For instance: "Amarok: Now playing" or "Konsole: Event"
* Notification content must not exceed three lines.
* Keep the notification content concise (no more than about three simple sentences).<span style="color:blue">Thomas: See David's comments in his mail</span>
* Customize notification with the origin's icon. (remark: word "origin" needs to be replaced; "icon" might be replaced by technical term)
* Customize notification with the origin's icon. (remark: word "origin" needs to be replaced; "icon" might be replaced by technical term)  
* Provide actionable information (e.g. "Low battery power" "Only 13 min (2%) capacity remaining. Please save your stuff now. Your system will get shut down soon.") (remark: should be according actual text)
* Provide actionable information (e.g. "Low battery power" "Only 13 min (2%) capacity remaining. Please save your stuff now. Your system will get shut down soon.") (remark: should be according actual text)
to be defined: Are all notifications configured in KCM? If not, how to separate?
to be defined: Are all notifications configured in KCM? If not, how to separate?
== Code snippets ==
== Code snippets ==
to be done
to be done

Revision as of 22:11, 25 May 2013

back to Human Interface Guidelines

Purpose

A notification is an information that is not directly relevant to the user's current task. It is displayed via a certain notification mechanism on a panel above/below the taskbar notification area. Notifications inform users about non-critical problems, but they don't prevent them.

Notifications pop up and overlay all other windows. Multiple notifications are stacked vertically. Notifications disappear after a short period automatically (unless the cursor hovers over them), but can be closed by the user at any point. Each notification has its own central configuration which can be reached by a button next to the close button.

Examples

(remark: pictures only?)

Positive

  • Email received
  • New update available
  • Download completed
  • Low battery power

todo: picture

Negative

  • Low space on medium (this information becomes relevant for file managers and invoked as modal message in this case)

todo: picture

Guidelines

  • Do not use notifications for user assistance (consider to use tool-tips or balloons for short information, or refer to help system for extended text.
  • Do not use notifications for context relevant information that might interfere with the actual workflow (consider to use a message dialog.
  • Do not add controls to notification. Thomas: I would remove this. Adding action buttons is allowed in the API and has reasonable use cases, other controls simply cannot be added technically)
  • Do not override system settings. (remark: more specific) Thomas: Which settings do you mean here?
  • Provide title and content text (remark: not precise enough) Thomas: guidelines regarding the wording of title and content are indeed very important. Maybe celeste can help here.
  • Add origin and topic to the title. For instance: "Amarok: Now playing" or "Konsole: Event"
  • Keep the notification content concise (no more than about three simple sentences).Thomas: See David's comments in his mail
  • Customize notification with the origin's icon. (remark: word "origin" needs to be replaced; "icon" might be replaced by technical term)
  • Provide actionable information (e.g. "Low battery power" "Only 13 min (2%) capacity remaining. Please save your stuff now. Your system will get shut down soon.") (remark: should be according actual text)

to be defined: Are all notifications configured in KCM? If not, how to separate?

Code snippets

to be done