Ένα πράγμα που δεν είναι αρκετό σχεδιαστές επικεντρωθεί κατά το σχεδιασμό ιστοσελίδες μειώνει τα λάθη των χρηστών. Αυτό είναι λυπηρό γιατί τα σφάλματα των χρηστών έχουν άμεση επίπτωση στην εμπειρία χρήστη ενός ιστότοπου ... η οποία έχει άμεσο αντίκτυπο στις μετατροπές ενός ιστότοπου ... το οποίο έχει άμεσο αντίκτυπο στο ποσό των χρημάτων που χάνει ο πελάτης σας.

Βάλτε έναν άλλο τρόπο: Εάν υπάρχει ένα πράγμα που μπορείτε να κάνετε αμέσως για να εξασφαλίσετε ότι ο πελάτης σας παραμένει ευτυχισμένος και συνεχίζει να ρίχνει το σχεδιαστικό έργο με τον τρόπο σας, είναι να εμποδίσετε προληπτικά τα λάθη των χρηστών από το ξεκίνημα. Η σχεδίαση με αυτήν την προορατική φιλοσοφία δεν θα βελτιώσει δραστικά την εμπειρία των χρηστών, αλλά θα σας κάνει να φανείτε πολύ καλό στους πελάτες σας.

Η αποτροπή των σφαλμάτων των χρηστών καταλήγει σε μια αρχή που πρέπει πάντα να είναι η πρώτη σε κάθε σύστημα αξιών του σχεδιαστή: σχεδιασμός για τον τελικό χρήστη με κάθε κόστος.

Σχεδιαστικά πρότυπα

Τα σχέδια σχεδίασης είναι διατάξεις και διεπαφές που θα χτυπήσουν μια γνωστή χορδή με τους χρήστες επειδή έχουν δει τους αμέτρητες φορές σε όλα τα χρόνια της περιήγησης στο Web. Επομένως, είναι λογικό να παρουσιάσετε στους χρήστες σας σχέδια με τα οποία έχουν ήδη δει πριν για να μειώσουν τα σφάλματα των χρηστών. Μετά από όλα, όταν ένας χρήστης είχε εμπειρία πλοήγησης σε ένα συγκεκριμένο σχέδιο, τότε είναι καλό το ότι δεν θα κάνει λάθη που σχετίζονται με το να χαθείς στον ιστότοπό σας, παραλείποντας να καταλάβει τι είναι ο στόχος της σελίδας ή να μην καταλάβει πώς να εκτελέσει μια συγκεκριμένη ενέργεια.

Στατιστικά το λένε αυτό περίπου 40% του πληθυσμού της Γης έχει πρόσβαση στο Διαδίκτυο σήμερα. Αυτοί οι χρήστες έχουν δει το βασικό μενού πλοήγησης (οριζόντια, κάθετη κ.λπ.), γνωρίζουν πώς να μετακινηθούν κάτω από την πτυχή, να κατανοήσουν ότι οι κλήσεις προς δράση πρέπει να είναι clickable - και πολλά άλλα. Είναι επίσης εξοικειωμένοι με τις διάφορες τάσεις σχεδιασμού, από την παράλληλη κύλιση και την επίπεδη σχεδίαση μέχρι τον μινιμαλισμό και τη σελίδα με μεγάλη διαβάθμιση. Εργαστείτε μέσα σε αυτά τα καλά κατανοητά μοτίβα για να μειώσετε δραστικά τη δυνατότητα σφαλμάτων χρήστη!

Dillard's-Screen-Shot

Ο Ντίλναρντ τα πολυκαταστήματα υποδεικνύουν αυτή τη βασική-αλλά-γνωστή προσέγγιση στο σχεδιασμό ιστοσελίδων. Στην αρχική σελίδα του, μπορείτε να δείτε με σαφήνεια πόσα στοιχεία κάνει σωστά:

  • οριζόντιο μενού πλοήγησης που προσφέρει σαφή και εύκολη πρόσβαση σε διαφορετικά τμήματα.
  • σχεδιασμός μονής στήλης.
  • λευκό χώρο για να εστιάσετε την προσοχή στο περιεχόμενο?
  • γραμμή αναζήτησης για να διευκολύνει την καλή UX που επιτρέπει στους αγοραστές να βρίσκουν γρήγορα αυτό που θέλουν.
  • μεγάλες εικόνες που δείχνουν τα προϊόντα απότομα και ελκυστικά.

