Εισαγωγή
Σε αυτό το άρθρο θα εξερευνήσουμε ποία είναι τα χαρακτηριστικά μίας καλά σχεδιασμένης ιστοσελίδας. Για να διαβάσετε το προηγούμενο άρθρο πάνω στο θέμα (1ο μέρος), πατήστε εδώ.
Ταχύτητα
Μελέτες δείχνουν ότι ακόμη και μια διαφορά 1 δευτερολέπτου στην ταχύτητα φόρτωσής μπορεί να επηρεάσει την προβολή μιας σελίδας κατά 11%. Και αυτό δεν είναι όλο. Επηρεάζει επίσης την εμπειρία χρήστη και τα αποτελέσματα αναζήτησης (η Google προτιμάει γρήγορες ιστοσελίδες).
Η ταχύτητα συνδέεται με την απόδοση της σελίδας. Μια ιστοσελίδα με καλή απόδοση είναι πιο αξιόπιστη όταν επισκέπτονται πολλοί χρήστες ταυτόχρονα.
Είναι γνωστός κανόνας, ότι μια σελίδα πρέπει να φορτώνει σε 3 δευτερόλεπτα, ή λιγότερο — οτιδήποτε περισσότερο από αυτό θεωρείται υπερβολικό. Αλλά πως συνδέεται η απόδοση με τον σχεδιασμό?
Ο στοχευμένος, συνειδητός σχεδιασμός είναι εξ' ορισμού συμβατός με καλή απόδοση. Αυτό σημαίνει ότι δε γεμίζουμαι τη σελίδα με εικόνες, βίντεο, animation, sliders, και οτιδήποτε άλλο επιρεάζει την απόδοση, χωρίς να υπάρχει καλός λόγος για να το κάνουμε.
Είναι σημαντικό να σχεδιάζει κανείς έχοντας λάβει εξ'αρχής υπόψη την απόδοση. Υπάρχουν πολλοί τρόποι για βελτιστοποίηση της απόδοσης, όπως η συμπίεση εικόνων (και η χρήση Webp), καθαρός κώδικας, η επιλογή ποιοτικού hosting, η αποφηγή υπερβολικών πρόσθετων (plugin) σε WordPress, και άλλα.
Προσβασιμότητα
Η προσβασιμότητα αναφέρεται σε ένα σύνολο βέλτιστων πρακτικών που καθιστούν τον ιστότοπο πιο εύχρηστο για άτομα με διάφορες δυσκολίες (οπτικές, ακουστικές, γνωστικές κ.λπ.).
Περιλαμβάνει πράγματα όπως τη χρήση συνδυασμών χρωμάτων φιλικών προς τους αχρωματοψικούς, τη βελτιστοποίηση για προγράμματα ανάγνωσης οθόνης, τη χρήση εναλλακτικού κειμένου στις εικόνες και άλλα.
Κάποιος μπορεί να σκεφτεί ότι οι χρήστες με δυσκολίες αποτελούν ένα μικρό μέρος των χρηστών, και ότι δεν αξίζει να επενδύσουμε χρόνο σε αυτούς. Στην πραγματικότητα:
1) Οι λειτουργίες προσβασιμότητας είναι χρήσιμες ακόμη και για άτομα χωρίς δυσκολίες. Για παράδειγμα, η καλή χρωματική αντίθεση καθιστά την ιστοσελίδα πιο ευανάγνωστη για όλους, ειδικά σε κινητά τηλέφωνα ή υπό το φως του ήλιου.
2) Οι χρήστες με δυσκολίες εξακολουθούν να είναι χρήστες, ανεξάρτητα από τον αριθμό τους.
3) Η προσβασιμότητα επηρεάζει το SEO. Έτσι, ακόμη και αν κανένα άτομο με δυσκολίες δεν επισκεφθεί την ιστοσελίδα σας, εσείς επωφελείστε από την προσβασιμότητά του.
Εύκολη πλοήγηση
Οι χρήστες συνήθως επισκέπτονται μια ιστοσελίδα επειδή αναζητούν κάτι. Ίσως θέλουν να βρουν πληροφορίες, να κάνουν μια αγορά ή να επικοινωνήσουν με κάποιον.
Είναι πολύ σημαντικό να μπορούν να βρουν αυτό που ψάχνουν γρήγορα και εύκολα. Αυτός είναι ο ρόλος της πλοήγησης. Αν πρέπει να ψάξουν για ένα μικρό κουμπί κάπου ή να χάνονται σε πολύπλοκα μενού μέσα σε μενού, είναι πολύ πιθανό να εκνευριστούν. Το πιο πιθανό είναι απλά να φύγουν. Δε θέλετε να δοκιμάζετε την υπομονή των χρηστών στην ιστοσελίδα σας.
Επομένως, η εύκολη και απλή πλοήγηση είναι καθοριστική για την εμπειρία των χρηστών και τη διατήρηση των χρηστών.
Προσδοκίες των χρηστών
Ο χρήστης έχει συγκεκριμένες προσδοκίες όταν επισκέπτεται μια σελίδα, με βάση τις προηγούμενες εμπειρίες του. Για παράδειγμα, περιμένουν να υπάρχει ένα μενού στο header για πλοήγηση, περιμένουν το καλαθάκι αγορών να βρίσκεται πάνω δεξιά, περιμένουν τα κουμπιά να έχουν μια συγκεκριμένη εμφάνιση και να σε πηγαίνουν κάπου στο κλικ, και ούτω καθεξής.
Αν σχεδιάσετε ένα στοιχείο να μοιάζει με κουμπί αλλά να μην λειτουργεί σαν κουμπί, αυτό δεν είναι καινοτομία. Απλώς μπερδεύετε τον χρήστη. Ομοίως, αν τοποθετήσετε το καλάθι αγορών επάνω αριστερά (αντί επάνω δεξιά), μπερδεύετε και πάλι τον χρήστη. Πρέπει να αφιερώσει 1-2 δευτερόλεπτα επιπλέον για να βρει το καλάθι. Τέτοιες φαινομενικά μικρές ενοχλήσεις συσσωρεύονται η μία με την άλλη και τελικά κάνουν τον χρήστη να έχει κακή γνώμη για την ιστοσελίδα σας (και σας κάνουν να φαίνεστε αναξιόπιστος).
Είναι σημαντικό η ιστοσελίδα να σέβεται τις προσδοκίες των χρηστών.
Έλεγχος
Υπάρχουν δύο τρόποι για να εντοπιστούν προβλήματα με την ιστοσελίδα σας: είτε τα εντοπίζουμε εμείς, ή οι χρήστες. Αναπόφευκτα, όλο και κάτι θα υπάρχει που μπορεί να μας έχει ξεφύγει.
Διότι είμαστε άνθρωποι, και σαν άνθρωποι έχουμε "τυφλά σημεία". Επομένως, αν είναι να εντοπίσουν οι χρήστες κάποιο πρόβλημα, είναι πολύ καλύτερα να το εντοπίσουν νωρίς, κατά το στάδιο σχεδιασμού/ ανάπτυξης. Για αυτό το λόγο, ο έλεγχος με χρήστες είναι τόσο σημαντικός.
Η διόρθωση προβλημάτων μετά την παράδοση, αν και είναι δυνατή, έχει ορισμένους περιορισμούς. Μερικές φορές μπορεί να απαιτήσει την αναίρεση μεγάλου όγκου προηγούμενης εργασίας. Άλλες φορές, τα προβλήματα μπορεί να προκαλέσουν ζημιά στην εικόνα της επωνυμίας σας, ή και χειρότερα.
Μπορεί να φαίνεται χάσιμο χρόνου να πραγματοποιείτε δοκιμές με χρήστες, αλλά είναι πολύ χειρότερα να διορθώνετε προβλήματα αργότερα ή να διατηρείτε μια ελαττωματική ιστοσελίδα.
Διατηρήστε τους χρήστες στη σελίδα
Σχεδόν πάντα σε μια ιστοσελίδα θα υπάρχουν συνδέσμοι προς άλλες ιστοσελίδες. Ο τρόπος που θα τοποθετήσουμε τους συνδέσμους στη σελίδα χρειάζεται κάποια προσοχή. Υπάρχει ο κίνδυνος, οι χρήστες να μετακινηθούν από τη μία ιστοσελίδα στην άλλη, και από αυτή σε μία τρίτη, και να ξεχάσουν ότι επισκέφτηκαν τη δική σας ιστοσελίδα σε πρώτη φάση.
Συνιστάται να μην τοποθετούνται πολλοί εξωτερικοί σύνδεσμοι ψηλά στη σελίδα. Να τοποθετούνται δηλαδή προς το τέλος, όταν ο χρήστης έχει ήδη διαβάσει το περιεχόμενο σας. Έτσι, ακόμη και αν επισκεφθούν κάποια άλλη ιστοσελίδα, θα έχουν ήδη δει τι έχετε να προσφέρετε.
Επιπλέον, συνιστάται οι σύνδεσμοι να ανήγουν σε νέα καρτέλα, ώστε να κρατόυν τη σελίδα σας ανηκτή στο κλικ.
