Swipe-to-Action UX: Κάνοντας τις κρυφές χειρονομίες ανιχνεύσιμες και ασφαλείς
Πώς να σχεδιάσετε ενέργειες ολίσθησης σε λίστες: σημαίνοντα, κατώφλια, δεσμεύσεις πλήρους ολίσθησης, αναίρεση, προσβασιμότητα και γιατί το σάρωση δεν πρέπει ποτέ να είναι ο μόνος τρόπος.
Core Takeaway
Οι ενέργειες ολίσθησης είναι μια γρήγορη συντόμευση για συχνές ενέργειες λίστας, όπως η αρχειοθέτηση ή η διαγραφή, αλλά είναι κρυφές, επομένως δεν πρέπει ποτέ να είναι ο μόνος τρόπος για να κάνετε κάτι. Χρησιμοποιήστε τα για αναμενόμενες ενέργειες, εμφανίστε ένα σαφές όριο καθώς μετακινείται το στοιχείο, αφήστε ένα μερικό σάρωση να αποκαλύψει και ένα πλήρες σάρωση να πραγματοποιηθεί και προσφέρετε αναίρεση για καταστροφικές ενέργειες.
Τα προβλήματα χρηστικότητας
Το Nielsen Norman Group εντόπισε επαναλαμβανόμενα προβλήματα με τις ενέργειες ολίσθησης για αποκάλυψη: η έλλειψη σημαίνοντα καθιστά ασαφές πού λειτουργεί το σάρωση, οι μη τυπικές ενέργειες πίσω από το σάρωση εκπλήσσουν τους ανθρώπους που αναμένουν διαγραφή ή αρχειοθέτηση, η απόκρυψη πολλών ενεργειών πίσω από ένα σάρωση καθιστά δύσκολο τον εντοπισμό τους και το σάρωση μπορεί επίσης να είναι ασαφές μεταξύ των ενοτήτων πλοήγησης όταν γίνεται η ίδια πλοήγηση.
Πώς πρέπει να συμπεριφέρονται οι ενέργειες ολίσθησης
Το Material Design περιγράφει το κοινό μοτίβο στο Android: τα στοιχεία της λίστας μπορούν να αποκαλύψουν κουμπιά κατά το σάρωση και η κύρια ενέργεια είναι η τελική, ευθυγραμμισμένη στο τέλος επιλογή, την οποία ενεργοποιεί απευθείας ένα πλήρες σάρωση.
- Διατηρήστε το σάρωση για συχνές, αναμενόμενες ενέργειες: αρχειοθέτηση, διαγραφή, επισήμανση ως αναγνωσμένη.
- Δείξτε τη δράση και το χρώμα της καθώς κινείται το στοιχείο και αλλάξτε το ορατά στο όριο δέσμευσης.
- Ανοίξτε το στοιχείο πίσω εάν απελευθερωθεί πριν από το όριο.
- Προσφέρετε αναίρεση ή ζητήστε επιβεβαίωση για καταστροφικές ενέργειες.
- Μην συνδυάζετε ενέργειες οριζόντιας ολίσθησης με οριζόντια πλοήγηση με σάρωση στην ίδια οθόνη.
Ποτέ ο μόνος τρόπος
Επειδή το σάρωση είναι αόρατο, βάλτε τις ίδιες ενέργειες σε ένα ορατό μενού, μενού με παρατεταμένο πάτημα ή οθόνη λεπτομερειών. Αυτό καλύπτει επίσης την προσβασιμότητα: οι χρήστες του προγράμματος ανάγνωσης οθόνης και τα άτομα που δεν μπορούν να εκτελέσουν ακριβείς χειρονομίες χρειάζονται μια διαδρομή χωρίς χειρονομίες και οι πλατφόρμες παρέχουν ενέργειες προσβασιμότητας για αυτόν ακριβώς τον σκοπό.
Η κίνηση κάνει το σάρωση να φαίνεται αξιόπιστο
Το αντικείμενο θα πρέπει να παρακολουθεί το δάχτυλο ακριβώς, και κατά την απελευθέρωση ένα ελατήριο που μεταφέρει την ταχύτητα του δακτύλου κάνει τη δέσμευση ή την επαναφορά να αισθάνεται φυσική. Ένα σύντομο απτικό χτύπημα στο κατώφλι, όπου το υποστηρίζει η πλατφόρμα, επιβεβαιώνει την ενέργεια πριν σηκωθεί το δάχτυλο.
Κλειδί Principles για να θυμάστε
- Το σάρωση είναι κρυφό: παρέχετε πάντα μια ορατή εναλλακτική
- Χρησιμοποιήστε το για συχνές, αναμενόμενες ενέργειες
- Το μερικό σάρωση αποκαλύπτει, το πλήρες σάρωση δεσμεύεται, η πρόωρη απελευθέρωση επανέρχεται
- Αναίρεση ή επιβεβαίωση καταστροφικών ενεργειών
- Αποφύγετε αντικρουόμενες οριζόντιες χειρονομίες σε μία οθόνη
Συχνές Ερωτήσεις
Πηγές
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3