4 τα περισσότερα μπερδεμένα κόλπα UI
Κανείς δεν θέλει να δημιουργήσει κακό σχεδιασμό, και όμως συμβαίνει συνεχώς. Και ενώ η αιτία του κακού σχεδιασμού ποικίλλει, το τελικό αποτέλεσμα είναι η ίδια - κακή εμπειρία χρήστη.
Η κακή εμπειρία χρήστη αποθαρρύνει τους χρήστες και συχνά οδηγεί στην εγκατάλειψη του προϊόντος. Σε αυτό το άρθρο, θα επικεντρωθώ σε μια συγκεκριμένη πτυχή της κακής σχεδίασης χρησιμοποιώντας τεχνικές UI που οδηγούν σε κακό UX.
1. Pop-Ups
Εάν σας ζητήσω να αναφέρετε το πιο ενοχλητικό πράγμα στο διαδίκτυο, οι πιθανότητες είναι ότι θα απαντήσετε, "Pop-ups". Σύμφωνα με την ομάδα NN, τα αναδυόμενα παράθυρα είναι την πιο μισητή εμπειρία ιστού πάντα.
Όλοι γνωρίζουμε αυτό το συναίσθημα. Επισκεφτείτε μια νέα ιστοσελίδα, το περιεχόμενο της σελίδας φαίνεται να είναι ενδιαφέρον. Ξεκινάτε να το διαβάσετε και ακριβώς όταν βρίσκεστε στα μισά του κειμένου, διακόπτετε ξαφνικά μια τεράστια επικάλυψη που σας ζητά να εγγραφείτε σε ένα ενημερωτικό δελτίο ή να σας προσφέρουμε κάτι. Στις περισσότερες περιπτώσεις, η άμεση αντίδρασή σας θα είναι είτε να κλείσετε την επικάλυψη είτε να κλείσετε ολόκληρη τη σελίδα, την επικάλυψη μαζί με αυτήν.
Μια επικάλυψη που χρησιμοποιείται στον ιστότοπο του Esquire.
Είναι προφανές γιατί τόσοι πολλοί ιστότοποι χρησιμοποιούν αυτήν την τεχνική: οι διαφημιζόμενοι τους πληρώνουν. Ωστόσο, η αναδυόμενη τεχνική είναι πολύ αποδιοργανωτική και έχει τεράστιο αρνητικό αντίκτυπο στους επισκέπτες. Κάθε φορά που εμφανίζετε ένα αναδυόμενο παράθυρο, ζητάτε από τους χρήστες να σταματήσουν να κάνουν ό, τι θέλουν να κάνουν (τι είναι σημαντικό για αυτούς) και να εστιάσουν την προσοχή τους σε αυτό που θέλετε να κάνουν (τι είναι σημαντικό για εσάς). Δεν προκαλεί έκπληξη το γεγονός ότι η συμπεριφορά αυτή συχνά αυξάνει το ποσοστό εγκατάλειψης.
Είναι δυνατό να χρησιμοποιείτε αναδυόμενα παράθυρα χωρίς να ενοχλείτε τους επισκέπτες σας. Ακολουθήστε απλά έναν απλό κανόνα που ενεργοποιεί ένα αναδυόμενο παράθυρο την κατάλληλη στιγμή. Για παράδειγμα, είναι πολύ καλύτερο να επιτρέπεται στους χρήστες να ολοκληρώσουν την τρέχουσα δραστηριότητα (π.χ. φτάνουν στο τέλος της σελίδας) πριν εμφανίσουν ένα αναδυόμενο παράθυρο. Μόλις οι χρήστες έχουν λίγο περισσότερο χρόνο για να μάθουν για εσάς (το εμπορικό σήμα και τις προσφορές σας), αυξάνεται η πιθανότητα ότι θα είναι πρόθυμοι να κάνουν ό, τι θέλετε να κάνουν.
Ένα άλλο σημαντικό στοιχείο είναι το πραγματικό μήνυμα που έχετε στο αναδυόμενο παράθυρο. Πρέπει να γράψετε ένα μεγάλο αντίγραφο. Το αντίγραφο δεν πρέπει να είναι προσβλητικό, εξαπατώντας ή συγχέοντας. Περίμενε προχωρήστε ακόμα περισσότερο και ενσωματώστε το χιούμορ στο κείμενό τους:
Όταν οι επισκέπτες διαβάζουν το αντίγραφο από την Waitbutwhy , τα κάνει να χαμογελούν.
Αξίζει να πούμε ότι υπάρχουν πολλά λιγότερο ενοχλητικά εργαλεία όπως μπάρες που δεν καλύπτουν ολόκληρη τη σελίδα και παράγουν παρόμοια αποτελέσματα όσον αφορά τη μετατροπή.
2. Άπειρη κύλιση
Η ατελείωτη κύλιση είναι μια τεχνική που επιτρέπει στους χρήστες να μετακινηθούν μέσα από μια τεράστια ποσότητα πληροφοριών χωρίς να έχει τελειώσει η γραμμή. Η σελίδα απλώς διατηρεί ανανέωση ενώ οι χρήστες μετακινηθούν προς τα κάτω. Η τεχνική έγινε δημοφιλής στην εποχή των κινητών συσκευών (η κύλιση είναι πολύ πιο άνετη από το κλικ σε μια μικροσκοπική οθόνη). Με την πρώτη ματιά, αυτή η τεχνική είναι μια τέλεια λύση για πολλά προβλήματα - απαιτεί λιγότερη προσπάθεια και καθιστά την κατανόηση του περιεχομένου όσο το δυνατόν πιο εύκολη (όλοι οι χρήστες πρέπει να κάνουν είναι να μετακινηθούν). Ωστόσο, δεν είναι μια λύση ενιαίου μεγέθους για κάθε ιστότοπο ή εφαρμογή.
Το κύριο μειονέκτημα της τεχνικής είναι επίσης το κύριο πλεονέκτημα του: δεν υπάρχει καμία φινιρίσματος στην οπτική γωνία. Όταν οι χρήστες φτάσουν σε ένα συγκεκριμένο σημείο της ροής, δεν μπορούν να προσθέσουν σελιδοδείκτη για την τοποθεσία τους και να επιστρέψουν αργότερα σε αυτό (ειδοποίηση, εννοώ θέση, όχι συγκεκριμένο στοιχείο). Έτσι, αν εγκαταλείψουν τον ιστότοπο (π.χ. μετακινούνται από τη μία συσκευή στην άλλη), θα χάσουν όλη την πρόοδό τους και θα πρέπει να μετακινηθούν ξανά για να επιστρέψουν στο ίδιο σημείο. Η αδυναμία καθορισμού της θέσης κύλισης συχνά ενοχλεί τους χρήστες και βλάπτει τη συνολική εμπειρία του χρήστη.
Το 2012, η Etsy, μια ιστοσελίδα ηλεκτρονικού εμπορίου επικεντρωμένη σε χειροποίητα ή vintage αντικείμενα, πειραματίστηκε με σχεδιαγράμματα για τη σελίδα προϊόντων τους. Έχουν εφαρμόσει μια άπειρη διεπαφή κύλισης και διαπίστωσαν ότι η νέα διεπαφή απλά δεν εκτελέστηκε, όπως και μια προηγούμενη έκδοση με σελίδωση. Παρόλο που ορισμένες αγορές παρέμειναν οι ίδιες, η εμπλοκή του χρήστη κατέρρευσε .
Τι μας λέει το παράδειγμα του Etsy; Μας λέει ότι με κάθε απόφαση σχεδιασμού θα πρέπει να σταθμίσουμε τα πλεονεκτήματα και τα μειονεκτήματα πριν την ενσωματώσουμε στα σχέδιά μας. Μιλώντας για άπειρο κύλιση, λειτουργεί καλά για κάτι σαν το Twitter / Instagram όπου οι χρήστες είναι ευτυχείς να σαρώσουν μια ατελείωτη ροή δεδομένων χωρίς να ψάξουν τίποτα συγκεκριμένα.
3. Πιέστε Ειδοποιήσεις
Έχετε δώσει προσοχή στον αριθμό των ειδοποιήσεων που λαμβάνετε καθημερινά από διάφορες εφαρμογές; Πόσες από αυτές τις ειδοποιήσεις ενδιαφέρεστε πραγματικά; Δεν είναι πάρα πολλά, υποθέτω.
Καθημερινά, βομβαρδίζουμε με άχρηστες ειδοποιήσεις που μας αποσπούν από αυτό που κάνουμε. Μας ενοχλούν.
Η υπηρεσία συνεχούς ροής στέλνει σε κάθε χρήστη μια ειδοποίηση κάθε φορά που απελευθερώνεται ένα νέο επεισόδιο οποιασδήποτε εκπομπής.
Στην πραγματικότητα, οι ενοχλητικές ειδοποιήσεις αποτελούν τον πρώτο λόγο για τον οποίο οι χρήστες απεγκαταστήσουν τις εφαρμογές για κινητά (σύμφωνα με το 71% των ερωτηθέντων της έρευνας).
Η ειδοποίηση push είναι ένα ισχυρό εργαλείο, αλλά όπως και με οποιοδήποτε άλλο εργαλείο, μπορεί να χρησιμοποιηθεί για καλό ή κακό. Όταν οι χρήστες αρχίζουν να χρησιμοποιούν την εφαρμογή σας, δεν ενοχλούνται να λαμβάνουν ειδοποιήσεις εφόσον οι ειδοποιήσεις παράγουν πραγματική αξία. Είναι σημαντικό να σχεδιάσετε τις ειδοποιήσεις ώστε να είναι χρήσιμες, συναφείς και έγκαιρες για τους χρήστες σας. Το εξατομικευμένο περιεχόμενο είναι ένα κλειδί για την εξαιρετική εμπειρία του χρήστη. Όταν στέλνετε το σωστό μήνυμα στο σωστό άτομο την κατάλληλη στιγμή, η ειδοποίηση ώθησης σας γίνεται μια ισχυρή ενέργεια που ωθεί το άτομο να δράσει.
Το Netflix κάνει σπουδαία δουλειά να προσωποποιεί τα μηνύματά τους στο άτομο που τα λαμβάνει.
4. Μετακινηθείτε στο Hijack
Η πειραματική κύλιση είναι ένα από τα πιο ενοχλητικά πράγματα για πολλούς χρήστες, αφού παίρνει τον έλεγχο μακριά από αυτά και κάνει τη συμπεριφορά κύλισης εντελώς απρόβλεπτη. Όταν σχεδιάζετε έναν ιστότοπο, στις περισσότερες περιπτώσεις είναι προτιμότερο να αποφύγετε την αεροπειρατεία και να επιτρέπετε στον χρήστη να ελέγχει την περιήγησή του και να μετακινεί μέσω του ιστότοπου. Αλλά σε μερικές σπάνιες περιπτώσεις μετακίνηση κλοπή μπορεί να λειτουργήσει καλά για τους χρήστες σας. Για παράδειγμα, ο Tumblr χρησιμοποιεί αυτήν την τεχνική στην αρχική σελίδα για να παρουσιάσει πληροφορίες σε κομμάτια.
Χρησιμοποιήστε το Tumblr για να παρέχετε περιεχόμενα σε κομμάτια.
συμπέρασμα
Αξίζει να πούμε ότι όλες οι τεχνικές που αναφέρονται σε αυτό το άρθρο δεν είναι καθόλου άσχημες. Οι χρήστες τους μισούν μόνο όταν οι σχεδιαστές τους ενσωματώνουν τυφλά. Κάθε τεχνική ή μοτίβο στον ιστότοπό σας ή στην εφαρμογή σας θα πρέπει να χρησιμοποιείται με έξυπνο τρόπο και με κάποια μετριοπάθεια.