5 Συνηθισμένα λάθη σχεδιασμού της ιστοσελίδας σας

| Άρθρα |

5 Synithismena lathi sto web design

 

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

Φορτωμένη Αρχική Σελίδα

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

  1. Ποιος είναι.
  2. Με τι ασχολείται.
  3. Τι θα πρέπει ιδανικά να κάνει ο επισκέπτης στη σελίδα αυτή (π.χ. να επικοινωνήσει με τον ιδιοκτήτη της ιστοσελίδας).

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

Λάθος κοινό

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

  1. Την ηλικία του.
  2. Τα ενδιαφέροντά του.
  3. Την αισθητική του.

Στόχος σας είναι τα παραπάνω να συγκεραστούν με το ύφος του κλάδου στον οποίον ανήκετε ως επαγγελματίας / επιχείρηση.

Άσχημες ή ακατάλληλες φωτογραφίες

παράδειγμα κακής εικόνας στο web design
Παράδειγμα κακής εικόνας: Χαμηλή ανάλυση και πολυχρησιμοποιημένη, κακής αισθητικής εικόνα.

Οι φωτογραφίες είναι καίριας σημασίας για μια ιστοσελίδα – μπορούν να την αναδείξουν ή να την καταστρέψουν πλήρως. Όσο καλός κι αν είναι ο σχεδιασμός και η λοιπή αισθητική μιας ιστοσελίδας, είναι πολύ δύσκολο να «σώσει» τη χρήση κακών φωτογραφιών.
Βασικοί κανόνες χρήσεως εικόνων:

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

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

Ζητήματα αναγνωσιμότητας

Vibrating colours
Παράδειγμα Vibrating Colours – Δύο έντονα χρώματα όπου το ένα «μπαίνει» μέσα στο άλλο.

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

  1.  Το κείμενο να έχει σωστή δομή, με ευκρινή τίτλο και υποτίτλους που να χωρίζουν το κείμενο σε θεματικές ενότητες, ώστε ο αναγνώστης να μπορεί γρήγορα να μεταβεί από ενότητα σε ενότητα και να βρει ευκολότερα τις πληροφορίες που τον ενδιαφέρουν.
  2.  Τη χρήση ευανάγνωστων γραμματοσειρών. Για το κείμενο αυτό καθ’ εαυτό (όχι για τους τίτλους), αποφύγετε τις καλλιγραφικές γραμματοσειρές και αυτές με πατούρες (serif ), όπως η Times New Roman.
  3.  Τη χρήση κατάλληλου μεγέθους γραμματοσειρών. Όσο κι αν ενδεχομένως σας φαίνονται όμορφα τα μικρά γράμματα, είναι πολύ κουραστικά και ο αναγνώστης σας το πιθανότερο είναι να παρατήσει μετά από λίγο την προσπάθεια και να φύγει από την ιστοσελίδα. Φροντίστε λοιπόν να χρησιμοποιείτε μέγεθος τουλάχιστον 14px για τα κείμενά σας, και ακόμη μεγαλύτερα για τις κεφαλίδες.
  4.  Την σωστή χρωματική αντίθεση (κοντράστ) ανάμεσα στο κείμενο και το φόντο. Προβλήματα μπορούν να υπάρξουν, είτε
    α) όταν η αντίθεση είναι πολύ μικρή, π.χ. ανοιχτά γκρι γράμματα σε λευκό φόντο.
    είτε
    β) όταν τα χρώματα τόσο του κειμένου, όσο και του φόντου είναι πολύ έντονα. Τότε παρατηρείται το φαινόμενο των χρωμάτων που «μπαίνουν» το ένα μέσα στο άλλο (vibrating colours). Το αποτέλεσμα είναι ίσως εντυπωσιακό, αλλά καθόλου φιλικό προς τον αναγνώστη.

 

Κακό CTA (Call-To-Action)

call to action buttons

CTA, δηλαδή Call-To-Action, είναι συνήθως ένα κουμπί ή link το οποίο ωθεί τον επισκέπτη να κάνει κάτι, όπως π.χ. να γραφτεί στο Newsletter σας, να επικοινωνήσει μαζί σας ή να μάθει περισσότερα σχετικά με τις υπηρεσίες σας. Παρ’ όλο που, ειδικά για επιχειρήσεις, είναι πολύ σημαντικό να υπάρχει CTA στις σελίδες, συχνά βλέπουμε το λάθος αντί ένα CTA να βοηθά τον χρήστη να κάνει κάτι, να γίνεται ενοχλητικό. Γι’ αυτό θα πρέπει να προσέχουμε το CTA:

  1. Να είναι σαφές.
  2. Να μην είναι παραπλανητικό.
  3. Σε περίπτωση που ο χρήστης χρειάζεται να συμπληρώσει τα στοιχεία του, η φόρμα να περιέχει τα λιγότερα δυνατά πεδία.
  4. Αν είναι σε μορφή pop-up (δηλαδή εμφανίζεται αυτόματα υπερκαλύπτοντας το περιεχόμενο), να αφήσουμε αρκετό χρόνο στον επισκέπτη πριν εμφανιστεί το pop-up, και να μπορεί εύκολα να το κλείσει.
  5. Να υπάρχει CTA. Είναι κάτι που πολλοί επαγγελματίες ξεχνούν, και μπορεί να επηρεάσει σημαντικά τη συμπεριφορά ενός επισκέπτη στην ιστοσελίδα.

 

Επιγραμματικά:

Κάθε ιστοσελίδα απαιτεί λεπτομερή σχεδιασμό. Τα σημαντικότερα λάθη που γίνονται όταν δεν δίνεται η απαραίτητση σημασία στον σχεδιασμό αυτό είναι:

  • Η Αρχική σελίδα είναι υπερβολικά «φορτωμένη».
  • Η ιστοσελίδα στοχεύει σε υπερβολικά ευρύ ή λάθος κοινό.
  • Χρησιμοποιούνται ακατάλληλες εικόνες.
  • Το κείμενο δεν είναι ευανάγνωστο και σωστά δομημένο.
  • Έχει κακό (ή δεν περιέχει καθόλου) CTA (Call-To-Action).

 

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