User experience στην κατασκευή ιστοσελίδων: από την εμφάνιση στη λειτουργική εμπειρία

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

Ξεκινάμε από τις εργασίες που θέλει να ολοκληρώσει ο επισκέπτης

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

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

Η αρχιτεκτονική πληροφορίας προηγείται του μενού

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

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

Το περιεχόμενο είναι μέρος του σχεδιασμού

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

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

Στο κινητό η εμπειρία αποκαλύπτει τα πραγματικά προβλήματα

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

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

Οι φόρμες πρέπει να ζητούν μόνο ό,τι χρειάζεται εκείνη τη στιγμή

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

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

Η προσβασιμότητα βελτιώνει την καθαρότητα για όλους

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

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

Η ταχύτητα είναι μέρος της εμπειρίας, όχι ξεχωριστό τεχνικό θέμα

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

Μετράμε συμπεριφορά και ολοκλήρωση στόχων

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

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

Checklist πριν από την παράδοση

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

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

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

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