Συναγερμοί

Μια προειδοποίηση παρέχει πληροφορίες σχετικά με την κατάσταση του συστήματος της εφαρμογής ή ζητά ουσιώδεις πληροφορίες για το πως να προχωρήσει μια συγκεκριμένη εργασία. Διακρίνεται από τους άλλους τύπους παραθύρου στο ότι δεν έχει ζητηθεί απευθείας από το χρήστη και συνήθως περιέχει ένα μήνυμα ή μια ερώτηση αντί για επεξεργάσιμα στοιχεία ελέγχου. Από τη στιγμή που προειδοποιήσεις είναι μια ενοχλητική παρέμβαση στη δουλειά του χρήστη, μην τις χρησιμοποιείτε εκτός από όπου είναι αναγκαίο για να αποφευχθεί πιθανή απώλεια δεδομένων ή άλλα σοβαρά προβλήματα.

Μία ειδοποίηση έχει ένα περίγραμμα παρόμοιο με εκείνο ενός παραθύρου, και είναι πρότυπο αντικειμένου.

An alert should not appear in the panel window list unless it is, or may be, the only window shown by an application. For example, an appointment reminder alert may be shown after the main calendar application window has been closed.

Otherwise, an alert should be raised above the application when the application window itself is selected from the window list.

Φιγούρα 3-10Ένα παράδειγμα συναγερμού
Μορφοποίηση τίτλου

Alert windows have no titles, as the title would usually unnecessarily duplicate the alert's primary text. This way, users can read and respond to alerts more quickly as there is less visual noise and confounding text.

Αλαλγή μεγέθους

Alert windows are not resizable. If the user needs to resize your alert, the text is probably not concise enough.

Εντολέςς παραθύρων:

Κανένα

Οι ειδοποιήσεις πρέπει να βρίσκονται πάνω από τα γονικά στοιχεία

Alerts do not appear in the system window list. Consequently, take care to ensure that alerts stay above their parent window. Otherwise, users will be likely to lose the alert and find your application unresponsive for no apparent reason. Modal windows should always stay above the window(s) they block.

3.4.1. Κείμενο ειδοποίησης

An alert may contain both primary and secondary text. The primary text briefly summarizes the situation. The secondary text provides additional information.

Make both the primary and secondary text selectable. This makes it easy for the user to copy and paste the text to another window, such as an email message.

Φιγούρα 3-11Τοποθέτηση πρωτεύοντος και δευτερεύοντος κειμένου
Πρωτεύον κείμενο

The primary text provides the user with a one sentence summary of the information or suggested action. This summary should concisely contain the essential details of the problem or suggestion. Every alert has primary text, displayed in a bold font slightly larger than the default. The primary text is punctuated in 'newspaper headline' style, that is, it has no terminating period, but it may have a terminating question mark.

Επισημάνετε το πρωτεύον κείμενο με τη σήμανση pango:

<span weight="bold"
      size="larger">Primary Text</span>

Δευτερεύον κείμενο

Secondary text provides a more in-depth description of the problem and suggested action, including possible side effects. Secondary text can also provide information that may be helpful in allowing the user to make an informed decision. In most situations the user should only need the primary text to make a quick decision, but they may read the secondary text if they are unsure of the proper course of action, or require extra details. Secondary text is optional, but if used, place it one text line height beneath the primary text using the default font size and weight.

3.4.2. Κουμπιά ειδοποιήσεων

Give all alerts an affirmative button that dismisses the alert and performs the action suggested in the primary text. Provide a Cancel button for all alerts displayed in response to a user actions, such as Quit. If the alert warns of a technical problem or other situation that could result in data loss, provide a Help button that provides more information on the particular situation and explains the user's options. You may also provide buttons to perform alternate actions that provide another possible solution, fix potential problems, or launch related dialogs or programs.

Φιγούρα 3-12Ταξινόμηση και τοποθέτηση κουμπιών για ειδοποιήσεις
Διατύπωση κουμπιών

