<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=352162718287948&amp;ev=PageView&amp;noscript=1">
Πείτε μας για το επόμενο project σας! Εμείς θα επικοινωνήσουμε μαζί σας άμεσα. Συμπληρώστε τη φόρμα
MENU
Οι 7 κανόνες αποτελεσματικού web design και UX που πρέπει να ξέρετε!

Οι 7 κανόνες αποτελεσματικού web design και UX που πρέπει να ξέρετε!

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

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

Ποιοι είναι όμως τελικά οι στόχοι που θέλετε να πετύχετε με τον ανασχεδιασμό του website σας;

Αν οι όροι «αναγνωρισιμότητα» (brand awareness), «lead generation» και «αύξηση της επισκεψιμότητας» (traffic increase) δεν σας αφήνουν αδιάφορους, τότε θα χρειαστεί να εστιάσετε σε περισσότερα πράγματα πέρα από την αισθητική του website σας.

Μάλιστα, σε έναν κόσμο όπου οι υποψήφιοι επισκέπτες, πατώντας ένα κουμπί, έχουν τη δυνατότητα να «προσγειωθούν» σε πάνω από 1 δις websites, είναι σημαντικό να εξασφαλίσετε ότι το δικό σας website καλύπτει τις προδιαγραφές του «Usability» και του «User Experience».

Αλήθεια, πόσο χρόνο διαθέτετε για να εμβαθύνετε στη μαγεία του «Usability» και του «UX»Τι θα λέγατε για αρχή να μιλήσουμε για 7 ορθές πρακτικές που μπορείτε να εφαρμόσετε στο website σας άμεσα;

1) Απλότητα

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

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

Υιοθετώντας τη φιλοσοφία του «less is more» ενισχύετε τις αρχές της απλότητας. Χρησιμοποιήστε μια μικρή σε αριθμό χρωματική παλέτα, προτιμήστε τις ευανάγνωστες γραμματοσειρές και περιορίστε τα γραφιστικά στοιχεία στα απολύτως απαραίτητα.

2) Οπτική Ιεραρχία

Η σχεδιαστική απλότητα από μόνη της δεν είναι ικανή να αναδείξει το περιεχόμενο του website σας. Μετά το «less is more» ακολουθεί το «first things first», ώστε να τοποθετηθούν όλα τα στοιχεία στο website με σειρά προτεραιότητας.

Μην ξεχνάτε πως όταν μιλάμε για Usability και UX, σκοπός μας πάντα είναι να οδηγούμε τους επισκέπτες μας στην εκπλήρωση ενός συγκεκριμένου στόχου (τη συμπλήρωση μιας φόρμας επικοινωνίας, την αγορά κάποιου προϊόντος, την εγγραφή στο newsletter κλπ.). Και αυτό πρέπει να γίνεται με τρόπο ευχάριστο και ξεκούραστο προς τον επισκέπτη. Η δομή και η σειρά με την οποία θα τοποθετήσετε τα απαραίτητα στοιχεία μέσα στο website σας, θα βοηθήσουν τους επισκέπτες να δουν πρώτα ό,τι θεωρείτε εσείς πιο σημαντικό.

3) Εύκολη Πλοήγηση

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

Αντίστοιχα, οι επισκέπτες του website σας προσδοκούν να βρουν εύκολα το περιεχόμενο που αναζητούν και βασίζονται στο main navigation (βασικό menu πλοήγησης) για να τους οδηγήσει στη σωστή κατεύθυνση.

4) Ομοιομορφία

Εκτός από την πλοήγηση του website η οποία πρέπει να παραμένει κοινή ανεξάρτητα από τη σελίδα που βρίσκεται ένας επισκέπτης, είναι σημαντικό να διατηρείται η ομοιομορφία αυτή και στη συνολική εικόνα του website σας.

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

Δεν χρειάζεται φυσικά να πούμε ότι η ομοιομορφία αυτή, εφαρμόζεται και στο layout των σελίδων που περιέχονται στο site. Εκτός αν μιλάμε για μια ιδιαίτερη σελίδα, όπως μια landing page, όλο το υπόλοιπο περιεχόμενο πρέπει να δομηθεί με βάση συγκεκριμένα templates.

5) Προσβασιμότητα

Σύμφωνα με τα τελευταία στοιχεία της StatCounter, η πλοήγηση από συσκευές desktop έχει μειωθεί στο 48,7% με τα smartphones και τα tablets να έχουν κατακτήσει την πρώτη θέση στην καρδιά των χρηστών του διαδικτύου. 

Άρα, εάν θέλετε να προσφέρετε το καλύτερο user experience στους επισκέπτες σας, το website σας χρειάζεται να είναι συμβατό με διαφορετικές συσκευές, διαφορετικές αναλύσεις οθονών αλλά και με διαφορετικά λειτουργικά συστήματα.

Σύμφωνα με το Compuware, το 40% των επισκεπτών από mobile συσκευές θα οδηγηθεί σε κάποιον ανταγωνιστή σας αν δεν του προσφέρετε μια καλή εμπειρία θέασης του site σας από mobile συσκευές. Αυτό που σας προτείνουμε, είναι να επενδύσετε στην υλοποίηση ενός website που είναι υλοποιημένο με τη λογική του responsive. Ένα καλό user experience, μέσα από ένα responsive site, μπορεί να οδηγήσει σε περισσότερους επισκέπτες, σε περισσότερες πωλήσεις και στη δημιουργία μιας πιο ισχυρής διαδικτυακής παρουσίας.

6) Συνέπεια

Ένας μέσος χρήστης του Internet όταν επισκέπτεται μια ιστοσελίδα ξέρει ότι: 

- Το main navigation του website βρίσκεται στο πάνω μέρος της σελίδας.

- Το λογότυπο βρίσκεται πάνω αριστερά ή πάνω και στο κέντρο της σελίδας.

- Το λογότυπο είναι «clickable» και οδηγεί πάντα τον επισκέπτη στην αρχική σελίδα.

- Τα προϊόντα που έχει επιλέξει μπορεί να τα δει όταν πατήσει το εικονίδιο με το καλαθάκι.

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

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

7) Με επίκεντρο τον επισκέπτη

Τέλος, αυτό που μετράει για τους επισκέπτες σας είναι η συνολική εμπειρία που έζησαν μέσω του website σας. Δηλαδή, το πόσο εύκολο ή δύσκολο ήταν για αυτούς να βρουν την πληροφορία που αναζητούν στο website σας ή να πραγματοποιήσουν μια αγορά από το e-shop σας.

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

Πρόκειται για μια προσέγγιση Growth Driven Design την οποία ήδη εφαρμόζουμε για τους πελάτες μας, χρησιμοποιώντας παράλληλα online εργαλεία (heatmap, recordings, online polls, tree testing κ.ά.), τα οποία μας δίνουν τη δυνατότητα να λαμβάνουμε εκτενές feedback, όπως αναφέραμε προηγουμένως.

Θέλετε να ακολουθήσετε τις παραπάνω ορθές πρακτικές και στο δικό σας website; Απλά επικοινωνήστε μαζί μας και τα υπόλοιπα θα τα αναλάβει το τμήμα UX.

Inbound Marketing made by wedia