Τα κουμπιά δεν πρέπει να έχουν δείκτη χεριού

Αυτό είναι μέρος 1 μιας σειράς τριών μερών. Εδώ είναι μέρος 2 και μέρος 3.

Υπάρχει η πεποίθηση ότι ο δείκτης χεριού (δείκτη) σημαίνει κλικ, αλλά αυτό είναι λάθος και ενδεχομένως προβληματικό.

Το χέρι δεν σημαίνει κλικ

Δεν είναι τυχαίο που τα προγράμματα περιήγησης δεν δίνουν κουμπιά (και άλλα στοιχεία) δείκτη δείκτη - είναι επειδή δεν προορίζονται. Δείτε την παρακάτω εικόνα:

Η σελίδα αναζήτησης Google στο Chrome στο Mac OS

Σχεδόν κάθε στοιχείο είναι διαδραστικό και με δυνατότητα κλικ - το μενού, οι καρτέλες, ο κενός χώρος, τα κουμπιά περιήγησης, η γραμμή σελιδοδεικτών και το πλαίσιο αναζήτησης της Google - κανένα από αυτά δεν έχει δείκτη δείκτη.

Υπάρχουν περισσότερα στοιχεία με δυνατότητα αλληλεπίδρασης που δεν εμφανίζονται παραπάνω: επιλέξτε μενού, ρυθμιστικά, πλαίσια ελέγχου, ραδιόφωνα, ετικέτες, εικόνες, κενό διάστημα (πχ δεξί κλικ - προβολή πηγής) και κείμενο - και πάλι, κανένα από αυτά δεν έχει δείκτη δείκτη.

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

Η Άδεια Χρήσης είναι ένας σύνδεσμος και παίρνει το δείκτη του δείκτη. Τα κουμπιά δεν είναι.

Η αντιληπτή προσφορά παρέχεται από τον τρόπο που φαίνεται κάτι ανεξάρτητα από τον δρομέα. Να θυμάστε ότι ο δρομέας είναι διαθέσιμος μόνο όταν τοποθετείτε το δείκτη του ποντικιού με μια συσκευή κατάδειξης όπως ένα ποντίκι.

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

Τι λένε οι αρχές

Οι οδηγοί σχεδίασης της Microsoft μιλούν για αδύναμη προσφορά:

Οι σύνδεσμοι κειμένου και γραφικών χρησιμοποιούν έναν δείκτη [...] χεριού [...] λόγω της αδύναμης προσφοράς τους. Ενώ οι σύνδεσμοι μπορεί να έχουν άλλες οπτικές ενδείξεις για να υποδείξουν ότι είναι συνδέσεις (όπως υπογραμμίσεις και ειδική τοποθέτηση), η εμφάνιση του δείκτη χεριού στην αιωρούμενη είναι η οριστική ένδειξη ενός συνδέσμου.
Για να αποφευχθεί η σύγχυση, είναι επιτακτική η μη χρήση του δείκτη χειρός για άλλους σκοπούς. Για παράδειγμα, τα κουμπιά εντολών έχουν ήδη ισχυρή προσφορά, επομένως δεν χρειάζονται δείκτη χειρός. Ο δείκτης χεριού πρέπει να σημαίνει "αυτός ο στόχος είναι ένας σύνδεσμος" και τίποτε άλλο.

Οι Οδηγίες Ανθρώπινης Διεπαφής της Apple δηλώνουν ότι ο δείκτης χεριού θα πρέπει να χρησιμοποιείται όταν "το περιεχόμενο είναι σύνδεσμος URL". Οι οδηγίες του W3C User Interface αναφέρουν το ίδιο πράγμα πάλι με το "Ο δρομέας είναι ένας δείκτης που υποδεικνύει έναν σύνδεσμο".

Ο δείκτης χεριού είναι για συνδέσμους

Το χέρι (και συχνά υπογραμμισμένο κείμενο) δηλώνει έναν σύνδεσμο. Οι σύνδεσμοι δεν είναι κουμπιά. Οι σύνδεσμοι ήρθαν μαζί με τον ιστό. Για να βοηθήσετε τους χρήστες να καταλάβουν ότι είναι διαφορετικοί, τους δίνεται ο δείκτης χεριού. Χρησιμεύει ως επιπλέον ένδειξη. Εδώ γιατί:

  1. Κάνοντας κλικ σε ένα σύνδεσμο ανοίγει μια ιστοσελίδα ή ένας πόρος.
  2. (Στην επιφάνεια εργασίας) Μπορώ να κάνω δεξί κλικ σε έναν σύνδεσμο και να κάνω πολλά πράγματα (που δεν μπορώ να κάνω με ένα κουμπί). Ανοίξτε σε νέα καρτέλα / παράθυρο, αποθηκεύστε έναν σύνδεσμο, αντιγράψτε τη διεύθυνση, προσθέστε στη λίστα ανάγνωσης, κάντε το σελιδοδείκτη και πολλά άλλα.
  3. (Σε κινητές συσκευές) Μπορώ να πατήσω και να κρατήσω ένα σύνδεσμο και να πάρω ένα παρόμοιο μενού περιβάλλοντος όπως στο προηγούμενο σημείο.
  4. Ένας σύνδεσμος επίσης μου λέει ότι πηγαίνω απλά κάπου αλλού. Δεν τροποποιώ τα δεδομένα ή δεν πραγματοποιώ καθόλου αλλαγές (όπως είναι πιθανό να κάνει ένα κουμπί).

Περίληψη

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

Ο δείκτης χεριού είναι δεσμευμένος για συνδέσμους. Αυτό οφείλεται στο γεγονός ότι είναι μοναδικά στη συμπεριφορά τους. Τα προγράμματα περιήγησης και τα λειτουργικά συστήματα έχουν κάνει τη δουλειά για εσάς - επειδή σε αντίθεση με τη δημοφιλή πεποίθηση - οι περιηγητές γνωρίζουν καλύτερα.

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

Παρακολούθηση των δημοσιεύσεων

  • Αλλά μερικές φορές οι συνδέσεις μοιάζουν με κουμπιά
  • Κουμπιά δεν πρέπει να έχουν ένα δρομέα χέρι Μέρος 2

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