Με αυτή τη διάταξη, οι χρήστες που περιηγούνται στο Dillard για πρώτη φορά θα μετακινηθούν αμέσως μέσω της διοχέτευσης μετατροπής ηλεκτρονικού εμπορίου λόγω της οικείας διεπαφής του ιστότοπου.

Βασιστείτε στις προσφορές

Οι προσφορές είναι εκείνες οι ενδείξεις που λένε στους χρήστες σας πώς μπορούν να αλληλεπιδράσουν με τον ιστότοπο του πελάτη σας. Είναι απολύτως απαραίτητο για μια μεγάλη εμπειρία χρήστη και, ως εκ τούτου, μειώνει τα λάθη των χρηστών.

Οι προσδοκίες έρχονται σε όλα τα σχήματα και μεγέθη:

  • φυσικός;
  • Γλώσσα;
  • πρότυπο;
  • συμβολική ή εικονική.

Χωρίς ξεκάθαρες προσφορές ή καθόλου, ακόμη και ο πιο έμπειρος χρήστης θα έχει μια απομυθοποιημένη εμπειρία χρήστη στον ιστότοπό σας.

Πάρτε, για παράδειγμα, τις γλωσσικές προσφορές, οι οποίοι είναι οι πιο σαφείς τρόποι επικοινωνίας με τους χρήστες σας πώς μπορούν να αλληλεπιδράσουν με τον ιστότοπό σας. Ένα από τα πιο συνηθισμένα μέρη που μπορείτε να βρείτε αυτά είναι σε φόρμες web για να βοηθήσετε τους χρήστες να καθορίσουν τι πρέπει να εισάγουν στους διάφορους τομείς.

Ενώ ορισμένες μορφές μπορεί να είναι σχετικά σύντομες, κάθε χρήστης θα χαθεί χωρίς γλωσσικές προσδοκίες για να τους πει τι πρέπει να εισάγουν σε κάθε τομέα.

Dropbox-Screen-Shot

Επί Το Dropbox αρχική σελίδα, μπορείτε να δείτε τη φόρμα εγγραφής που εμφανίζεται εμφανώς ακριβώς στη μέση της οθόνης. Η φόρμα έχει μόνο τέσσερα πεδία, αλλά για να βοηθήσει την εμπειρία του χρήστη, το Dropbox έχει συμπεριλάβει τις γλωσσικές προσφορές σε όλους τους τομείς, ώστε όλοι οι χρήστες να γνωρίζουν ότι αναμένεται να πληκτρολογήσουν τα ονόματα, τις διευθύνσεις ηλεκτρονικού ταχυδρομείου και τους κωδικούς πρόσβασης για να εγγραφούν.

Τώρα που οι χρήστες είναι 100% σίγουροι για το τι θα μπουν σε αυτά τα πεδία, δεν θα κάνουν λάθη και ως εκ τούτου, η εγγραφή θα είναι εξαιρετικά ομαλή, διότι δεν θα υπάρχει καμία τριβή στη διαδικασία.

Χρησιμοποιήστε μια αποτυχημένη διαγραφή

Ένα από τα πιο συνηθισμένα σφάλματα των χρηστών βασίζεται σε τυχαίες διαγραφές των δημιουργημένων έργων, ανεξάρτητα από το αν τα έργα αυτά είναι πολύ χρονοβόρα, όπως γραπτές αναφορές ή απλώς κοινόχρηστα μέσα όπως φωτογραφίες που λαμβάνουν μόνο ένα δευτερόλεπτο για να πυροβολήσουν. Είναι λογικό, λοιπόν, ότι η δημιουργία αποτελεσματικών διασφαλίσεων κατά των τυχαίων διαγραφών είναι ένας από τους καλύτερους τρόπους για να μειωθούν τα σφάλματα των χρηστών.

Οι περισσότεροι έχουν, σε ένα ή τον άλλο σημείο, μια κατάσταση στην οποία κατά λάθος διέγραψε ένα πολύτιμο ή απαραίτητο κομμάτι περιεχομένου. Το κόστος ενός τέτοιου σφάλματος χρήστη μπορεί συχνά να είναι κάτι περισσότερο από απλώς την απογοήτευση του να πατήσετε το λάθος κουμπί ή να μην διαβάσετε τα μηνύματα αναδυόμενων παραθύρων πιο προσεκτικά. Οι τυχαίες διαγραφές μπορούν να διαγράψουν μόνιμα πολύτιμες αναμνήσεις και έγγραφα που σχετίζονται με την εργασία, τα οποία κοστίζουν πραγματικά χρήματα.

