Συμβουλές εργαλείων που εξηγούν χωρίς να παρεμποδίζονται
Πώς να σχεδιάσετε συμβουλές εργαλείων που βοηθούν: σύντομες συμπληρωματικές πληροφορίες, πρόσβαση με το δείκτη του ποντικιού και το πληκτρολόγιο, εναλλακτικές λύσεις αφής και γιατί οι βασικές οδηγίες δεν ανήκουν ποτέ σε μια επεξήγηση εργαλείου.
Core Takeaway
Οι συμβουλές εργαλείων είναι σύντομα μηνύματα που εμφανίζονται στο δείκτη του ποντικιού ή στο πληκτρολόγιο για να δώσουν συμπληρωματικές πληροφορίες, όπως τι σημαίνει μέτρηση. Κρατήστε τα σύντομα, μην βάζετε ποτέ βασικές οδηγίες, κάντε τα προσβάσιμα μέσω πληκτρολογίου, παρέχετε μια εναλλακτική λύση που βασίζεται στο πάτημα στις οθόνες αφής και μην βάζετε συνδέσμους ή κουμπιά μέσα.
Τι είναι μια συμβουλή εργαλείου
Το Nielsen Norman Group ορίζει μια επεξήγηση εργαλείου ως ένα σύντομο, ενημερωτικό μήνυμα που εμφανίζεται όταν ένας χρήστης αλληλεπιδρά με ένα στοιχείο, το οποίο ξεκινά από ένα ποντίκι ή ένα ποντίκι ποντικιού (διατήρηση εστίασης του πληκτρολογίου σε ένα στοιχείο). Επειδή εξαρτώνται από το δείκτη του ποντικιού, οι συμβουλές εργαλείων δεν είναι συνήθως διαθέσιμες σε οθόνες αφής.
Συμπληρωματικό, ποτέ απαραίτητο
Το NN/g δίνει ένα σαφές παράδειγμα λάθους: έναν ιστότοπο που έβαλε τις απαιτήσεις κωδικού πρόσβασης σε μια επεξήγηση εργαλείου. Οι πληροφορίες που χρειάζονται οι άνθρωποι για να ολοκληρώσουν μια εργασία πρέπει να εμφανίζονται στην οθόνη. Οι συμβουλές εργαλείων ταιριάζουν σε ορισμούς, επεξηγήσεις για τους λόγους για τους οποίους ζητείται ένα πεδίο και ετικέτες για κουμπιά μόνο με εικονίδια.
Προσιτότητα
Κάντε τις συμβουλές εργαλείων χρησιμοποιήσιμες για όλους:
- Ανοίξτε την εστίαση στο πληκτρολόγιο καθώς και τοποθετήστε το δείκτη του ποντικιού.
- Αφήστε τους ανθρώπους να το απορρίψουν με το Escape χωρίς να μετακινήσετε την εστίαση.
- Κρατήστε το ανοιχτό ενώ ο δείκτης κινείται πάνω του.
- Συνδέστε το στη σκανδάλη του, ώστε οι αναγνώστες οθόνης να το ανακοινώνουν.
- Μην τοποθετείτε μέσα διαδραστικό περιεχόμενο. χρησιμοποιήστε ένα popover αντ 'αυτού.
Συμβουλές εργαλείων σε συσκευές αφής
Το Hover δεν υπάρχει στην αφή. Χρησιμοποιήστε ένα ορατό εικονίδιο πληροφοριών που ανοίγει ένα μικρό popover στο πάτημα ή εμφανίστε την επεξήγηση ενσωματωμένη. Για πολύπλοκες εταιρικές μετρήσεις, ένα εικονίδιο πληροφοριών δίπλα στην ετικέτα είναι ένα οικείο μοτίβο σε κάθε συσκευή.
Κίνηση και χρονισμός
Μια μικρή καθυστέρηση πριν από την εμφάνιση αποτρέπει το τρεμόπαιγμα των συμβουλών εργαλείων καθώς ο δείκτης περνά πάνω από στοιχεία. Μόλις ανοίξει ένα, μπορούν να εμφανιστούν αμέσως γειτονικές συμβουλές εργαλείων. Ένα γρήγορο ξεθώριασμα ή μια μικρή κλίμακα από τη σκανδάλη βοηθά τους ανθρώπους να δουν από πού προήλθε. Διατηρήστε το κάτω από περίπου 150 χιλιοστά του δευτερολέπτου.
Κλειδί Principles για να θυμάστε
- Οι συμβουλές εργαλείων είναι σύντομες και συμπληρωματικές
- Ποτέ μην κρύβετε βασικές οδηγίες σε μια συμβουλή εργαλείου
- Υποστήριξη εστίασης πληκτρολογίου και Escape
- Χρησιμοποιήστε ένα εικονίδιο πληροφοριών με δυνατότητα αγγίγματος σε συσκευές αφής
- Δεν υπάρχει διαδραστικό περιεχόμενο στις συμβουλές εργαλείων
Συχνές Ερωτήσεις
Πηγές
- Tooltip Guidelines — Nielsen Norman Group