Write button labels as imperative verbs, for example Save, Print. This allows users to select an action with less hesitation. An active phrase also fits best with the button's role in initiating actions, as contrasted with a more passive phrase. For example Find and Log In are better buttons than than Yes and OK.

  • Κουμπί κατάφασης

    Place the affirmative button in the lower right corner of the alert. The affirmative button accepts the action proposed by the alert, or simply dismisses the alert if no action is suggested (as is the case with an information alert).

  • Κουμπί ακύρωσης

    If the alert was produced in response to a user action, place a Cancel button immediately to the left of the affirmative button. This provides an escape route for users to stop an action in response to new information, or just if they clicked accidentally. Clicking the Cancel button reverts the application to its state prior to the user action.

  • Κουμπί βοήθειας

    A Help button may be used to clarify alerts that present potentially destructive options. Place the Help button in the lower left corner of the alert. When clicked, launch a help window clarifying the situation, detailing the actions performed by the other buttons, and explaining any side-effects that each action may have.

  • Εναλλακτικά κουμπιά

    Extra buttons may be used to provide alternates to the primary action proposed by the alert text. Place these buttons to the left of the Cancel button, or the affirmative button if Cancel is not present. An example of a common alternate action would be a Quit without Saving button in a save confirmation alert. This is an alternative to the primary suggested action Save and the Cancel button.

3.4.3. Διάστιχο και τοποθέτηση μέσα σε ειδοποιήσεις

Using clear, consistent spacing in alerts makes the message easier to digest and the available responses more obvious.

Φιγούρα 3-13Διάστιχο μέσα σε μία ειδοποίηση
Κατευθυντήριες γραμμές
  • Το περίγραμμα γύρω από τις άκρες της ειδοποίηησς, και το διάκενο μεταξύ του εικονιδίου και του κειμένου, είναι 12 εικονοστοιχεία.
  • Το οριζόντιο διάστιχο μεταξύ των κουμπιών σε 6 εικονοστοιχεία.
  • Προσθέστε μία αλλαγή γραμμής στο τυπικό μέγεθος γραμματοσειράς κάτω από το πρωτεύον και δευτερεύον κείμενο, ή 24 εικονοστοιχεία αν χρησιμοποιείτε το Glade.
  • Στοιχίστε την κορυφή του ατοιχείου με την κορυφή του πρωτεύοντος κειμένου.
  • Εφαρμόστε αριστερή στοίχιση στο κείμενο του μηνύματος, σε δυτικές εντοπιότητες.
Τεχνικές λεπτομέρειες για την κατάλληλη διάταξη

Create a new GtkDialog window specifying the number of buttons you wish the alert to contain (and a help button if appropriate). The GtkDialog will contain a GtkVBox with an empty upper row, and a lower row containing a GtkButtonBox with buttons in it. In the empty upper row, place a new GtkHBox. In the left column of the GtkHBox place a GtkImage. In the right column of the GtkHBox place a GtkLabel. Inside the GtkLabel place Primary Text first (using the appropriate Pango markup, see Ενότητα 3.4.1 ― Κείμενο ειδοποίησης), then put two linebreaks (return), then place Secondary Text. Now change the properties for each control according to these tables:

Table 3-1Ιδιότητες για το GtkDialog
Ιδιότητα Τιμή
Τίτλος (κανένα)
Πλάτς περιγράμματος 6
Τύπος Ανώτερο επίπεδο
Με δυνατότητα αλλαγής μεγέθους Όχι
Έχει διαχωριστικό Όχι
Table 3-2Ιδιότητες για το GtkVBox (συμπεριλαμβάνονται στο διάλογο εξ ορισμού)
Ιδιότητα Τιμή
Διάστιχο 12
Table 3-3Ιδιότητες για το GtkHBox
Ιδιότητα Τιμή
Διάστιχο 12
Πλάτς περιγράμματος 6
Table 3-4Ιδιότητες για το GtkImage
Ιδιότητα Τιμή
Στοίχιση Y 0.00
Μέγεθος εικονιδίου Διάλογος
Table 3-5Ιδιότητες για το GtkLabel
Ιδιότητα Τιμή
Χρήση επισήμανσης Ναι
Αναδίπλωση κειμένου Ναι
Στοίχιση Y 0.00

3.4.4. Ειδοποιήσεις πληροφοριών

Χρησιμοποιήστε μία ειδοποίηση πληροφοριών όταν ο χρήστης πρέπει να γνωρίζει τις πληροφορίες που παρουσιάζονται πριν συνεχίσει, ή έχει ζητήσει συγκεκριμένες πληροφορίες. Παρουσιάστε λιγότερο σημαντικές πληροφορίες με άλλα μέσα όπως ένα μήνυμα γραμμής κατάστασης.

Φιγούρα 3-14Μία ειδοποίησης πληροφοριών
Μία ειδοποίησης πληροφοριών…
  • χρησιμοποιεί το εικονίδιο πληροφοριών.
  • presents a selectable message and an OK button. The button is placed in the bottom right corner of the alert. Pressing Enter or Escape dismisses the alert.
  • may present a convenience button to give access to a relevant object. For example, a Details button in an appointment reminder alert that opens the appointment's property window. Place this button to the left of the affirmative button.
