Differences between revisions 8 and 20 (spanning 12 versions)
Revision 8 as of 2010-11-08 16:28:14
Size: 5722
Editor: shoobe01
Comment:
Revision 20 as of 2011-07-15 01:07:56
Size: 8276
Editor: shoobe01
Comment:
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
{{attachment:ExitGuard-BasicSoftkey.png||align="right"}} {{attachment:ExitGuard-BasicSoftkey.png|The Exit Guard is a modal dialogue that interrupts the process of exiting an application or process. The "Cancel" Softkey will close the dialogue, and return to the last state, without exiting.|align="right"}}
Line 3: Line 3:
Exiting a screen, process or application could cause a catastrophic (unrecoverable) loss of data, or a break in the session.  Exiting a screen, process or application could cause a catastrophic (unrecoverable) loss of data, or a break in the session.

Exit guards can be built into almost any process, though in some cases preservation of information can be difficult. Plan carefully to assure that the goal of keeping user data is well designed.
Line 7: Line 9:
Present a modal dialogue which delays the user from exiting immediately (the app or function is kept open in the background), informs them of the consequences of exiting (loss of data) and requires them to make choices, at least confirm exit or return to session. You should simply present a modal dialogue which delays the user from exiting immediately. The use of the '''[[Pop-Up]]''' keeps the app or function open in the background, so should preserve any information. The dialogue informs the user of the consequences of exiting (loss of data) and requires them to make choices, at least to confirm exit or return to session.
Line 9: Line 11:
Build systems to prevent data loss even if exiting occurs. For example, auto-save all user entry, save draft messages, etc. In many cases, even critical entry systems may forgo an '''Exit Guard''' as long as recovery is simple and the process may be easily re-initiated. Be sure to build systems to prevent data loss even if exiting occurs. For example, auto-save all user entry, save draft messages, etc. In many cases, even critical entry systems may forgo an '''Exit Guard''' as long as recovery is simple and the process may be easily re-initiated. These concepts are discussed further under '''[[Cancel Protection]]'''.
Line 11: Line 13:
For high security or time-sensitive entry, such as banking, it may be implausible to auto-save information with sufficient security, or a break in the session may cause too much delay. In these cases, an explicit '''Exit Guard''' is useful. For high security or time-sensitive entry, such as banking, you may find it implausible to auto-save information with sufficient security, or a break in the session may cause too much delay. In these cases, an explicit '''Exit Guard''' is useful.
Line 14: Line 16:
{{attachment:ExitGuard-BasicTouch.png||align="right"}} {{attachment:ExitGuard-BasicTouch.png|Devices without Softkeys will place both buttons within the modal dialogue. The top is generally the "Exit" button, and the bottom will "Cancel" the request.|align="right"}}
Line 18: Line 20:
Sometimes, additional options may also be presented. These are usually special exit conditions, such as choosing to exit with or without saving. Sometimes, you may also want to present additional options. These are usually special exit conditions, such as choosing to exit with or without saving, as discussed under the '''[[Confirmation]]''' pattern.
Line 20: Line 22:
A variant uses the '''Wait Indicator''' and a delay timer to provide one-click exiting, as long as the user is willing to wait a short time. For immediate exit, an "Exit now" button can be selected. A variant uses the '''Wait Indicator''' and a delay timer to provide one-click exiting, as long as the user is willing to wait a short time. For immediate exit, provide an "Exit now" button for the user to select.
Line 26: Line 28:
{{attachment:ExitGuard-DetailExit.png||align="right"}}
If additional selections are required, they may be loaded in any way needed, such as buttons in the Pop-Up, as pick lists, etc. Use any Softkeys or softkey-like buttons for primary supporting actions, such as Cancel. In the example of exiting with unsaved documents, the choices to exit without saving and save documents would be in the dialogue, and the option to return to the application would be labeled "Cancel" and be the Softkey conventionally used for this.
{{attachment:ExitGuard-DetailExit.png|Titles, descriptions and labels must be clear and easy to understand. If additional options are available, such as the example to the right, display those within the same dialogue.|align="right"}}
If additional selections are required, you may load them in any way needed, such as buttons in the Pop-Up, as a '''[[Select List]]''' or so on. Use any Softkeys or softkey-like buttons for primary supporting actions, such as Cancel. In the example of exiting with unsaved documents, the choices to exit without saving and save documents would be in the dialogue, and the option to return to the application would be labeled "Cancel" and be the Softkey conventionally used for this.
Line 29: Line 31:
Avoid disregarding Softkeys entirely, for consistency of the interface. For devices with softkeys, even if the Pop-Up can be designed to hold all the required buttons, use softkeys for at least some expected actions. If "Back" is always on one of the Softkeys, use that function as the "cancel" function for this screen.
Line 33: Line 35:
It may additionally be desirable to have no function selected by default on scroll and select devices (requiring a deliberate scroll then select to make either choice). Touch and pen devices may wish to consider the location of the dialogue buttons relative to the original exit selection mechanism, to prevent accidental or too-easy input; requiring moving to a different part of the screen may be sufficiently deliberate to avoid accidental activation. You may also wish to have no function selected by default on scroll and select devices (requiring a deliberate scroll then select to make either choice). Touch and pen devices may wish to consider the location of the dialogue buttons relative to the original exit selection mechanism, to prevent accidental or too-easy input; requiring moving to a different part of the screen may provide a sufficiently deliberate action to avoid accidental activation.
Line 37: Line 39:
{{attachment:ExitGuard-Delays.png||align="right"}} {{attachment:ExitGuard-Delays.png|Delays may be used for convenience, left, or to add an additional level of assurance to the guard process, right. When describing press-and-hold or other special key behavior, the key can be iconically represented, and pointed at.|align="right"}}
Line 40: Line 42:
The Title of the dialogue must clearly denote the condition requested, usually "Exit?" "Confirm Exit" or something similar. Make sure the Title of the dialogue clearly denotes the condition requested, usually "Exit?" "Confirm Exit" or something similar.
Line 44: Line 46:
Button labels must not depend on the description or title. Never present selections such as "Yes" and "No." The best are along the lines of  Button labels must not depend on the description or title. Never present selections such as "Yes" and "No." The best are along the lines of:
Line 52: Line 54:
When the delay timer is configured so the user must continue an action, a dialogue must appear as soon as the exit function is selected, to inform the user how to exit. If used in the condition where a function must be continuously pressed for a certain time to exit, state how long, and provide a countdown so the user knows how much longer they have. If the button is released before the time required to exit, the dialogue should remain on the screen for several seconds so the first time user, more familiar with short presses and taps, has a chance to learn the process. When the delay timer is configured so the user must continue an action, a dialogue must appear as soon as the exit function is selected, to inform the user how to exit. If used in the condition where a function must be continuously pressed for a certain time to exit, state how long, and provide a countdown so the user knows how much longer they have. If the button is released before the time required to exit, the dialogue should remain on the screen for several seconds so the first time user, more familiar with short presses and taps, has a chance to learn the process.   This dialogue may carry additional cues such as being associated with the location of the button being used, and having a graphic of the button associated with it, perhaps in the title bar. For touch devices, the pop-up should spring from the virtual key being pressed, which should not itself move during this action.
Line 56: Line 60:
Do not use '''Exit Guard''' for all applications and processes. Do not use '''Exit Guard''' for all applications and processes. Limit to only those that must be explicitly protected.
Line 58: Line 62:
F Use only a single dialogue with a single set of selections. Do not make exiting a process, where step one confirms exit, step two is deciding what to do with unsaved documents, and so forth.
Line 61: Line 65:

----
= Discuss & Add =
Please do not change content above this like, as it's a perfect match with the printed book. Everything else you want to add goes down here.
Line 62: Line 71:
If you want to add examples (and we occasionally do also) add them here.

== Make a new section ==
Just like this. If, for example, you want to argue about the differences between, say, Tidwell's Vertical Stack, and our general concept of the List, then add a section to discuss. If we're successful, we'll get to make a new edition and will take all these discussions into account.

The Exit Guard is a modal dialogue that interrupts the process of exiting an application or process. The "Cancel" Softkey will close the dialogue, and return to the last state, without exiting.

Problem

Exiting a screen, process or application could cause a catastrophic (unrecoverable) loss of data, or a break in the session.

Exit guards can be built into almost any process, though in some cases preservation of information can be difficult. Plan carefully to assure that the goal of keeping user data is well designed.

Solution

You should simply present a modal dialogue which delays the user from exiting immediately. The use of the Pop-Up keeps the app or function open in the background, so should preserve any information. The dialogue informs the user of the consequences of exiting (loss of data) and requires them to make choices, at least to confirm exit or return to session.

Be sure to build systems to prevent data loss even if exiting occurs. For example, auto-save all user entry, save draft messages, etc. In many cases, even critical entry systems may forgo an Exit Guard as long as recovery is simple and the process may be easily re-initiated. These concepts are discussed further under Cancel Protection.

For high security or time-sensitive entry, such as banking, you may find it implausible to auto-save information with sufficient security, or a break in the session may cause too much delay. In these cases, an explicit Exit Guard is useful.

Devices without Softkeys will place both buttons within the modal dialogue. The top is generally the "Exit" button, and the bottom will "Cancel" the request.

