Τέσσερις τεχνικές σχεδιασμού UX για την ενθάρρυνση της εμπλοκής χρηστών
Η ενθάρρυνση των χρηστών να παραμένουν και να χρησιμοποιούν έναν ιστότοπο δεν περιλαμβάνει πάντοτε πιο αδύναμους κώδικες ή πιο όμορφα γραφικά. Ορισμένες από τις απλούστερες διατάξεις όπως το Reddit εξακολουθούν να κρατούν τους χρήστες γεμάτους περιεχόμενο και ενθουσιασμένοι να αλληλεπιδρούν με τον ιστότοπο.
Το μυστικό έγκειται στην εμπειρία του χρήστη και του την εξέταση του πως μια ιστοσελίδα λειτουργεί. Οι αλληλεπιδράσεις προέρχονται από στοιχεία σελίδας και ροές δράσης που μετακινούνται από τη μια σελίδα στην άλλη.
Σε αυτή τη θέση θα ρίξω μια ματιά σε μερικούς Τεχνικές σχεδιασμού UX που μπορεί να εφαρμοστεί σε να βελτιώσει την εμπειρία των χρηστών και να αυξήσει την αφοσίωση του χρήστη. Σημειώστε ότι αυτά δεν είναι πάντοτε εφαρμόσιμα σε κάθε ιστοσελίδα και είναι πιο σημαντικό να κατανοήσετε γιατί αυτές οι τεχνικές λειτουργούν έτσι ώστε να μπορείτε να χρησιμοποιήσετε τη δική σας κρίση.
Το θέμα της εμπειρίας του χρήστη είναι τεράστιο και απαιτεί υπομονή για να καταλάβει πλήρως. Όσο περισσότερο ασκείτε όσο περισσότερο καταλαβαίνετε
Το καλύτερο που μπορείτε να κάνετε είναι παίζετε σε ιστοσελίδες που σας αρέσουν και καταλάβω τι σου αρέσει Για αυτούς. Από τις εμπειρίες σας μπορείτε να εξάγετε συνεπείς ιδέες και να καταλάβετε τι σας κρατά (και ίσως και άλλους) που ασχολούνται με έναν ιστότοπο.
1. Χρησιμοποιήστε την Αντίθεση για να τραβήξετε την προσοχή
Κάθε τοποθεσία είναι χτισμένος με μια χούφτα στοιχεία που γίνονται για την αλληλεπίδραση των χρηστών. Οι υπερσυνδέσμοι, τα κουμπιά, τα πεδία εισαγωγής, τα γραφικά στοιχεία της πλαϊνής γραμμής, ο κατάλογος συνεχίζεται και συνεχίζει. Αλλά δεν πρέπει όλα τα στοιχεία να δημιουργηθούν ίσα. Ορισμένες είναι φυσικά πιο σημαντικές για τη συμμετοχή των επισκεπτών και πρέπει να σχεδιάζονται με υψηλότερη αντίθεση να ξεχωρίζετε από άλλα στοιχεία στη σελίδα.
Αυτή η ιδέα πηγάζει από την υψηλή αντίθεση χρώματος και τον τρόπο με τον οποίο οι άνθρωποι επεξεργάζονται τα οπτικά δεδομένα στα πρότυπα. Όταν κάτι ξεχωρίζει από το περιβάλλον είτε από το χρώμα, το μέγεθος, το σχήμα, ή το κενό, μπορεί εμφανίζονται πιο σημαντικές βάσει του πλαισίου.
Χρησιμοποιήστε την αντίθεση για να επιστήσετε την προσοχή σε ορισμένα στοιχεία σελίδας που εμπλέκουν τους επισκέπτες σε μια συγκεκριμένη εργασία. Αν ο στόχος σας είναι να δημιουργήσετε περισσότερες εγγραφές ενημερωτικών δελτίων, τότε το κουτί συνδρομής σας μπορεί να έχει ένα λαμπρό κινούμενο κουμπί εγγραφής ή ένα μοναδικό εικονίδιο διανυσματικού.
Ο στόχος είναι να τραβήξετε την προσοχή δημιουργώντας μια διασύνδεση που προσελκύει τους επισκέπτες να εκτελούν κάποιες επιθυμητές ενέργειες,.
Εάν έχετε το χρόνο να αξίζει να τρέξετε μερικές μελέτες περιπτώσεων A / B για να δείτε ποια χρώματα / στοιχεία παίζουν καλύτερα μαζί. Οι στατιστικές είναι δύσκολο να εντοπιστούν, αλλά θα εκπλαγείτε από το πόσο μπορεί να μάθει κανείς από μια απλή δοκιμή διαχωρισμού.
2. Γευστικό animation UI / UX
Πρόσφατα σκόνταψα σε μια θέση με τίτλο What Does Disney Know About Interface Animation. Καλύπτει τα ζωτικά σημεία της κινούμενης εικόνας και τον τρόπο με τον οποίο αυτά παίζουν στην ψυχή των χρηστών που αλληλεπιδρούν με μια επίπεδη οθόνη 2D.
Διαφορετικοί τύποι κινουμένων σχεδίων μπορεί να συνεπάγονται ορισμένες συμπεριφορές. Για παράδειγμα, όταν τοποθετείτε το δείκτη του ποντικιού πάνω από ένα κουμπί, μπορεί να αναπηδήσει για να δείξει ότι είναι clickable. Τα μηνύματα σφάλματος συχνά κουνιέται για να τραβήξουν την προσοχή από το χρήστη.
Να θυμάστε ότι Η κινούμενη εικόνα UX πρέπει να είναι ορατή αλλά λεπτή. Τα άγρια κινούμενα σχέδια είναι περισσότερο για τηλεόραση και ταινίες παρά για διασυνδέσεις.
Αλλά αυτό δεν σημαίνει ότι οι διεπαφές σας πρέπει να παραμείνουν επίπεδες. Στην πραγματικότητα οι περισσότεροι χρήστες θα μάλλον έχουν κάποιο είδος κινούμενης εικόνας, επειδή δίνει την ψευδαίσθηση μιας ομαλότερης εμπειρίας. Ο ψηφιακός σχεδιασμός είναι εν μέρει περίπου δημιουργώντας μια απατηλή διασύνδεση, αλλά τόσο πιο ρεαλιστικό φαίνεται, τόσο περισσότεροι χρήστες θα θέλουν να αλληλεπιδρούν.
3. Ανταπόκριση σχεδιασμού ως απαίτηση
Είναι δίκαιο να πούμε ένα μεγάλο μέρος των χρηστών του Διαδικτύου που περιηγούνται από τα κινητά τους τηλέφωνα. Οι σύνδεσμοι που μοιράζονται σε ιστότοπους κοινωνικής δικτύωσης όπως το Facebook και το Twitter επισκέπτονται συχνά τα smartphones και τις συσκευές tablet.
Αυτό σημαίνει ότι κάθε δικτυακός τόπος θα πρέπει να βελτιστοποιηθεί για κινητά με κάποιο τρόπο - κατά προτίμηση με ένα πλήρως ανταποκρινόμενο σχέδιο.
Οταν είσαι αναγκάζονται να εξετάσουν το μέγεθος της οθόνης, το τοποθετεί κρίσιμα χαρακτηριστικά σε ένα εντελώς νέο φως. Ως σχεδιαστής πρέπει να επιλέξετε ποια χαρακτηριστικά είναι πιο σημαντικά και πώς θα πρέπει να εμφανίζονται σε μικρότερες οθόνες. Αυτή η ανταποκρινόμενη στρατηγική σχεδιασμού απαιτεί χρόνο για μάθηση, αλλά ο καλύτερος τρόπος είναι να μελετήσετε άλλους ιστότοπους και να αποκτήσετε τεχνικές που σας αρέσουν.
Η αλήθεια είναι ανταποκρινόμενα έργα σχεδιασμού και γίνεται όλο και πιο αποδεκτή από την κοινότητα σχεδιασμού με κάθε περνώντας έτος.
Οι χρήστες αναμένουν επίσης ότι οι ιστότοποι θα ανταποκρίνονται πλήρως, ώστε να ανταποκρίνονται σε οποιαδήποτε οθόνη συσκευής. Όταν ένας ιστότοπος δεν ταιριάζει καλά σε ένα κινητό πρόγραμμα περιήγησης ιστού, μπορεί να αποβάλει την εμπειρία του χρήστη.
4. Απλοποιήστε τη Διαδικασία Αλληλεπίδρασης
Το Smashing Magazine δημοσίευσε πρόσφατα μία από τις καλύτερες θέσεις που έχω διαβάσει για την υποστήριξη του απλοποίηση για σχεδιασμό διεπαφών. Δηλώνει ότι κανείς δεν θέλει να περάσει από τα στεφάνια για να χρησιμοποιήσει τον ιστότοπο ή την εφαρμογή σας. Οι άνθρωποι ενδιαφέρονται μόνο για το τελικό αποτέλεσμα, και το ταχύτερα σημαίνει να φτάσετε εκεί.
Μου αρέσει να χτίζω διαγράμματα ροής UX για κάθε στοιχείο αλληλεπιδραστικής σελίδας κάθε φορά που σχεδιάζω wireframes. Αυτά συμβάλλουν στην οπτική αντίληψη του τρόπου εμφάνισης του ιστότοπου και λειτουργία.
Αλλά στην πραγματικότητα δεν έχει σημασία πώς σχεδιάζετε την εμπειρία. Απλά σιγουρευτείτε ότι σχεδιάζετε την πιο γρήγορη και απλούστερη εμπειρία. Όταν πρόκειται για την ενθάρρυνση της δραστηριότητας, θα θέλατε να είναι τα σημαντικά πράγματα από τη σχεδίαση.
Εάν κάποιος προσγειωθεί στο webapp και δεν καταλαβαίνει πώς να εγγραφεί αμέσως, αυτό είναι ένα τεράστιο πρόβλημα. Θα πρέπει να είναι κατάφωρα προφανές στον χρήστη τι κάνει ο ιστότοπός σας και πώς μπορεί να είναι εκτός αυτού.
Το καλύτερο μέρος για να ξεκινήσετε είναι να ερευνήσετε το σχεδιασμό του UX και τη διαδικασία του τρόπου με τον οποίο οι χρήστες αλληλεπιδρούν με μια διεπαφή. Από εκεί θα έχετε τη δυνατότητα να εξαγάγετε συμπεράσματα σχετικά με τα δικά σας έργα και, στην καλύτερη περίπτωση, να απλοποιήσετε τις διεπαφές σας με τις μεγαλύτερες δυνατότητές τους.
Για σχετική ανάγνωση σχετικά με το θέμα δραστηριότητα του χρήστη, δείτε αυτές τις δημοσιεύσεις:
- Διαταραχές συμβάσεων σχεδίασης ιστοσελίδων = Σπάσιμο της εμπειρίας χρήστη
- Ευχρηστία και αρχεία εμπειρίας χρηστών στο περιοδικό Smashing
- Σχεδιασμοί Web Design για να ωθήσουν την αλληλεπίδραση των χρηστών
Τύλιξε
Δεν υπάρχει ενιαία απάντηση σχετικά με τον τρόπο σχεδιασμού (ή επιδιόρθωσης) ιστοσελίδων για τη βελτίωση της χρηστικότητας. Ναι, υπάρχουν μερικά πράγματα που μπορείτε να δοκιμάσετε, αλλά κάθε τοποθεσία είναι λίγο διαφορετική και η μελέτη του σχεδιασμού UX είναι πολύ περίπλοκη.
Ελπίζω ότι αυτό το άρθρο μπορεί να σας βοηθήσει να αρχίσετε να σκεφτόμαστε κάποιες κοινές τεχνικές για την κατασκευή ιδιαίτερα χρήσιμων διεπαφών. Το καλύτερο που μπορείτε να κάνετε είναι να τοποθετήσετε τον εαυτό σας στα παπούτσια ενός τυπικού χρήστη και να προσπαθήσετε να προσδιορίσετε τις σημαντικές ατέλειες μιας διασύνδεσης. Και μόλις αναγνωρίσετε ένα πρόβλημα, είστε ήδη στα μισά της λύσης!
