3 σφάλματα σχεδίασης ιστοσελίδων που απλά δεν θα πεθάνουν
Ο σχεδιασμός ιστοσελίδων έχει περάσει πολύ καιρό από τη δεκαετία του '90, όταν κυριαρχούσαν στο Internet τα πράγματα όπως το GeoCities και το AOL. Ο σχεδιασμός έχει εξελιχθεί, μαζί με μια βαθύτερη κατανόηση αρχών όπως η χρηστικότητα και η εμπειρία του χρήστη. Σίγουρα δεν υπήρξε έλλειψη μελετών που να εξετάζουν τα πάντα, από την τυπογραφία και την ταχύτητα του ιστότοπου έως το περιεχόμενο πάνω από το κάτω μέρος της πτυχής.
Ο Όμιλος Nielsen Norman είναι μια από τις κορυφαίες διαβουλεύσεις με τον χρήστη στον πλανήτη. Έχει ασχοληθεί εδώ και δεκαετίες, διεξάγοντας μελέτη μετά από μελέτη σχετικά με το σχεδιασμό, τη χρηστικότητα και την UX. Σε μια από τις πρώτες μελέτες της από ολόκληρο το 1996, όταν οι "Φίλοι" και "Τα αρχεία X" ήταν ακόμα στην τηλεόραση, εντοπίστηκαν 10 λάθη σχεδιασμού ιστοσελίδων τα οποία ήταν πολύ προβληματικά εκείνη την εποχή, στις πρώτες μέρες του διαδικτύου.
Θα σκέφτεστε ότι, 20 χρόνια αργότερα, καθώς ο σχεδιασμός έχει γίνει πιο εξελιγμένος και οι πληροφορίες σχετικά με το σχεδιασμό έχουν γίνει πολύ πιο προσιτές, οι σχεδιαστές θα μάθουν να αποφεύγουν τα λάθη σχεδιασμού, αλλά μια πρόσφατη, ευρείας κλίμακας μελέτη χρηστικότητας από το 2016 από την ομάδα NN βρήκε ακριβώς το αντίθετο για να είναι αλήθεια.
Αντί να μαθαίνουν από λάθη του παρελθόντος, οι σχεδιαστές τους επαναλαμβάνουν συνεχώς τις δεκαετίες. Στην πραγματικότητα, εάν υπάρχει ένα πράγμα που είναι βέβαιο στο web design, είναι ότι αυτά τα σφάλματα συνεχίζουν να επιμένουν επειδή οι σχεδιαστές συνεχίζουν να ξεχνούν τα βασικά:
- Ενεργοποίηση των χρηστών για την εύρεση πληροφοριών
- Ενεργοποίηση των χρηστών για να διαβάσουν αυτές τις πληροφορίες
- Ενεργοποίηση των χρηστών για να καταλάβουν πού να κάνουν κλικ και πού είναι ο προορισμός
Έλλειψη σαφήνειας
Ένας από τους πιο πεισματάρους σχεδιαστές σφαλμάτων συνεχίζει να κάνει σε ιστοσελίδες δεν συμπαθεί με την ανάγκη των χρηστών να κατανοήσουν σαφώς και εύκολα ποια είναι η τοποθεσία ή τα στοιχεία της.
Η μελέτη εντόπισε τα λάθη αυτά γύρω από την έλλειψη σαφήνειας:
- Μη αναμενόμενες τοποθεσίες για περιεχόμενο
- Ανταγωνιστικοί σύνδεσμοι και κατηγορίες
- Κρυμμένα τέλη και τιμές
Η μελέτη αποκάλυψε πόσο πολλοί σχεδιαστές έβαλαν περιεχόμενο σε μέρη που οι χρήστες δεν γνωρίζουν με βάση συνήθεις συνήθειες περιήγησης. Για παράδειγμα, ανακριβή ή ακατάλληλα ονόματα κατηγοριών που απέτυχαν να ταιριάξουν με το αναμενόμενο περιεχόμενο στις κατηγορίες ήταν ένα επαναλαμβανόμενο πρόβλημα.
Ένα άλλο ζήτημα ήταν οι κατηγορίες πλοήγησης ή οι συνδέσεις που ακούγονται παρόμοια μεταξύ τους, γεγονός που εμποδίζει τους χρήστες να βρουν τις πληροφορίες που θέλουν. Σε μια τέτοια περίπτωση, οι χρήστες σας θα καταλήξουν πιθανώς να εγκαταλείψουν τον ιστότοπό σας και να πάνε κάπου αλλού, όπου το περιεχόμενο ταξινομείται πολύ πιο καθαρά.
Οι κρυφές χρεώσεις και οι τιμές θα βλάψουν επίσης τις μετατροπές σας, επειδή κανένας αγοραστής δεν θέλει να αισθάνεται σαν να αντιμετωπίζεται απρόσεκτα. Όταν πρόκειται για χρήματα, οι χρήστες σας θέλουν να μάθουν για όλα όσα θα πρέπει να πληρώσουν μπροστά, στην αρχή μιας συναλλαγής. Αυτό αναφέρεται στις τιμές, τα τέλη συνδρομής, τα τέλη διευκόλυνσης και οτιδήποτε άλλο αφορά τα χρήματα. Από μια καθαρή άποψη του σχεδιασμού, είναι ένα τεράστιο λάθος, αν κρύβονται τα τέλη και οι τιμές προκαλούν απώλεια πελατών και συναλλαγών.
Η υπερπληρωμή είναι ένα εξαιρετικό παράδειγμα πλήρους αποκάλυψης: σημειώστε πόσο μεγάλες και τολμηρές είναι οι πληροφορίες τιμολόγησης για τα προϊόντα.
Προβλήματα UX
Πόσο εύκολο είναι να δουν οι επισκέπτες του ιστότοπού σας ότι πρόκειται να χρησιμοποιήσουν πραγματικά τον ιστότοπό σας είναι αναπόσπαστο στοιχείο για το αν ο ιστότοπός σας έχει καλή UX ή όχι.
Η μελέτη του Ομίλου NN βρήκε αυτά τα σφάλματα σχεδιασμού σχετιζόμενα με το UX που απλά δεν θα πάει μακριά:
- Νήσοι πληροφοριών
- Επαναλήψεις συνδέσμων
- Αποκλεισμός χρηστών σε microsites
- Ανεπαρκής αποτελέσματα αναζήτησης
- Ελαττωμένα φίλτρα και όψεις
Δύο μεγάλα σφάλματα σχεδιασμού είναι απομονωμένες τσέπες πληροφοριών σε κάθε σελίδα που δεν μπορούν να συνδεθούν με άλλες σχετικές πληροφορίες σε διαφορετικές σελίδες και αναγκάζοντας τους χρήστες να κάνουν επανειλημμένα κλικ σε αυτά που αντιστοιχούν στους ίδιους τύπους συνδέσμων για να λάβουν συγκεκριμένες πληροφορίες. Και τα δύο σφάλματα σχεδιασμού ενοχλούν τους χρήστες σας παραλείποντας να τους παράσχουν τις πληροφορίες που αναζητούν στο πλαίσιο.
Πολλοί ιστότοποι διαθέτουν υποσυστήματα (νομίζετε ότι η Yahoo). Το πρόβλημα είναι ότι ορισμένα από αυτά τα υποσύνολα παρέχουν στους χρήστες κανέναν τρόπο να επιστρέψουν στον κύριο ιστό, δημιουργώντας έναν πονοκέφαλο γι 'αυτούς και να τους απομακρύνουν εκεί που δεν θέλουν να είναι. Το Yahoo είναι στην πραγματικότητα ένα εξαιρετικό παράδειγμα ενός κύριου ιστότοπου και των υπομονάδων που γίνονται σωστά, καθώς οι χρήστες δεν είναι ποτέ λανθάνοντες και μπορούν πάντα να κάνουν κλικ στο κουμπί του σπιτιού για να επιστρέψουν.
Σχετικά με το ζήτημα της αναζήτησης, δυστυχώς, πολλοί ιστότοποι εξακολουθούν είτε να μην ψάξουν σε ολόκληρο τον ιστότοπο για όρους αναζήτησης ή να επιστρέψουν αποτελέσματα που δεν ανταποκρίνονται ακόμη και στους όρους αναζήτησης των χρηστών.
Και ενώ τα φίλτρα και οι όψεις (ουσιαστικά φίλτρα για διάφορες ιδιότητες αντικειμένων σε ένα σύνολο περιεχομένων) είναι καλά σχεδιασμένες, είναι πολλές φορές είτε ετικετοποιημένες λανθασμένα είτε ανεπαρκείς, δημιουργώντας έτσι σύγχυση.
Αρχιτεκτονική πληροφοριών αρχιτεκτονικής
Η αρχιτεκτονική των πληροφοριών θα πρέπει, με πολλούς τρόπους, να είναι η καρδιά και η ψυχή του καλού σχεδιασμού. Ουσιαστικά, βοηθά τους χρήστες να κατανοούν γρήγορα το περιβάλλον και το περιεχόμενο του ιστότοπού σας, ώστε να βρίσκουν αυτό που θέλουν. Περιλαμβάνει την επισήμανση, την οργάνωση και τη δομή του περιεχομένου σας με τον πιο ξεκάθαρο τρόπο.
Η μελέτη ευχρηστίας βρήκε και πάλι επίμονα, επαναλαμβανόμενα λάθη σχεδιαστές εξακολουθούν να κάνουν σε αυτόν τον τομέα, όπως έκαναν πριν από 20 χρόνια. Αυτά περιλαμβάνουν:
- Συντριπτική χρήση χρηστών με υπερβολικές πληροφορίες
- Παρουσιάζοντας τους χρήστες με κρυμμένους συνδέσμους
Οι μελέτες δείχνουν ότι οι χρήστες δεν διαβάζουν πραγματικά περιεχόμενο ιστού. μοιάζει περισσότερο Απαγορεύουν ή σαρώνουν το εν λόγω περιεχόμενο αντι αυτου. Αυτός είναι ο λόγος για τον οποίο το περιεχόμενο θα πρέπει να χωρίζεται, σε μικρές και σύντομες παραγράφους, και να διαλυθεί με τα πάντα, από τα σημεία bullet σε απαριθμήσεις για καλύτερη ανάγνωση. Το τελευταίο πράγμα που θέλετε να κάνετε είναι να βάλετε τεράστια μπλοκ κειμένου πριν από τους χρήστες σας.
Το Wayfair.com είναι ένα παράδειγμα για τον τρόπο παρουσίασης των πληροφοριών στους επισκέπτες. Σημειώστε πώς το περιεχόμενό του είναι εύκολα εύπεπτο, καθώς αυτό διαλύεται αποτελεσματικά.
Σχετικά με το πρόβλημα των κρυφών συνδέσεων, θα εκπλαγείτε με πόσες φορές οι σχεδιαστές κρύβουν συνδέσμους με το σχετικό περιεχόμενο του ιστότοπου - για παράδειγμα, το μενού ενός εστιατορίου - στην ίδια στήλη με τις διαφημίσεις που οδηγούν σε εξωτερικούς συνδέσμους. Το μακρύ και το σύντομο είναι ότι οι περισσότεροι χρήστες δεν θα είναι σε θέση να βρουν τέτοιους σχετικούς συνδέσμους ανάμεσα σε όλες τις διαφημίσεις, γεγονός που καθιστά εξαιρετικά ζωτική τη σχεδίαση σχετικών συνδέσεων.
Θα γίνει καλύτερη σύντομα;
Μέρος του προβλήματος είναι ότι πολλοί σχεδιαστές δεν είναι απλώς εμπειρογνώμονες χρήσης, αλλά αυτό δεν αποτελεί δικαιολογία. Όταν σχεδιάζετε, πρέπει να είστε εμμονή με την παροχή στους χρήστες σας ενός εξαιρετικού UX. Διαφορετικά, η χρηστικότητα του ιστότοπού σας, οι μετατροπές, η ώρα και οι πωλήσεις απλά πέφτουν - και κανένας πελάτης δεν θα το ανεχτεί.
Θα είναι ενδιαφέρον να δούμε αν, σε άλλα 20 χρόνια, εξακολουθούμε να βλέπουμε τέτοιες μελέτες, μιλώντας για το πώς τα σφάλματα σχεδιασμού πριν από δεκαετίες εξακολουθούν να στοιχειώνουν την κοινότητα σχεδιασμού ιστού.