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

Η έννοια της εμπειρίας χωρίς τριβές

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

image3

Ο Uber γνωρίζει ότι όσο λιγότερα βήματα εμπλέκονται σε μια εργασία, τόσο λιγότερες τριβές.

Έξω από τα GUI, καλό παράδειγμα είναι το κουμπί της παύλας του Αμαζονίου, το οποίο σας επιτρέπει να παραγγείλετε μια ξαναγέμισμα ενός συγκεκριμένου προϊόντος με μία μόνο ώθηση.

image1
Κουμπί παύλα του Αμαζονίου

Καλή και κακή τριβή

Είναι σημαντικό να πούμε ότι υπάρχουν δύο τύποι τριβής - "καλή" και "κακή" τριβή:

"Καλή" τριβή

Υπάρχουν φορές που είναι πραγματικά επιθυμητή μια μικρή τριβή UI / UX. Όπως δήλωσε ο Sangeet Choudary: "Η τριβή στο σχεδιασμό είναι χρήσιμη αν διευκολύνει την αλληλεπίδραση αντί να [να πάρει] με τον τρόπο της." Μερικές φορές μπορεί να θέλετε να επιβραδύνετε τον χρήστη για να διασφαλίσετε ότι τα δεδομένα που συλλέγονται είναι σωστά ή για να εμποδίσετε τους χρήστες να πάρουν εσφαλμένη διαδρομή. Για παράδειγμα, για πράξεις με σοβαρές συνέπειες, κάποια τριβή δεν είναι κακή ιδέα.

image7

Η τριβή μπορεί να αποτρέψει τα λάθη ζητώντας επιβεβαίωση. Ένας χρήστης πρέπει να επιβεβαιώσει μια ενέργεια διαγραφής πληκτρολογώντας πραγματικά τη διαγραφή.

"Κακή" τριβή

Αυτή είναι μια ανεπιθύμητη τριβή που δημιουργείται από μια οπτική ακαταστασία (μια απασχολημένη διάταξη που συγχέει ή αποσπά την προσοχή του χρήστη), ασυνέπεια ("Γιατί το κουμπί" Υποβολή "φαίνεται διαφορετικά σε αυτή τη σελίδα;"), άγνωστα χαρακτηριστικά ή λειτουργίες. Η κακή τριβή είναι ο εχθρός του σχεδιασμού αλληλεπίδρασης επειδή δημιουργεί επιπλέον γνωστικό φορτίο στο περιβάλλον εργασίας χρήστη. Η μείωση της κακής τριβής είναι καλή για το UI σας.

Πώς να αποτρέψετε την κακή τριβή

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

1. Εξετάστε ένα πλήρες ταξίδι χρήστη

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

image4

Η κατοχή ενός χάρτη ταξιδιού χρήστη θα διευκόλυνε την εντοπισμό τριβών σε μια εμπειρία. Image Credit: Αποτελεσματική UI

2. Περιορίστε τον συνολικό αριθμό βημάτων που απαιτούνται για την ολοκλήρωση της εργασίας

Όσο λιγότερα βήματα εμπλέκονται σε μια εργασία, τόσο λιγότερες τριβές. Εδώ είναι ένα περίφημο παράδειγμα του John Gruber που συγκρίνει την ημερολογιακή εγγραφή:

"Η τυπική χρήση μου [στο iCal]:

  1. Κάντε διπλό κλικ στην ημερομηνία του συμβάντος στην προβολή μήνα.
  2. Πληκτρολογήστε το όνομα συμβάντος.
  3. Καρτέλα πίσω από την τοποθεσία.
  4. Καρτέλα κάτω από το πλαίσιο ελέγχου "όλη την ημέρα".
  5. Καρτέλα τελευταίο μήνα.
  6. Καρτέλα μετά την Ημέρα.
  7. Καρτέλα παρελθόντος έτους
  8. Εισαγάγετε την ώρα.
  9. Εισάγετε τα λεπτά.
  10. Ανταλλάξτε το AM / PM.

Σύγκριση και αντίθεση με το UI καταχώρισης συμβάντος για τη λειτουργία ημερολογίου στο Backpack:

  1. Κάντε διπλό κλικ στην ημερομηνία του συμβάντος στην προβολή μήνα.
  2. Πληκτρολογήστε την ώρα και το όνομα του συμβάντος. "

