Difference between revisions of "User Experience/Projects/NonModalMessageSystem"

From Apache OpenOffice Wiki
Jump to: navigation, search
(Visualization Style 2a)
(Small - New Design Proposal by Stella)
 
(23 intermediate revisions by the same user not shown)
Line 12: Line 12:
 
* Warning
 
* Warning
 
* Question
 
* Question
 +
* Update notification
  
=== Visualization Style 1===
+
=== Step 1 - Message Style 1===
  
 
Every time the message is not directly triggered by the user (i.e collaboration messages) the following message type is being used.
 
Every time the message is not directly triggered by the user (i.e collaboration messages) the following message type is being used.
 
   
 
   
====Small (preferred visualization)====
+
====Small - Classic Design====
 
[[File:Message system small.png|900px]]
 
[[File:Message system small.png|900px]]
  
 
* Messages could disappear automatically after a configurable time. The 'Close' button then shows a text '(n)'..'(0)'. The message will be hidden if the counter reaches 0.
 
* Messages could disappear automatically after a configurable time. The 'Close' button then shows a text '(n)'..'(0)'. The message will be hidden if the counter reaches 0.
 +
* Only for current document? (or global/local classification)
 +
* Show 'Messages' button for real messages only? (not for temporary ones)
  
 
[[File:Message system small menu.png|900px]]
 
[[File:Message system small menu.png|900px]]
  
 +
====Small - New Design Proposal by Stella====
  
=== Message Center ===
+
'''Info (Yellow)'''
'''Message Center in Start Center''' (early draft)
+
Mock-up will follow.
+
  
'''Message Center in Side Pane''' (early draft)
+
[[File:Message design proposal 01.png|900px]]
  
[[File:Showallmessages center.png]]
+
More than one message:
 +
[[File:Message design proposal 01b.png|900px]]
  
Message could also be shown inside the StartCenter, beside templates and recent documents.
 
  
 +
'''Info (Grey)'''
  
==Experimental Mock-Ups==
+
[[File:Message design proposal 02.png|900px]]
=== Visualization Style 1===
+
====Large====
+
[[File:Message type1.png|900px]]
+
  
====Show All Mssages====
+
More than one message:
 +
[[File:Message design proposal 02b.png|900px]]
  
[[File:Showallmessages.png|900px]]
 
  
TBD: Show navigation on focus only.
+
'''Warning (Red)'''
TBD: Show only a' Message' button like shown in 'Small' mock-up only?
+
  
=== Visualization Style 2b ===
+
[[File:Message design proposal 03.png|900px]]
Temporary messages without special context: General messages without special context. Message disappears automatically.
+
  
[[File:Noncontextualinfo.png]]
+
More than one message:
 +
[[File:Message design proposal 03b.png|900px]]
  
Alternatively those contextual information could be shown as type 1 message. In this case the message has a timer, so it will automatically disappear.
+
====Contexts to Show a Non Modal Notice?====
 +
The following list shows situations where a non modal message could be helpful. The list is only a proposal:
  
=== Visualisation Style 3 (Optional) ===
+
All Applications:
This type needs a kind of fixed office button/place where all these message will be shown. This type of message is more interruptive than type 1 and covers more user interface of OOo. But it could be useful if OOo task window is minimized (not sure about technical limitations).
+
* No spellcheck support for current text/document language
 +
* No hyphenation support for some text due to different language.
 +
* OOo Update notification
 +
* Alien file format warning? (for non ODF or standard file formats)
 +
* Macro security warning on loading
 +
* Error report tool
 +
* User feedback program notification
 +
* Product registration notification
 +
* Sharing messages
 +
* Author name not given when inserting a field or note or comment
 +
* Document in read only mode (loading/editing)
 +
* Surveys?
 +
* Abort printing in background.
 +
* Extension disabled due to max version feature.
 +
* Too small display resolution info.
 +
* Warning about comments etc. in document, when running PDF export. (security settings)
 +
 
 +
Writer:
 +
* The document might have got pictures, which are linked to external webpages. A message can tell, when they are not loadable at all because of missing internet connection or not loadable in a reasonable time.
 +
* Large documents (like ODF specification) need a long time until they are paginated. During this time you already see the document. But when you have clicked somewhere the view suddenly jumps. You can see the page numbers change in the left part of the status bar. A more prominent message, that the document is still in paginating mode would be nice.
 +
 
 +
Calc:
 +
*Some situations in Calc are dangerous. For example, if you have hidden some rows and then select a range to do something with the selected cells, the hidden cells are affected too.
 +
*When converting from align formats, some functions in the align format might be slightly different from their version in OOo. A message can tell, that the import filter has detected such functions. The same holds for ODF format. There are several parts "implementation dependent" in the ODF spec. Here too a message on opening would be helpful, when OOo detects, that the document was not generated by an OOo version.
 +
*When Excel produces ODF files, it uses its own formula namespace. The user should be notified about this, when opening such file.
 +
 
 +
=== Step 2 - Message Style 2a ===
 +
Temporary messages in context: Information is only of interest in a special context. I.e. feedback when searching the document. Message disappears automatically.
 +
 
 +
[[File:Message type2.png]]<br>
 +
Alternatively those contextual information could be shown as style 1 message. In this case the message has a timer, so it will automatically disappear.
 +
 
 +
=== Step 3 - Contextual Message ===
 +