Εντολέςς παραθύρων:

Τύλιγμα/Ξετύλιγμα, Ελαχιστοποίηση (αν η ειδοποίηση δεν έχει γονικό παράθυρο,) Κλείσιμο

3.4.5. Ειδοποιήσεις σφάλματος

Display an error alert when a user-requested operation cannot be sucessfully completed. Present errors caused by operations not requested by the user by another means, unless the error could result in data loss or other serious problems. For example, an error encountered during an email check initiated by the user clicking a toolbar button should present an error alert. However, an error encountered in an automated periodic email check would more appropriately report failure with a statusbar message.

Φιγούρα 3-15Μία ειδοποίηση σφάλματος
Μία ειδοποίηση σφάλματος…
  • χρησιμοποιεί το εικονίδιο σφάλματος.
  • presents a selectable message and an OK button. The button is placed in the bottom-right corner of the alert. Pressing Enter may dismiss the error alert.
  • may present a convenience button to allow immediate handling of the error. For example, a Format... button in a "This disk is not formatted" alert. Place this button to the left of the affirmative button.
Εντολέςς παραθύρων:

Τύλιγμα/Ξετύλιγμα

3.4.6. Ειδοποιήσεις επιβεβαίωσης

Present a confirmation alert when the user's command may destroy their data, create a security risk, or take more than 30 seconds of user effort to recover from if it was selected in error.

Φιγούρα 3-16Μία ειδοποίηση επιβεβαίωσης
Μία ειδοποίηση επιβεβαίωσης…
  • χρησιμοποιεί το εικονίδιο ειδοποίησης.
  • presents a selectable message and a button labelled with a verb or verb phrase describing the action to be confirmed, or labelled OK if such a phrase would be longer than three words. This button is placed in the bottom right corner of the alert.
  • presents a Cancel button that will prevent execution of the user's command. This button is placed to the immediate left of the OK or equivalent button.
  • may present an alternate action button or a convenience button. Place this button to the left of the Cancel button.
Εντολέςς παραθύρων:

Τύλιγμα/Ξετύλιγμα

3.4.6.1. Αποθήκευση ειδοποιήσεων επιβεβαίωσης

Save confirmation alerts help ensure that users do not lose document changes when they close applications. This makes closing applications a less dangerous operation.

Φιγούρα 3-17Αποθήκευση ειδοποίησης επιβεβαίωσης
Πρωτεύον κείμενο

Save changes to document Document Name before closing?

You may replace “document” with a more appropriate description, for example “image” or “diagram” if the document in question is not primarily text.

Δευτερεύον κείμενο

If you close without saving, changes from the last Time Period will be discarded

The secondary text provides the user with some context about the number of changes that might be unsaved.

Κουμπιά

Close without Saving, Cancel, Save

When a confirmation alert is needed, present it immediately. If the user confirms closing without saving, hide the alert and the document or application window immediately, before doing any necessary internal clean-up. If the user chooses to save before closing, hide the alert immediately but show the document window until the document is saved, in case an error occurs. Then hide the document window immediately after it has been saved successfuly.

3.4.7. Ειδοποιήσεις εξουσιοδότησης

Authentication alerts prompt the user for information necessary to gain access to protected resources, such as their username or password. Authentication alerts are a special kind of alert because they are both routine and largely unavoidable. Every attempt should be made to retain information entered into an authentication alert as long as is possible within security constraints.

Φιγούρα 3-18Μία ειδοποίησης εξουσιοδότησης

Κατευθυντήριες γραμμές
  • Χρησιμοποιήστε το αποθηκευμένο εικονίδιο εξουσιοδότησης.
  • Show a labelled field for each required item of information. Suggested fields are Username and Password (in that order) where appropriate.
  • If it is secure to retain the username longer than the password, pre-fill the username field and give focus to the password field when the alert is displayed.
  • Show a button labelled with a verb or verb phrase describing the authentication action, or OK if there is no appropriate phrase or such a phrase would be longer than three words. Place this button in the bottom right corner of the alert.
  • Do not enable the OK or equivalent button until all fields that require input have been attended to by the user. Remember that not all fields may require input however, for example an empty password may be acceptable in some applications.
  • Show a Cancel button that will prevent authentication and close the alert. Place this button to the immediate left of the OK or equivalent button.
  • Place any alternative action or convenience button to the left of the Cancel button.
  • When the user presses Return in the last field, activate the default button. When the user presses Return in any other field, move focus to the next field.

Εντολέςς παραθύρων:

Τύλιγμα/Ξετύλιγμα