Είναι σαφές ποια εφαρμογή έχει λιγότερες τριβές για αυτό το έργο.

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

3. Σχεδιασμός σαφούς πλοήγησης

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

4. Ακολουθήστε την προσέγγιση "Less is More"

Ο τελικός σκοπός μιας διεπαφής είναι να κάνει τα πράγματα απλούστερα. Γι 'αυτό η απλότητα είναι ένα σημαντικό μέρος των στόχων που επιδιώκουν οι ειδικοί του σχεδιασμού χωρίς τριβές. Οι σχεδιαστές προσπαθούν να μεταφέρουν το απαραίτητο, αφαιρώντας το περιττό. Όπως είπε κάποτε ο Antoine de Saint-Exupery: «Η τελειότητα επιτυγχάνεται όχι όταν δεν υπάρχει τίποτα περισσότερο να προστεθεί, αλλά όταν δεν υπάρχει τίποτα που να απομακρύνει». Αυτό ισχύει απολύτως για τις διεπαφές των χρηστών. Ως σχεδιαστής, πρέπει να δώσετε προτεραιότητα μόνο στα στοιχεία που ταιριάζουν με τις προσδοκίες των χρηστών και να κόψετε οτιδήποτε δεν βοηθά τον χρήστη. Ένα καλό παράδειγμα ενός προϊόντος που ακολουθεί αυτή την αρχή είναι η αρχική σελίδα της Google: τόσο απλό όσο μπορεί. μόνο ένα πράγμα να κάνει και πολύ λευκό χώρο γύρω από αυτό.

image6

Συγκρίνετε την με την αρχική σελίδα του Yahoo που μοιάζει με ελβετικό μαχαίρι στρατού. Πολλές δυνατότητες και επιλογές μπορεί να είναι εκφοβιστικές και περιστασιακά επιβλαβείς.

image8

5. Χρησιμοποιήστε αναγνωρίσιμα μοτίβα διεπαφής χρήστη

Όταν αλληλεπιδράμε με γνωστά στοιχεία UI, μπορούμε να χρησιμοποιήσουμε τη γνώση από την προηγούμενη εμπειρία μας. Ωστόσο, κάθε φορά που πρέπει να μάθουμε πώς κάτι καινούριο λειτουργεί, δημιουργεί τριβές (πολύ λίγη γνώση μπορεί να επιδεινώσει την ευκολία χρήσης). Τα μοτίβα UI βοηθούν τους χρήστες να κατανοούν πολύπλοκα συστήματα και να αντιμετωπίζουν επιτυχώς τα δύσκολα καθήκοντα. Οι σχεδιαστές UX / UI θα πρέπει να χρησιμοποιούν όσο το δυνατόν περισσότερα κατάλληλα μοτίβα διεπαφής χρήστη. Αναγνωρίσιμες συμβάσεις, όπως ένα εικονίδιο μεγεθυντικού φακού για αναζήτηση, δεν απαιτούν επιπλέον σκέψη για τους χρήστες.

6. Χρησιμοποιήστε το Chunking

Ο γνωστικός ψυχολόγος Γιώργος Α. Μίλερ ισχυρίστηκε ότι ο αριθμός των αντικειμένων που ένας μέσος άνθρωπος μπορεί να κρατήσει στη μνήμη εργασίας είναι 7 ± 2. Για να αποφευχθεί η συντριπτική πτώση ενός χρήστη με πάρα πολλές πληροφορίες ταυτόχρονα, οι σχεδιαστές συχνά χρησιμοποιούν την τεχνική της αποκοπής. Το χασμουρητό λειτουργεί γύρω από τους φυσικούς περιορισμούς του ανθρώπινου εγκεφάλου και τη διατήρηση της μνήμης. Ο διαχωρισμός πολύπλοκου περιεχομένου σε μικρότερα τμήματα βελτιώνει το ρυθμό της εμπειρίας. Επιτρέπει στους χρήστες να επεξεργάζονται τις πληροφορίες, υποδεικνύοντας πώς πρέπει να ερμηνεύεται κάθε κομμάτι. Ως αποτέλεσμα, οι χρήστες διατηρούν πραγματικά το περιεχόμενο καλύτερα.

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

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