Variations

The most typical variant is a simple modal dialogue, informing the user of the risk of exiting, and presenting a choice to exit or return to the previous state.

Sometimes, you may also want to present additional options. These are usually special exit conditions, such as choosing to exit with or without saving, as discussed under the Confirmation pattern.

A variant uses the Wait Indicator and a delay timer to provide one-click exiting, as long as the user is willing to wait a short time. For immediate exit, provide an "Exit now" button for the user to select.

A sub-variant of the timer, used for high criticality applications, reverses the process. The user must select to exit in a short time (or continue pressing the exit button for a designated time period) or the process will not terminate and will return to the last state.

Interaction Details

Titles, descriptions and labels must be clear and easy to understand. If additional options are available, such as the example to the right, display those within the same dialogue. If additional selections are required, you may load them in any way needed, such as buttons in the Pop-Up, as a Select List or so on. Use any Softkeys or softkey-like buttons for primary supporting actions, such as Cancel. In the example of exiting with unsaved documents, the choices to exit without saving and save documents would be in the dialogue, and the option to return to the application would be labeled "Cancel" and be the Softkey conventionally used for this.

For devices with softkeys, even if the Pop-Up can be designed to hold all the required buttons, use softkeys for at least some expected actions. If "Back" is always on one of the Softkeys, use that function as the "cancel" function for this screen.

Keyboard and touch input buffers must be cleared the moment the exit selection is made. This will prevent accidental press-and-hold or multiple click buffered input from skipping past the Exit Guard dialogue. If there continue to be problems with this, add a brief delay (1/10th of a second or less is usually enough) before accepting new input.

You may also wish to have no function selected by default on scroll and select devices (requiring a deliberate scroll then select to make either choice). Touch and pen devices may wish to consider the location of the dialogue buttons relative to the original exit selection mechanism, to prevent accidental or too-easy input; requiring moving to a different part of the screen may provide a sufficiently deliberate action to avoid accidental activation.

Presentation Details

Delays may be used for convenience, left, or to add an additional level of assurance to the guard process, right. When describing press-and-hold or other special key behavior, the key can be iconically represented, and pointed at. Timed Exit Guard dialogues must notify the user using tones and/or vibration, to assure they are seen. This may also be useful for conventional Exit Guard dialogues, to assure the user does not assume the application or process exited, and then does not check back for some time. Use the system set volume or vibration settings in general, but always at least vibrate, even if set to no output at all. Remember, this only happens on user action, so is not a notification and should not be detectable to others.

Make sure the Title of the dialogue clearly denotes the condition requested, usually "Exit?" "Confirm Exit" or something similar.

If the title is insufficient to explain the situation, there are special conditions (such as unsaved documents) or to explain a timed exit function, a description should immediately follow the title.

Button labels must not depend on the description or title. Never present selections such as "Yes" and "No." The best are along the lines of:

  • "Exit"
  • "Cancel"

Where "Cancel" is the OS default label or icon for canceling or going back from the current process. In this case, the process is the subset of the previous process, or the exit condition Pop-Up itself. The logic can get confusing if you think about it too much, so don't.

When a choice is clearly the preferred one, that should be indicated. The OS standards should include a method of indicating button preference such as color, icon use or border treatment. This may or may not be the safest choice; the criticality of the process being cancelled, and the input method will determine it.

When the delay timer is configured so the user must continue an action, a dialogue must appear as soon as the exit function is selected, to inform the user how to exit. If used in the condition where a function must be continuously pressed for a certain time to exit, state how long, and provide a countdown so the user knows how much longer they have. If the button is released before the time required to exit, the dialogue should remain on the screen for several seconds so the first time user, more familiar with short presses and taps, has a chance to learn the process.

This dialogue may carry additional cues such as being associated with the location of the button being used, and having a graphic of the button associated with it, perhaps in the title bar. For touch devices, the pop-up should spring from the virtual key being pressed, which should not itself move during this action.

Antipatterns

Do not use Exit Guard for all applications and processes. Limit to only those that must be explicitly protected.

Use only a single dialogue with a single set of selections. Do not make exiting a process, where step one confirms exit, step two is deciding what to do with unsaved documents, and so forth.


Discuss & Add

Please do not change content above this like, as it's a perfect match with the printed book. Everything else you want to add goes down here.

Examples

If you want to add examples (and we occasionally do also) add them here.

Make a new section

Just like this. If, for example, you want to argue about the differences between, say, Tidwell's Vertical Stack, and our general concept of the List, then add a section to discuss. If we're successful, we'll get to make a new edition and will take all these discussions into account.

Exit Guard (last edited 2013-04-11 00:01:27 by shoobe01)