7 μυστικά για την ενίσχυση του UX με μικρο-αλληλεπιδράσεις
Γνωρίζοντας ότι όλοι κρίνουμε ένα βιβλίο από το εξώφυλλό του, οι έξυπνοι σχεδιαστές δημιουργούν πιασάρικες και πρακτικές διεπαφές. Οι πιθανοί χρήστες μπορεί να είναι γαντζωμένοι, αλλά πώς τους μπούμα τους μέχρι το δρόμο;
Προσπαθώντας να απαντήσω σε αυτή την ερώτηση, όλοι οι δρόμοι οδηγούν σε μια ανθρωποκεντρική προσέγγιση σχεδιασμού , όπου ο χρήστης είναι ο πρωταρχικός στόχος. Να είστε άνθρωπος: η αίτησή σας πρέπει να μιλάει την ίδια γλώσσα που χρησιμοποιούμε καθημερινά, συμπεριλαμβανομένων των συναισθημάτων, της ομιλούμενης ομιλίας και με μια πινελιά της εμφάνισης. Μια διεπαφή πρέπει να είναι ο καλός φίλος σας, έτοιμος να δώσει συμβουλές προσπαθώντας να ενισχύσει την εμπειρία σας, και να σας κάνει να σας καγχάζει.
Κουρτίνες επάνω, χτύπησε τα φώτα: μικρο-αλληλεπιδράσεις έρχονται σε παιχνίδι. Για να είμαστε ακριβέστεροι, πρόκειται για διαδραστικές κινούμενες εικόνες που συνοδεύονται από μια διεπαφή για να καταστήσουν πιο ελκυστική. Ένα καλό κινούμενο σχέδιο μπορεί:
- Επικοινωνήστε με την κατάσταση και δώστε ανατροφοδότηση
- Βελτιώστε την αίσθηση της άμεσης χειραγώγησης
- Βοηθήστε τους ανθρώπους να απεικονίσουν τα αποτελέσματα των ενεργειών τους
Στο UX, αυτό που έχει σημασία είναι ο τρόπος με τον οποίο χειρίζεστε τους χρήστες και πώς αισθάνονται κατά τη χρήση του προϊόντος. Ακόμη και μικρά στοιχεία αξίζουν ιδιαίτερη προσοχή. Οι μικρο-αλληλεπιδράσεις παρέχουν στους χρήστες την απαραίτητη ανατροφοδότηση και την κατανόηση των συνεχιζόμενων διαδικασιών, καθιστώντας μια διεπαφή προσιτή ανεξάρτητα από το πόσο περίπλοκη είναι η λογική πίσω από αυτήν.
1) Εμφάνιση της κατάστασης του συστήματος
Ο πρώτος ευχρηστία ευρετική αρχή από τον Jakob Nielsen δηλώνει: ενημερώστε τον χρήστη σας για το τι συμβαίνει. Οι χρήστες αναμένουν να λάβουν άμεσες απαντήσεις, αλλά υπάρχουν περιπτώσεις όπου ένας ιστότοπος χρειάζεται κάποιο χρόνο για να ολοκληρωθεί η ενέργεια.
Έτσι, η διεπαφή θα πρέπει να κρατά τον χρήστη φωτισμένο για το τι συμβαίνει με την εμφάνιση ενός γραφικού στο παρασκήνιο, τη μέτρηση του bitrate ή την αναπαραγωγή ενός ήχου. Η ίδια αρχή σχετίζεται με τις μεταφορές αρχείων: μην επιτρέπετε στον χρήστη να βαρεθεί. δείχνουν την πρόοδό τους. Ακόμη και μια όχι τόσο ευχάριστη ειδοποίηση, όπως η αποτυχία της μεταφοράς, θα πρέπει να παραδοθεί με χαριτωμένο τρόπο. Κάντε το χρήστη σας χαμόγελο!
2) Επισημάνετε τις αλλαγές
Συχνά, για να εξοικονομήσετε χώρο, μια εφαρμογή θα αντικαταστήσει απλά ένα κουμπί με ένα άλλο όταν χρειάζεται. Μερικές φορές πρέπει να εμφανίζουμε ειδοποιήσεις για να βεβαιωθούμε ότι το βλέπει ο χρήστης. Οι κινούμενες εικόνες θα προσελκύσουν την προσοχή τους και δεν θα αφήσουν τους χρήστες να παραβλέπουν αυτό που νομίζετε ότι είναι σημαντικό.
3) Διατηρήστε το πλαίσιο
Στην εποχή των smartphones και των έξυπνων ρολογιών με μικρές οθόνες, μπορεί να είναι δύσκολη η τοποθέτηση πολλών πληροφοριών σε μία οθόνη. Ένας τρόπος για να το χειριστείτε είναι να διατηρείτε σαφή πλοήγηση μεταξύ διαφορετικών σελίδων. οπότε ο χρήστης καταλαβαίνει τι εμφανίστηκε από εκεί και είναι σε θέση να πλοηγηθεί εύκολα. Υπάρχουν πολλές επιλογές για αυτό:
4) Μη τυποποιημένες διατάξεις
Συνεχίζοντας με τα προηγούμενα παραδείγματα, οι μικρο-αλληλεπιδράσεις πρέπει να βοηθούν τους χρήστες να κατανοούν τον τρόπο αλληλεπίδρασης με τις ασυνήθιστες διατάξεις χωρίς περιττή σύγχυση. Οι φωτογραφίες που γυρίζουν προς τα εμπρός, τα γραφήματα κύλισης και οι περιστρεφόμενοι χαρακτήρες είναι όλες οι εξαιρετικές επιλογές:
5) Προσκλήσεις για δράση
Εκτός από το να βοηθήσουμε έναν χρήστη να αλληλεπιδρά αποτελεσματικά με μια εφαρμογή, οι μικροδρασμοί έχουν τη δύναμη να ενθαρρύνουν τους χρήστες να αλληλεπιδρούν: συνεχίστε να περιηγείστε, όπως ή να μοιράζεστε περιεχόμενο, μόνο και μόνο επειδή είναι ελκυστικό και δεν θέλουν να φύγουν:
6) Οραματίστε την είσοδο
Η εισαγωγή δεδομένων είναι ένα από τα πιο σημαντικά στοιχεία οποιασδήποτε εφαρμογής. Τα ποιοτικά αποτελέσματα των χρηστών εξαρτώνται από την εισαγωγή δεδομένων. Κατά κανόνα, είναι αρκετά βαρετό, αλλά οι μικρο-αλληλεπιδράσεις μετατρέπουν αυτή τη διαδικασία σε κάτι ιδιαίτερο:
7) Κάντε τα μαθήματα ζωντανά
Και φυσικά, τα κινούμενα σχέδια μπορούν να βοηθήσουν στην εκπαίδευση των χρηστών μετά την εκκίνηση μιας εφαρμογής, επισημαίνοντας τα βασικά χαρακτηριστικά και τα στοιχεία ελέγχου που απαιτούνται για περαιτέρω χρήση, χωρίς εμπόδιο.
Συμπεράσματα
Έτσι, αν εκτιμήσετε την εμπειρία του χρήστη σας, γυαλίστε τη διεπαφή σας από το A στο Z, δημιουργώντας μικρο-αλληλεπιδράσεις και κινούμενα σχέδια. Θα αναπνεύσει τη ζωή στο έργο σας.
Η προσοχή σε κάθε λεπτομέρεια είναι το κλειδί της επιτυχίας σας, καθιστώντας την αλληλεπίδραση ανθρώπου-υπολογιστή εύκολη στη χρήση.