This visualization can be used in text or on an object. If not focused and mouse is not near the context, the visual hint is minimal.
 +
 
 +
[[File:Intext 1.png]]
 +
 
 +
If focused/cursor near context, the following icon is faded in:
 +
 
 +
[[File:Intext 2.png]]
 +
 
 +
On click a contextual menu is opened. Info icon turned into closer, so that menu could be closed without moving the mouse.
 +
 
 +
[[File:Intext 3.png]]
 +
 
 +
=== Message Center ===
 +
''' Main Menu Integration '''
 +
We need a hook in the main menu.
 +
 
 +
'''Message Center in Start Center''' (early draft)
 +
Mock-up will follow.
 +
 
 +
'''Message Center in Side Pane''' (early draft)
 +
 
 +
[[File:Showallmessages center.png]]
 +
 
 +
Message could also be shown inside the StartCenter, beside templates and recent documents.
  
[[File:Message type3.png]]
+
[http://wiki.services.openoffice.org/wiki/User_Experience/Projects/NonModalMessageSystem_Drafts Experimental Mock-Ups]
  
 
==References==
 
==References==

Latest revision as of 16:45, 15 December 2010

ux-ooo-logo-rgb-129-61.png

ux.openoffice.org

Quick Navigation

Team

Communication

Activities


Non Modal Message System

Current versions of OpenOffice.org use modal dialogs to give feedback in many situations. This interrupts users every time such a dialog is shown. Most of these messages are not that important, but it is no option to stop giving feedback. Furthermore new features, like sharing documents with others need a kind of message system to broadcast collaboration information. Giving feedback needs to be accessible, so it is not sufficient to show a message text somewhere in a dialog or just to change the color of a control. Those text and color changes will not be read by AT tools.

Work in Progress.

Message Types and Visualization Styles

Note: Visual representation (colors, design, icons) of the following is subject to change.

Types

  • Information
  • Warning
  • Question
  • Update notification

Step 1 - Message Style 1

Every time the message is not directly triggered by the user (i.e collaboration messages) the following message type is being used.

Small - Classic Design

Message system small.png

  • Messages could disappear automatically after a configurable time. The 'Close' button then shows a text '(n)'..'(0)'. The message will be hidden if the counter reaches 0.
  • Only for current document? (or global/local classification)
  • Show 'Messages' button for real messages only? (not for temporary ones)

Message system small menu.png

Small - New Design Proposal by Stella

Info (Yellow)

Message design proposal 01.png

More than one message: Message design proposal 01b.png


Info (Grey)

Message design proposal 02.png

More than one message: Message design proposal 02b.png


Warning (Red)

Message design proposal 03.png

More than one message: Message design proposal 03b.png

Contexts to Show a Non Modal Notice?

The following list shows situations where a non modal message could be helpful. The list is only a proposal:

All Applications:

  • No spellcheck support for current text/document language
  • No hyphenation support for some text due to different language.
  • OOo Update notification
  • Alien file format warning? (for non ODF or standard file formats)
  • Macro security warning on loading
  • Error report tool
  • User feedback program notification
  • Product registration notification
  • Sharing messages
  • Author name not given when inserting a field or note or comment
  • Document in read only mode (loading/editing)
  • Surveys?
  • Abort printing in background.
  • Extension disabled due to max version feature.
  • Too small display resolution info.
  • Warning about comments etc. in document, when running PDF export. (security settings)

Writer:

  • The document might have got pictures, which are linked to external webpages. A message can tell, when they are not loadable at all because of missing internet connection or not loadable in a reasonable time.
  • Large documents (like ODF specification) need a long time until they are paginated. During this time you already see the document. But when you have clicked somewhere the view suddenly jumps. You can see the page numbers change in the left part of the status bar. A more prominent message, that the document is still in paginating mode would be nice.

Calc:

  • Some situations in Calc are dangerous. For example, if you have hidden some rows and then select a range to do something with the selected cells, the hidden cells are affected too.
  • When converting from align formats, some functions in the align format might be slightly different from their version in OOo. A message can tell, that the import filter has detected such functions. The same holds for ODF format. There are several parts "implementation dependent" in the ODF spec. Here too a message on opening would be helpful, when OOo detects, that the document was not generated by an OOo version.
  • When Excel produces ODF files, it uses its own formula namespace. The user should be notified about this, when opening such file.

Step 2 - Message Style 2a

Temporary messages in context: Information is only of interest in a special context. I.e. feedback when searching the document. Message disappears automatically.

Message type2.png
Alternatively those contextual information could be shown as style 1 message. In this case the message has a timer, so it will automatically disappear.

Step 3 - Contextual Message

This visualization can be used in text or on an object. If not focused and mouse is not near the context, the visual hint is minimal.

Intext 1.png

If focused/cursor near context, the following icon is faded in:

Intext 2.png

On click a contextual menu is opened. Info icon turned into closer, so that menu could be closed without moving the mouse.

Intext 3.png

Message Center

Main Menu Integration

We need a hook in the main menu.

Message Center in Start Center (early draft)

Mock-up will follow.

Message Center in Side Pane (early draft)

Showallmessages center.png

Message could also be shown inside the StartCenter, beside templates and recent documents.

Experimental Mock-Ups

References

Christoph Noack

DirectManipulationSnippets Direct Manipulation Snippets
ContextualInformation

FF4 Proposal [1][2]

Personal tools