5 τρόποι για αποτελεσματικό σχεδιασμό UI Προωθεί UX
Μια εμπειρία χρήστη είναι κάτι που κάθε δικτυακός τόπος προσφέρει σε όσους το επισκέπτονται. Ωστόσο, η εμπειρία θα διαφέρει από τον ιστότοπο στον ιστότοπο με ποικίλους τρόπους. Μερικοί είναι εύκολοι στην πλοήγηση, μερικοί είναι χαρά να χρησιμοποιήσουν, μερικοί είναι παχουλόι, αλλά μπορείτε ακόμα να φτιάξετε το δρόμο σας προς το σημείο που θέλετε να πάτε και μερικοί είναι τόσο δύσκολο να καταλάβετε ότι απλά πατήσατε το βέλος πίσω στο πρόγραμμα περιήγησής σας.
Μια από τις μεγαλύτερες επιρροές στην εμπειρία των χρηστών είναι το περιβάλλον χρήστη - το πραγματικό σχέδιο με το οποίο θα αλληλεπιδράσουν οι χρήστες - υπάρχουν διάφοροι παράγοντες που συνθέτουν μια διεπαφή, όπως πόσο εύκολο είναι να περιηγηθείτε σε έναν ιστότοπο ή πόσο εύκολο είναι να το διαβάσετε περιεχόμενο. Οι χρήστες θα διαμορφώσουν επίσης τις απόψεις τους με βάση την εκτιμώμενη αξία και χρησιμότητα του ιστότοπου. Όσο καλύτερα τους βοηθάει να πετύχουν τους στόχους τους, τόσο πιο χρήσιμο θα γίνει.
Τα συναισθήματα που αισθάνονται οι χρήστες ενώ χρησιμοποιούν τον ιστότοπό σας, θα έχουν επιπτώσεις στη σχετική επιχείρηση. Εάν οι χρήστες μπορούν εύκολα να βρουν αυτό που ψάχνουν στην ιστοσελίδα και αισθάνονται ικανοποιημένοι, είναι πιο πιθανό να αγοράσουν από αυτό, εν τω μεταξύ, αν νιώθουν απογοητευμένοι ή μπερδεμένοι, είναι πολύ πιθανό ότι θα προχωρήσουν και θα αγοράσουν από κάποιον άλλο που προσφέρει μια καλύτερη εμπειρία χρήστη. Οι ελλιπείς εμπειρίες των χρηστών αποτρέπουν πολλές επιχειρήσεις από την πλήρη αξιοποίηση των δυνατοτήτων τους, αφήνοντας τους δικτυακούς τους ιστότοπους χαμηλές και χάνοντας πολύτιμα διαφημιστικά δολάρια όταν οι επισκέπτες δεν μετατρέπονται σε πελάτες.
Παρακάτω είναι 5 απλοί αλλά ισχυροί τρόποι με τους οποίους ο έξυπνος σχεδιασμός διεπαφής χρήστη προωθεί την επιτυχή εμπειρία του χρήστη:
1. Βελτίωση της ταχύτητας φόρτωσης σελίδας
Η ταχύτητα φόρτωσης σελίδας του ιστότοπού σας είναι ένα εξαιρετικά σημαντικό στοιχείο της εμπειρίας των χρηστών. Ενώ οι σχεδιαστές συχνά παγιδεύονται προσπαθώντας να επιδείξουν τις δεξιότητές τους στον οπτικό σχεδιασμό, η αλήθεια του θέματος είναι ότι οι επισκέπτες της ιστοσελίδας γενικά ενδιαφέρονται περισσότερο για την ταχύτητα φόρτωσης της σελίδας από τα λαμπερά στολίδια.
Σύμφωνα με πρόσφατη μελέτη του Kissmetrics , σχεδόν το ήμισυ (47%) όλων των καταναλωτών αναμένει ότι μια ιστοσελίδα θα φορτωθεί σε 2 δευτερόλεπτα ή λιγότερο. αν η σελίδα σας διαρκεί περισσότερο από αυτή για φόρτωση, μειώνει την ποιότητα της εμπειρίας χρήστη. Εάν η σελίδα σας διαρκεί περισσότερα από τρία δευτερόλεπτα, θα έχετε, κατά μέσο όρο, το 40% των επισκεπτών να εγκαταλείψουν τον ιστότοπό σας. που θα αυξηθεί κατά 7% για κάθε επιπλέον δευτερόλεπτο που χρειάζεται να φορτωθεί ο ιστότοπός σας. Μια αργή ιστοσελίδα μεταφράζεται σε χαμένες ευκαιρίες και χαμένες πωλήσεις.
Επιπλέον, ενώ ο αργός χρόνος φόρτωσης μειώνεται στον αριθμό των μετατροπών που δημιουργεί ο ιστότοπός σας, οι αργές χρόνοι φόρτωσης λειτουργούν επίσης για να μειώσουν τον αριθμό ευκαιριών που θα δημιουργήσει ο ιστότοπός σας, επηρεάζοντας αρνητικά την κατάταξη της μηχανής αναζήτησης. Το αποτέλεσμα είναι μικρό, αλλά σίγουρα θέλετε να κάνετε ό, τι μπορείτε για να βελτιώσετε την ταξινόμηση της μηχανής αναζήτησης του ιστότοπού σας.
Για να διατηρήσετε τη φόρτωση των σελίδων σας σε λιγότερο από 3 δευτερόλεπτα, δοκιμάστε να χρησιμοποιήσετε τις παρακάτω συμβουλές: Αρχικά, επιλέξτε ένα απλούστερο στυλ σχεδιασμού, αποφεύγοντας περιττά αντικείμενα και φανταχτερά διακοσμητικά στοιχεία (σε δοκιμασίες A / B, απλούστερα σχέδια γενικά ξεπερνούν τα διακοσμητικά σχέδια ούτως ή άλλως). δεύτερον, να βελτιστοποιήσετε τις εικόνες σας σε ένα πρόγραμμα γραφικών, δεν θέλετε να χρησιμοποιήσετε το html για να αλλάξετε το μέγεθος τους. τρίτον, αποφύγετε να χρησιμοποιείτε πάρα πολλά πρόσθετα, επιβραδύνουν την εμπειρία για τους επισκέπτες του ιστότοπου. τέταρτον, εάν ο ιστότοπός σας είναι δημοφιλής, εξετάστε τη χρήση ενός δικτύου προβολής περιεχομένου για να βελτιώσετε το χρόνο απόκρισης του διακομιστή
2. Μόχλευση λευκού χώρου
Ο λευκός χώρος παραβλέπεται συχνά, αλλά είναι ένα πολύ σημαντικό μέρος του αποτελεσματικού σχεδιασμού διεπαφής χρήστη. Είμαι βέβαιος ότι βρίσκεστε στην ίδια κατάσταση με τους περισσότερους σχεδιαστές όπου οι πελάτες βλέπουν λευκό χώρο ως κενό χώρο και βιασύνη για να το γεμίσει, πιστεύοντας ότι ο λευκός χώρος είναι σπατάλη. Στην πραγματικότητα, το αντίθετο συμβαίνει. ο λευκός χώρος είναι ένα από τα πιο σημαντικά μέρη μιας ιστοσελίδας.
Εάν χρησιμοποιηθεί σωστά, ο λευκός χώρος μπορεί να βελτιώσει δραματικά την εμπειρία χρήστη ενός ιστότοπου. Ο λευκός χώρος διευκολύνει την εύκολη πρόσβαση του χρήστη στο μάτι, γεγονός που συμβάλλει στη διατήρηση των επισκεπτών και τους κρατάει ανάγνωση. Αυτό γίνεται κάνοντας πιο ευανάγνωστο το περιεχόμενο. Ο λευκός χώρος γύρω από το κείμενο και τις εικόνες του ιστότοπου βοηθά τους ανθρώπους να βελτιώσουν την κατανόηση και δημιουργούν μια καλύτερη εμπειρία χρήστη.
Ο λευκός χώρος συμβάλλει επίσης στη βελτίωση της εμφάνισης του ιστότοπού σας, δίνοντάς του μια ωραία και καθαρή επαγγελματική εμφάνιση. Ο λευκός χώρος συμβάλλει στη μείωση της σύγχυσης εκ μέρους των επισκεπτών, καθώς οι ιστότοποι που λείπουν από το λευκό χώρο συχνά φαίνονται αποδιοργανωμένοι. Θέλετε να δημιουργήσετε μια όμορφη ισορροπημένη εμφάνιση για τον ιστότοπό σας χρησιμοποιώντας λευκό χώρο για να διαχωρίσετε διαφορετικά τμήματα περιεχομένου.
Ο λευκός χώρος είναι επίσης αποτελεσματικός για να τονίσει κάτι σημαντικό, όπως η έκκλησή σας για δράση. Η σωστή χρήση του λευκού χώρου στο σχεδιασμό σας βοηθά στην καθοδήγηση της προσοχής των επισκεπτών σας σε βασικά τμήματα της ιστοσελίδας σας και χωρίς αυτό, οι επισκέπτες ενδέχεται να παραβλέπουν σημαντικά στοιχεία.
Ένα υπέροχο παράδειγμα αυτού είναι το Chanel δικτυακός τόπος. Είναι μια όμορφη και καθαρή τοποθεσία που χρησιμοποιεί άσπρο χώρο για να προσελκύσει την προσοχή σας σε βασικές περιοχές του χώρου.
3. Μείωση του ποσού κειμένου
Οι επισκέπτες της ιστοσελίδας θα αφιερώνουν γενικά μόνο τις ιστοσελίδες σας που αναζητούν σημαντικές λέξεις-κλειδιά, σημαντικές επικεφαλίδες και λίστες που μπορούν να σαρωθούν. Οι επισκέπτες είναι συνήθως σε μια βιασύνη για να βρουν τις πληροφορίες που ψάχνουν και θα παραλείψουν περιεχόμενο που φαίνεται να είναι ενοχλητικό ή άσχετο. Εξαιτίας αυτού, θα πρέπει να καταλάβετε ότι οι επισκέπτες πιθανότατα δεν θα διαβάσουν το περιεχόμενό σας αν δεν έχουν μορφοποιηθεί σε αυτό το πρότυπο συμπεριφοράς. Αποφύγετε τη δημιουργία μεγάλων τετραγώνων κειμένου που δεν εμφανίζονται σε χρήστες που θέλουν να σαρώσουν γρήγορα τον ιστότοπό σας. Όταν πρόκειται για τον σύγχρονο ιστό, λιγότερα είναι σίγουρα περισσότερα.
Επίσης, θέλετε να αποφύγετε την υπερβολική διάθεση στο διαφημιστικό γράψιμο, καθώς οι πελάτες θα δουν γρήγορα το χνούδι και θα σταματήσουν να διαβάζουν. Έχει σημασία ο σωστός τόνος. Σύμφωνα με την Nielsen Norman Group , η αντικειμενική copywriting σε ένα συνοπτικό στυλ που μπορεί να σαρωθεί, έχει ως αποτέλεσμα 124% καλύτερη χρηστικότητα.
Πότε και πού είναι δυνατόν, χρησιμοποιήστε τα γραφικά, καθώς οι άνθρωποι τείνουν να εμπλέκονται καλύτερα με οπτικό περιεχόμενο. Χρησιμοποιήστε τα εικονίδια, τραβήξτε την προσοχή εικόνες, βίντεο κλιπ και infographics για να βοηθήσετε να πάρετε το μήνυμά σας και να μην στηρίζονται σε μεγάλα τμήματα κειμένου.
Bellroy απεικονίζει την ιδέα αυτή καλά στην ιστοσελίδα τους καθώς διατηρούν το κείμενο σε ένα ελάχιστο ποσό και προβάλλουν τα προϊόντα τους με μεγάλες, εύκολες στην προβολή εικόνες.
4. Μείωση της οπτικής συμπλοκής r
Αντιμετωπίστε την προσοχή των επισκεπτών της ιστοσελίδας σας ως πολύτιμο πόρο. Καθώς οι επισκέπτες φτάνουν στον ιστότοπό σας, θυμηθείτε ότι θα σαρώσουν γρήγορα για σχετικές πληροφορίες και δεν δίνουν την πλήρη προσοχή στα πάντα στη σελίδα. Εάν παρασυρθείτε από το περιβάλλον εργασίας χρήστη, θα επιβαρύνουν τους επισκέπτες της ιστοσελίδας με πάρα πολλές πληροφορίες, θα κάνουν τον ιστοχώρο σας περίπλοκο και θα μειώσουν την ποιότητα της εμπειρίας των χρηστών.
Ξεκινήστε αφαιρώντας στοιχεία που δεν είναι απαραίτητα. Καταργώντας οτιδήποτε δεν είναι απαραίτητο για τον χρήστη να ολοκληρώσει τις προβλεπόμενες ενέργειές του, θα μειώσετε την ακαταστασία και θα βελτιώσετε την ικανότητα των επισκεπτών να επικεντρωθούν και να κατανοήσουν τις βασικές πληροφορίες.
ETQ 'S ιστοσελίδα δείχνει πώς με την εξάλειψη ακαταστασία είστε σε θέση να επικεντρωθεί στα ίδια τα προϊόντα.
5. Παροχή σαφούς πρόσκλησης για δράση
Θα πρέπει να έχετε σαφή στόχο για τους επισκέπτες που φτάνουν στον ιστότοπό σας. Θέλετε αυτό να είναι προφανές στους επισκέπτες και εύκολο για αυτούς να ολοκληρώσουν. Ίσως θέλετε οι επισκέπτες να κάνουν μια αγορά, να ζητήσουν μια προσφορά ή απλώς να σας καλέσουν, να τους ενημερώσουν τι πρέπει να κάνουν για να τους κρατήσουν να προχωρούν μετά την προσγείωση στον ιστότοπό σας.
Η έκκλησή σας για δράση είναι πώς μπορείτε να ενημερώσετε τους επισκέπτες σχετικά με τις ενέργειες που πρέπει να αναλάβουν κατά τη διάρκεια του διαδικτυακού σας τόπου. Βλέπουμε συχνά ιστοσελίδες χωρίς σαφή έκκληση για δράση και δεν αποτελεί έκπληξη το γεγονός ότι διαπιστώνουμε ότι δεν επιτελούν τον τρόπο με τον οποίο ελπίζουν οι ιδιοκτήτες τους. Η έκκλησή σας για δράση πρέπει να ξεχωρίζει και να διευκολύνει τους επισκέπτες να πάρουν την επιθυμητή δράση.
Πριν αποφασίσετε σχετικά με την έκκληση της δράσης του ιστότοπού σας, είναι καλύτερο να κατανοήσετε τους λόγους των επισκεπτών σας για να έρθετε στον ιστότοπό σας. Η παρότρυνση για δράση που αντιβαίνει στις προθέσεις των επισκεπτών θα μειώσει την αποτελεσματικότητά του. Αν οι επισκέπτες θέλουν απλώς να κάνουν μια αγορά αλλά τους πιέζετε για να ζητήσετε μια προσφορά, μπορεί να μειώσει την αποτελεσματικότητα της έκκλησης για δράση.
Τα κουμπιά του Dollar Shave Club ζητούν απλά να ωθηθούν. Ο ιστότοπός τους απεικονίζει πόσο σαφείς προσκλήσεις για δράση μπορούν να προσελκύσουν την προσοχή σας και να προωθήσουν την κίνηση προς τα εμπρός
