Πώς να χρησιμοποιήσετε το Tooltips ως Microinteractions
Τα Tooltips είναι δυνητικά η καλύτερη και πιο αποτελεσματική προσέγγιση για την επιβίβαση νέων χρηστών σε οποιαδήποτε εφαρμογή, λογισμικό, πρόγραμμα ή διεπαφή χρήστη. Είναι γενικά πολύ χρήσιμοι, ξεκάθαροι στην επικοινωνία τους και διακριτικοί, ώστε οι χρήστες να μπορούν να κάνουν ό, τι υποδεικνύουν τα εργαλεία, χωρίς να παρεμβάλλονται εμπόδια.
Με αυτό τον τρόπο, η μέση επεξήγησή σας είναι εύκολα μια μικροδιαίσθηση, καθώς βοηθά τους χρήστες να επιτύχουν μια μόνο εργασία ή βοηθά τους χρήστες να χειραγωγούν μια διαδικασία. Μια μικροδιαθεσιμότητα είναι ένα υποσύνολο της εμπειρίας του χρήστη: Είναι μια δυναμική διαδικασία που ξεκινάει από μια σκανδάλη, προκαλεί κάτι να συμβεί, παρέχει ανατροφοδότηση στο χρήστη και στη συνέχεια ενημερώνει τον χρήστη για το επόμενο βήμα.
Τα καλά εργαλεία έχουν σχεδιαστεί ώστε να είναι τόσο διακριτικά ώστε μερικές φορές να ορκίζεσαι ότι δεν ήταν ποτέ εκεί. Αυτή είναι και η ένδειξη μιας πολύ μεγάλης αλληλεπίδρασης μικροφώνου: Σας χάνονται πραγματικά μόνο αν δεν είναι ξαφνικά εκεί για να σας βοηθήσουν να επιτύχετε ένα έργο.
Ας ρίξουμε μια σε βάθος ματιά σε ποια tooltips θα πρέπει να χρησιμοποιηθούν, τι έχει σημασία στο σχεδιασμό εργαλείων, τι πρέπει να συμπεριλάβουμε και τι πρέπει να αποφύγουμε.
Χρησιμοποιήστε τις περιπτώσεις για τα εργαλεία
Υπάρχουν εργαλεία για την ενίσχυση του UX του ιστότοπου ή της εφαρμογής σας. Αυτό είναι λίγο πολύ. Αυτές οι μικρές αλληλεπιδράσεις πρέπει να κάνουν τη ζωή πιο εύκολη για τους χρήστες σας με κάποιο τρόπο, σχήμα ή μορφή. Παρόλο που ο σκοπός τους είναι απλή, ορθή και συνεπής εφαρμογή τους στην πλατφόρμα σας μπορεί να είναι μια διαφορετική ιστορία, δεδομένου ότι μπορεί να πάρει δύσκολο να κάνει τη σωστή κλήση.
Μη γνωστά εικονίδια ή κουμπιά
Όταν οι χρήστες σας συναντούν εικονίδια ή κουμπιά που δεν είναι εξοικειωμένα με αυτά ή δεν έχουν διαφορετική ετικέτα, τότε είναι καλή ιδέα να σχεδιάσετε μερικές συμβουλές στο περιβάλλον εργασίας. Ακόμα κι αν ένα εικονίδιο ή ένα κουμπιά είναι εξοικειωμένοι, αλλά χρειάζεται μια σύντομη εξήγηση στους χρήστες του σκάφους γρήγορα - πείτε, στην περίπτωση ενός γρανάζι σε ένα ταμπλό - τότε η συμπερίληψη ενός tooltip κάνει όλο το νόημα στον κόσμο.
Πρόσθετες (μη βασικές) πληροφορίες
Εδώ είναι το κλειδί: δεν είναι απαραίτητο. Μια επεξήγηση εργαλείων μπορεί να παρέχει επιπλέον πληροφορίες στους χρήστες, έτσι ώστε η οθόνη να μην είναι υπερβολικά γεμάτη από περιττό κείμενο.
Ένα καλό παράδειγμα αυτού είναι όταν έχετε ανοιχτές καρτέλες στο πρόγραμμα περιήγησής σας: όταν τοποθετείτε το δείκτη του ποντικιού πάνω από την καρτέλα, θα εμφανιστεί γρήγορα μια επεξήγηση, δίνοντάς σας τον ακριβή τίτλο της ιστοσελίδας όπου βρίσκεστε. Τώρα, αυτές οι επιπλέον πληροφορίες δεν είναι απαραίτητες, αλλά είναι ωραίο να έχετε όταν θέλετε να σημειώσετε ακριβώς ποια σελίδα επισκέπτεστε.
Εάν οι πληροφορίες είναι απαραίτητες, μια επεξήγηση εργαλείων δεν είναι καλό. Οι πληροφορίες θα πρέπει να περιλαμβάνονται μόνιμα στη διασύνδεσή σας για ευκολία χρήσης και γρήγορη αναφορά.
Τα εργαλεία δεν είναι ιδανικά για όλα
Με τον ίδιο τρόπο, τα εργαλεία μπορούν να γίνουν γρήγορα επιβλαβή για το μεγάλο UX σε μια συσκευή όταν χρησιμοποιούνται εσφαλμένα. Η παρακμή της χρήσης τους είναι ένας σίγουρος τρόπος να γίνουν οι χρήστες σας άρρωστοι και κουρασμένοι από αυτό που είναι διαφορετικά ένα πολύ χρήσιμο μέσο καθοδήγησης των χρηστών σας μέσα από ένα περιβάλλον εργασίας που μόλις σχεδιάσατε.
Άγνωστος σχεδιασμός
Το απροσδιόριστο σχεδιασμό είναι όταν το σχέδιό σας αναγκάζει τους χρήστες σας να συνεχίσουν να βασίζονται σε μια επεξήγηση εργαλείων για να το κάνουν μέσω της διεπαφής σας. Σε ένα τέτοιο σενάριο, η καλύτερη συμβουλή εργαλείων δεν θα βοηθήσει, διότι, κατά βούληση, κάτι είναι λάθος στο σχεδιασμό σας που συνεχώς αναγκάζει τους χρήστες σας να συνεχίσουν να ελέγχουν πολύ το εργαλείο. Μια επεξήγηση εργαλείων θα πρέπει πραγματικά να χρησιμοποιηθεί μόνο για να επιβιβαστούν οι χρήστες σε μια συγκεκριμένη διαδικασία, αλλά, μετά από αυτό το αρχικό μάθημα, οι χρήστες θα πρέπει να μπορούν να κάνουν τα ίδια τα πράγματα.
Αλληλεπίδραση με το περιεχόμενο του εργαλείου
Μερικές φορές, είναι απαραίτητο οι χρήστες να αλληλεπιδρούν πραγματικά με το περιεχόμενο μέσα στην ίδια την επεξήγηση εργαλείου. Για παράδειγμα, το περιεχόμενο ενός εργαλείου μπορεί να περιλαμβάνει ένα κουμπί παρότρυνσης για δράση και το περιεχόμενο ενδέχεται να ζητήσει από τους χρήστες να κάνουν κλικ στο κουμπί. Θα μπορούσε να είναι τίποτα από ένα κουμπί εγγραφής για σύνδεση σύνδεσης.
Ωστόσο, θεωρείται υπο-par design να συμπεριλάβετε τέτοια διαδραστικά στοιχεία μέσα στο tooltips σας εάν εξαφανιστούν όταν οι χρήστες σας μεταφέρουν τους δρομείς τους στην επεξήγηση εργαλείων ... για να ακολουθήσουν την κλήση για δράση. Απλά σκεφτείτε πόσο απογοητευτικό είναι αυτό για τους χρήστες - ειδικά όταν η συμβουλή του εργαλείου τους λέει πώς μπορούν να εκτελέσουν τη δράση για να αρχίσουμε!
Σε τέτοιες περιπτώσεις, απλώς επιτρέψτε στις προσκλήσεις για δράση να μιλήσουν για τον εαυτό τους, σχεδιάζοντάς τους αρκετά αρκετά ώστε να μπορούν να παρατηρήσουν όλα αυτά μόνα τους.
Κανόνες για φοβερό σχεδιασμό εργαλείων
Ο τρόπος με τον οποίο σχεδιάζετε τις επεξηγήσεις εργαλείων σας για να παρέχετε μικροδραστικές αλληλεπιδράσεις που καθοδηγούν τους χρήστες και παρέχουν ανατροφοδότηση, κάνει μεγάλη διαφορά στην απόλαυση της διεπαφής σας. Με το να ξοδεύετε λίγο επιπλέον χρόνο για το πώς σχεδιάζετε τα tooltips, μπορείτε να δώσετε μια χρήσιμη εμπειρία στους χρήστες σας αντί να απογοητευτούν.
Μινιμαλισμός
Όπως και με τόσα άλλα στον σχεδιασμό ιστοσελίδων, ο μινιμαλισμός κάνει για μια ανώτερη διεπαφή. Υπάρχει λιγότερη πιθανότητα κάτι να μην είναι τόσο σαφές όσο θα έπρεπε για το χρήστη ... και έτσι να καταστρέψει αυτό που διαφορετικά θα ήταν μια χρήσιμη μικρο αλληλεπίδραση. Ο μινιμαλισμός σημαίνει βασικά χρώματα, αντίγραφα και γλώσσα.
Βιωσιμότητα
Η συμβουλή σας θα πρέπει να είναι τόσο χρήσιμη, διακριτική και βολική για τους χρήστες τη 100η φορά, καθώς ήταν η πρώτη φορά. Αντισταθείτε στον πειρασμό να πάτε με αμφισβητήσιμα ή έξυπνα σχεδιαστικά συνθήματα και να πάτε με δοκιμασμένο, δοκιμασμένο και αληθινό αντ 'αυτού.
Χαρακτηριστικό
Τα εργαλεία θα πρέπει να είναι εύκολο να βρεθούν και να δουν χωρίς να χρειάζεται να καταφεύγουν οι χρήστες σε οποιαδήποτε εργασία ντετέκτιβ στην οθόνη. Ένας τρόπος για να επιτευχθεί αυτό είναι να χρησιμοποιείτε πολύ προφανείς οπτικές ή κατευθυντήριες ενδείξεις, όπως τα βέλη που πηγαίνουν από το εργαλείο στο στοιχείο (κουμπί, εικονίδιο κλπ.).
Σχετικές και λογικές πληροφορίες
Όταν εμφανιστεί μια επεξήγηση εργαλείου, οι πληροφορίες που περιέχει πρέπει να είναι εύκολα κατανοητές από τους χρήστες σας. Αυτό σημαίνει σύντομες προτάσεις με πολύ σαφή γλώσσα. Δεδομένου ότι η περιοχή στην οθόνη για μια επεξήγηση εργαλείων είναι ούτως ή άλλως περιορισμένη, είναι απαραίτητο να είναι πολύ συνοπτικό. Ωστόσο, πρέπει επίσης να αποφύγετε την παροχή πληροφοριών που είναι περιττές, δεδομένου ότι οι πληροφορίες σε μια επεξήγηση εργαλείων θα πρέπει να είναι μόνο συμπλήρωμα σε πληροφορίες που δεν είναι άμεσα εμφανείς στη διεπαφή σας.
Αυτό δεν μπορεί να τονιστεί αρκετά: Με το να σκεφτείτε πώς σχεδιάζετε τα tooltips σας, μπορείτε να τα κάνετε να συμβαδίζουν με το σκοπό τους και να αποφύγετε το χειρότερο είδος επεξήγησης, το οποίο είναι αυτό που εμποδίζει το έργο που θέλετε οι χρήστες να ολοκληρώσουν ομαλά.
Εργαλεία: η επιτομή των μικροδιαστημάτων
Με πολλούς τρόπους, οι εργαλειομηχανές είναι οι τελικές μικροσυσχέσεις. Βοηθούν τους χρήστες σας να επιτύχουν μια εργασία ή να χειριστούν μια διαδικασία σε μια διεπαφή που έχετε σχεδιάσει. Ανάλογα με το πώς τα σχεδιάζετε, μπορείτε να αποθηκεύσετε τους χρήστες σας σε πολλά προβλήματα ή να δυσκολέψετε τη ζωή τους.
Δυστυχώς, μπορεί να είναι αρκετά εύκολο για τους σχεδιαστές να πάρουν λάθος εργαλείο - εις βάρος των χρηστών τους. Για να εξασφαλιστεί ο σχεδιασμός αστρικών εργαλείων κάθε φορά, βοηθάει να κατανοηθεί πλήρως η πραγματική φύση και ο λόγος χρήσης των εργαλειομηχανών, μαζί με το τι λειτουργεί στον σχεδιασμό εργαλείων και τι όχι.
Μόνο τότε μπορείτε να παρέχετε στους χρήστες σας τις σχετικές πληροφορίες που χρειάζονται για να κατανοήσουν αποτελεσματικά τη διεπαφή σας με βολικό και απλό τρόπο.