Πώς να αποφύγετε τις κοινές παγίδες UX
Πόσες φορές είστε σε έναν ιστότοπο, μόνο για να αφήσετε απογοητευμένοι και ενοχλημένοι από την εμπειρία που λάβατε κατά την επίσκεψή σας; Πιστέψτε το ή όχι, αυτό είναι ένα αρκετά συνηθισμένο περιστατικό, ειδικά όταν οι ιστότοποι αγνοούν καλές πρακτικές UX.
Εάν συμμετέχετε σε οποιαδήποτε πτυχή της δημιουργίας ενός ιστότοπου, είναι επιτακτική η αποφυγή κοινών προβλημάτων UX, εάν θέλετε να παραμείνετε στα καλά βιβλία των χρηστών σας. Ας ρίξουμε μια ματιά στις 4 πιο συνηθισμένες παγίδες UX στις οποίες εμπίπτουν οι σχεδιαστές και πώς να τις αποφύγουμε ...
Έντυπα
Τα έντυπα είναι απαραίτητα για τη συλλογή πληροφοριών σχετικά με τους χρήστες, τους πελάτες και τους πελάτες. Δεν μπορείτε να τα χρησιμοποιήσετε, αλλά δεν πρέπει να είναι ανυπόφορη να τα συμπληρώσετε. Τα έντυπα πρέπει να έχουν πολύ λίγα ερωτήματα ως προς τις πληροφορίες που αναζητά ένας ιστότοπος. Ένα από τα μεγαλύτερα προβλήματα των ηλεκτρονικών εντύπων είναι όταν δεν υπάρχουν οδηγίες.
Μορφοποίηση
Όταν ρωτάς κάποιον για συγκεκριμένες πληροφορίες, υπογραμμίστε τι ψάχνεις. Εάν χρειάζεστε μια ειδική μορφή για κάτι, όπως μια ημερομηνία, ώρα ή οποιαδήποτε άλλη μορφοποιημένη πληροφορία, θα πρέπει να έρθει με ένα παράδειγμα. Τίποτα δεν είναι πιο ενοχλητικό από τη συμπλήρωση μιας φόρμας, μόνο για να λάβετε ένα μήνυμα σφάλματος όταν τελειώσετε.
Κείμενο κράτησης θέσης
Είναι ωραίο όταν ένας σχεδιαστής πηγαίνει λίγο πάνω και πέρα και σας δίνει ένα υπαινιγμό για το είδος των πληροφοριών που ψάχνουν, με την παράθεση κειμένου κράτησης στο πεδίο φόρμας. Παρόλο που αυτό είναι εξαιρετικά βολικό, υπήρξαν αρκετές φορές όταν έχω συναντήσει κείμενο με σύμβολο κράτησης θέσης που δεν πάει μακριά όταν ξεκινάτε να πληκτρολογείτε στο πεδίο της φόρμας. Αυτό είναι ένα τεράστιο σημείο απογοήτευσης για κάθε χρήστη, επειδή πρέπει να σταματήσουν να πληκτρολογούν, να επιλέγουν τα πάντα και να το διαγράφουν, ξεκινώντας ξανά. Μπορούν επίσης να επιλέξουν τον περιττό τύπο και να διαγράψουν αυτό, προκαλώντας μια διακοπή στη διαδικασία σκέψης τους κατά την συμπλήρωση της φόρμας. Κάθε φορά που χρησιμοποιείτε κείμενο με σύμβολο κράτησης θέσης για να υποδείξετε τον τύπο πληροφοριών που αναζητάτε, βεβαιωθείτε ότι θα σβήσει όταν κάποιος επιλέξει αυτό το πεδίο εισαγωγής.
Μηνύματα σφαλμάτων
Δεν υπάρχει τίποτα πιο απογοητευτικό από το να προσπαθείτε να κάνετε κάτι σε έναν ιστότοπο, μόνο για να λάβετε ένα μήνυμα σφάλματος, χωρίς αρκετές πληροφορίες ή καθόλου. Εάν ένας χρήστης ιστότοπου συναντήσει κάποιο σφάλμα, θα πρέπει να εξηγηθεί τι είναι εσφαλμένο και πώς να το διορθώσετε. Για παράδειγμα, αν συνδεθείτε σε έναν ιστότοπο με όνομα χρήστη και κωδικό πρόσβασης, εάν κάνετε λάθος με ένα, θα πρέπει να ενημερώσετε ποια. Με τόσες πολλές συνδέσεις σε ιστότοπους εκεί έξω, είναι εύκολο να συγκεντρωθούν πολλαπλές παραλλαγές ονομάτων χρήστη και κωδικών πρόσβασης. Υπάρχουν μερικές περιπτώσεις, όταν έπρεπε να τροποποιήσω τον συνήθη συνδυασμό κωδικών πρόσβασης και ονόματος χρήστη, επειδή δεν πληρούσε τις απαιτήσεις της εγγραφής ενός ιστότοπου, όπως 2 κεφαλαία γράμματα ή ένας αριθμός, μια επιστολή και μια στίξη ή ένα σύμβολο.
Άλλα παραδείγματα θα περιλαμβάνουν: εάν οι κωδικοί πρόσβασης δεν ταιριάζουν, κατά τη διάρκεια της διαδικασίας εγγραφής, εμφανίζεται ένα μήνυμα σφάλματος πριν από την υποβολή. Ένα άλλο παράδειγμα μπορεί να είναι εάν ένα όνομα χρήστη έχει ήδη ληφθεί, δείξτε ότι πριν κάποιος υποβάλει την εγγραφή του.
Κανείς δεν αρέσει να χρειάζεται να ξανακάνει κάτι, ειδικά αφού λάβει κακές οδηγίες. Θα έχετε πολύ υψηλότερη εμπλοκή αν διευκολύνετε τους χρήστες να σας παράσχουν τις σωστές πληροφορίες την πρώτη φορά.
Μεγάλες, σταθερές κεφαλίδες πλοήγησης
Δεν είμαι σίγουρος πως αυτό έγινε δημοφιλές, αλλά το έχω δει πολλά, σε πολλές τοποθεσίες στο διαδίκτυο. Το πρόβλημα με μια τόσο μεγάλη κεφαλίδα και όλα αυτά τα στοιχεία πλοήγησης είναι όταν κάνετε κύλιση προς τα κάτω στη σελίδα, μπλοκάρει πολύ περιεχόμενο. Αυτό είναι ιδιαίτερα απογοητευτικό όταν υπάρχουν τμήματα που πρέπει να φτάσετε ή όταν το περιεχόμενο θα πληρούσε διαφορετικά το ύψος του προγράμματος περιήγησης, αλλά μέρος του είναι κρυμμένο από την πλοήγηση.
Ειδικά στο κινητό
Αυτό που είναι ακόμη χειρότερο είναι ότι μερικές φορές, όταν ένας ιστότοπος μειώνεται στο μέγεθος του κινητού, η μεγάλη κεφαλίδα εξακολουθεί να διατηρείται σε ισχύ. Αυτή είναι μια κακή εμπειρία σε όλο τον κόσμο, επειδή ο χώρος είναι ήδη περιορισμένος στις οθόνες smartphone. Δεν χρειάζεται να απορροφηθεί από ένα μενού που θα μπορούσε διαφορετικά να κρυφτεί. Αν υπάρχουν ορισμένα στοιχεία NAV που πρέπει να παραμείνουν ορατά, μετατρέψτε τα σε μικρά εικονίδια ή τοποθετήστε τα κάπου εκτός δρόμου.
Χαμηλή αντίθεση
Τα μάτια μου είναι καλά, αλλά δεν είμαι οπαδός της προσπάθειας να διακρίνω οπτικά το κείμενο με κάρβουνο ή τα εικονίδια σε μαύρο φόντο. Κανείς δεν πρέπει να περάσει από αυτό. Η αντίθεση είναι το κλειδί, ειδικά στο σχεδιασμό ιστοσελίδων.
Κείμενο
Οποιοδήποτε κείμενο πρέπει να διαβάζεται εύκολα, με αρκετό βάρος για να είναι εύκολο να το διαβάσετε. 100 γραμματοσειρές βάρους δεν έχουν σχεδόν καμία θέση στο διαδίκτυο (εκτός από μερικές ειδικές περιπτώσεις). Χρησιμοποιώντας μια υπερβολικά λεπτή γραμματοσειρά σε ένα smartphone ζητάτε απλά προβλήματα. Πρέπει να υπάρχει αρκετή οπτική αντίθεση για τα μάτια σας για να φτιάξετε τις μορφές επιστολών.
Χρώμα
Για όλα τα στοιχεία ενός δικτυακού τόπου, θα πρέπει να υπάρχει αρκετή εύκολα αντιληπτή αντίθεση μεταξύ των χρωμάτων. Οποιοδήποτε κείμενο θα πρέπει να έχει υψηλό βαθμό αντίθεσης από το φόντο. Αυτό ισχύει και για συνδέσμους, στοιχεία πλοήγησης ή για εικονίδια. Δεν θα πρέπει να είναι δύσκολο να βρείτε αυτό που ψάχνετε.
Καλεί σε ενέργειες
Όπως ακριβώς και άλλοι σύνδεσμοι και στοιχεία πλοήγησης, τα στοιχεία της πρόσκλησης για δράση θα πρέπει να εμφανίζουν υψηλό επίπεδο αντίθεση. Αν θέλετε ένας επισκέπτης του ιστότοπου να αναλάβει δράση, να το προβάλλετε, να το διαβάσετε εύκολα και να φορτώσετε και να καθαρίσετε. Πολύ πολλές φορές θα δείτε μια κλήση για δράση με ένα κουμπί που δεν ξεχωρίζει αρκετά από το φόντο. Μερικές φορές, δεν είναι ένα κουμπί σε όλα, και είναι απλά ένας απλός σύνδεσμος κειμένου που περιβάλλεται από λευκό χώρο.
Αγγίξτε τους στόχους στο κινητό
Το βλέπω αυτό σε πολλές τοποθεσίες για κινητά και είναι ένα από τα πιο απογοητευτικά στοιχεία που πρέπει να αντιμετωπίσουμε. Αν έχετε ένα κουμπί ή έναν σύνδεσμο για να κάνετε κλικ, δώστε του αρκετό χώρο ώστε οι χρήστες να μην χτυπήσουν τυχαία το λάθος πράγμα. Σε ένα smartphone, βεβαιωθείτε ότι τα κουμπιά ή οι σύνδεσμοι είναι αρκετά μακριά από την άκρη ή τη γωνία της οθόνης τους, ώστε να μπορούν εύκολα να πατιούνται.
Πολλές φορές, ένα κουμπί τοποθετημένο πολύ κοντά σε οποιαδήποτε από τις 4 γωνίες μιας οθόνης είναι πολύ δύσκολο να αγγίξει με ακρίβεια. Αν έχετε μεγαλύτερα δάχτυλα, το smartphone ενδέχεται να μην καταχωρίσει καθόλου τη δράση σας. Αυτό αναγκάζει τον χρήστη να χτυπήσει αρκετές φορές για να λειτουργήσει η λειτουργία. Ο χώρος για αυτά τα στοιχεία είναι εξαιρετικά σημαντικός.
συμπέρασμα
Αυτά τα κοινά προβλήματα UX μπορούν εύκολα να αποφευχθούν με λίγη επιπλέον εργασία και προοπτική. Αν θέλετε οι επισκέπτες της ιστοσελίδας σας να χρησιμοποιούν και να απολαμβάνουν τον ιστότοπό σας, είναι σημαντικό να κάνετε τη διαδικασία εύκολη και ρευστή. Η αποφυγή της επανάληψης των ενεργειών και των διαδικασιών από τους χρήστες σας μειώνει την απογοήτευση και παρέχει την εμπειρία των χρηστών από τον καθένα που αναμένει από έναν καλά σχεδιασμένο ιστότοπο.