Το παράθυρο διαλόγου επιβεβαίωσης, ζητώντας από τους χρήστες εάν πραγματικά είχαν την πρόθεση να διαγράψουν ένα στοιχείο, εξακολουθεί να είναι ένα ζωτικής σημασίας αποτυχημένο γεγονός που πρέπει να αποτελεί μέρος κάθε λειτουργούντος σχεδιασμού. Η ομορφιά αυτής της αποτυχίας είναι ότι, σύμφωνα με τον κανόνα σχετικά με τη χρήση συμβάσεων σχεδιασμού, όλοι οι χρήστες θα είναι εξοικειωμένοι άμεσα με αυτό, αυξάνοντας έτσι την αποτελεσματικότητά του ως σύστημα πρόληψης απωλειών.

Google-Drive-shot-shot

Google Drive Η διεπαφή χρησιμοποιεί κουτιά διαλόγου επιβεβαίωσης που αμέσως τραβούν την προσοχή του χρήστη, εξασφαλίζοντας ότι δεν μπορούν να αγνοηθούν.

Σημειώστε πώς το κουτί διαθέτει την ερώτηση επιβεβαίωσης σε μεγαλύτερη γραμματοσειρά από ό, τι το άλλο κείμενο στο κουτί, σχεδόν σαν να ήταν η δική του επικεφαλίδα; Επιπλέον, λέξεις που προσανατολίζονται προς τη δράση, όπως "διαγραφή", ξεκινούν την ερώτηση, καθιστώντας πιθανό ότι οι χρήστες θα λάβουν ειδοποίηση. Η γραμμή που περιέχει την προειδοποίηση είναι επίσης με έντονους χαρακτήρες, συμβάλλοντας στην επείγουσα ανάγκη πίσω από την ερώτηση. Τέλος, σημειώστε πως το κουμπί "Ακύρωση" είναι εκείνο που επισημαίνεται με μπλε χρώμα, υποδηλώνοντας την επιθυμία των σχεδιαστών να κάνουν λάθη στους χρήστες με προσοχή σε περιπτώσεις τυχαίων διαγραφών.

Όλοι οι άνθρωποι, μια τέτοια χρήση των πλαισίων διαλόγου επιβεβαίωσης λειτουργεί ως αποτυχία έναντι των εξάνθημων χρηστών που μπορεί να μην είχαν την πρόθεση να πιέσουν ένα συγκεκριμένο κουμπί.

συμπέρασμα

Ένα πράγμα που λέμε συνεχώς στο σχεδιασμό ιστοσελίδων είναι το πόσο σημαντικό είναι να σχεδιαστεί με τον χρήστη στο μυαλό ανά πάσα στιγμή. Η εμπειρία του χρήστη θα πρέπει να τοποθετηθεί πρωτίστως σε όλες τις αποφάσεις σχεδιασμού. Ωστόσο, η ενδιαφέρουσα πτυχή του σχεδιασμού είναι ο τρόπος με τον οποίο οι σχεδιαστές συσχετίζουν συνήθως την εμπειρία των χρηστών με το τι μπορούν να προσθέσουν σε ένα σχέδιο για να βελτιώσουν την εμπειρία των χρηστών. Αυτά σπάνια προσεγγίζουν το σχεδιασμό με τον χρήστη στο μυαλό πρώτα από την άποψη της εξάλειψης των πιθανών σφαλμάτων που μπορεί να πάρει ο χρήστης μέσα.

Γι 'αυτό είναι απαραίτητο οι σχεδιαστές να προσπαθούν πάντα να βάλουν τον εαυτό τους στα παπούτσια του χρήστη και να προσπαθούν να προβλέψουν πώς θα συμπεριφερθεί καθώς κατευθύνει το σχέδιό τους. Μόνο τότε τα λάθη των χρηστών μπορούν πραγματικά να ελαχιστοποιηθούν.

Προτεινόμενη εικόνα, επιβεβαιώστε την εικόνα μέσω Shutterstock.