Εισαγωγή

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

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

Απλότητα

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

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

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

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

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

Κατευθύνετε την προσοχή του χρήστη

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

Calls to action

Τα Calls to action (CTA’s) είναι στοιχεία που ωθούν τους χρήστες να προβούν σε συγκεκριμένες ενέργειες, όπως η αγορά ενός προϊόντος ή η δημιουργία ενός λογαριασμού. Έρευνες δείχνουν ότι η βελτιστοποίηση των CTA μπορεί να αυξήσει δραστικά τα ποσοστά μετατροπής των χρηστών (σε πελάτες π.χ.). Ακολουθούν μερικά στατιστικά στοιχεία για τα CTA:

  • Τα εξατομικευμένα CTA έχουν 42% υψηλότερο ποσοστό μετατροπής. «Ξεκινήστε» έναντι «Έναρξη». «Ας επικοινωνήσουμε» έναντι «Επικοινωνία».
  • Τα κουμπιά με ένα εικονίδιο βέλους στο τέλος λαμβάνουν 26% περισσότερες κλικ.
  • Οπτικά ευχάριστα CTA δέχονται 42% περισσότερα κλικ.
  • Tο 70% μικρών επιχειρήσεων B2B δεν έχουν CTA.
  • Τα CTA που βρίσκονται στην πρώτη εικόνας μιας σελίδας έχουν 73% μεγαλύτερη ορατότητα.

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

Συνοχή

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

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

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

Responsiveness

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

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

Οπτική ισορροπία

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

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

Κενός Χώρος

Ο κενός χώρος είναι το κενό ανάμεσα σε στοιχεία στη σελίδα, και είναι σημαντικός για πολλαπλούς λόγους:

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

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

Συνοχή με την Επωνυμία σας

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

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

Κείμενα

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

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

Για περαιτέρω ανάγνωση στο θέμα των κειμένων, διαβάστε ένα από τα άρθρα μας.

Θα βρείτε το δεύτερο μέρος του άρθρου εδώ.