Σχεδιασμός ιστοσελίδων και μάρκετινγκ Διαδικτύου: Γιατί ο σχεδιασμός του ιστότοπού σας είναι μια απόφαση μάρκετινγκ
Η καλύτερη καμπάνια μάρκετινγκ που θα εκτελέσετε ποτέ θα χάσει πελάτες από έναν κακοσχεδιασμένο ιστότοπο. Η επισκεψιμότητα που φτάνει και αναπηδά αμέσως είναι η κίνηση που σας κοστίζει το ίδιο με την επισκεψιμότητα που παρέμεινε και μετατράπηκε — μόνο που δεν παρήγαγε τίποτα. Ο σχεδιασμός ιστοσελίδων δεν αποτελεί ξεχωριστή ανησυχία από το μάρκετινγκ. είναι το περιβάλλον στο οποίο όλες οι άλλες προσπάθειες μάρκετινγκ είτε πετυχαίνουν είτε αποτυγχάνουν.
Σύνδεσμοι και πλοήγηση: τα βασικά που δεν είναι πάντα βασικά
Η επιλογή μεταξύ συνδέσμων κειμένου και συνδέσμων εικόνας επηρεάζει την ταχύτητα φόρτωσης της σελίδας και η ταχύτητα φόρτωσης σελίδας επηρεάζει τα ποσοστά εγκατάλειψης με τρόπους που είναι καλά τεκμηριωμένοι. Η πλοήγηση με μεγάλη εικόνα φαίνεται εκλεπτυσμένη, αλλά μπορεί να κάνει τις σελίδες να αισθάνονται αργές σε πιο αργές συνδέσεις. Εάν χρησιμοποιείτε συνδέσμους εικόνων, οι ετικέτες περιγραφής σε αυτές τις εικόνες έχουν σημασία — τόσο για προσβασιμότητα όσο και για μηχανές αναζήτησης που δεν μπορούν να δουν τι δείχνει η εικόνα.
Οι σύνδεσμοι κειμένου πρέπει να είναι ευανάγνωστοι με μια ματιά και να χρωματίζονται αρκετά συμβατικά ώστε οι άνθρωποι να τους αναγνωρίζουν ως με δυνατότητα κλικ. Το ένστικτο της προσαρμογής των χρωμάτων συνδέσμων ώστε να ταιριάζουν με μια παλέτα επωνυμίας μερικές φορές παράγει κείμενο που είναι διφορούμενο — οι άνθρωποι δεν είναι σίγουροι αν πρόκειται για σύνδεσμο ή απλώς για διαφορετική επεξεργασία γραμματοσειράς. Αυτή η ασάφεια κοστίζει κλικ. Α εργαλείο σχεδιασμού ιστοσελίδων μπορεί να κάνει προεπισκόπηση του τρόπου με τον οποίο εμφανίζονται τα χρώματα συνδέσμων και τα στυλ κουμπιών στο φόντο σας πριν δημοσιεύσετε οτιδήποτε, κάτι που αντιλαμβάνεται τα προβλήματα αναγνωσιμότητας πριν από τη δημοσιοποίηση.
Flash, βαριά σενάρια και πράγματα που επιβραδύνουν τις σελίδες
Το Flash ουσιαστικά έχει εξαφανιστεί ως μορφή σε αυτό το σημείο, αλλά η κατηγορία του προβλήματος που αντιπροσώπευε — βασιζόμενος σε προσθήκες προγράμματος περιήγησης ή βαριά σενάρια που δεν έχουν όλοι οι επισκέπτες — εξακολουθεί να είναι σχετική. Ιστότοποι με JavaScript που απαιτούν σημαντικό χρόνο φόρτωσης πριν την εμφάνιση του περιεχομένου χάνουν ένα μετρήσιμο ποσοστό επισκεπτών προτού δουν οτιδήποτε. Η κατευθυντήρια γραμμή που εξακολουθεί να ισχύει: χρησιμοποιήστε την πιο ελαφριά προσέγγιση που επιτυγχάνει αυτό που χρειάζεστε. Κάθε επιπλέον εξάρτηση κινούμενης εικόνας, προσθήκης ή πλαισίου έχει ένα κόστος σε χρόνο φόρτωσης που κάποιος πρέπει να πληρώσει.
Οι γραμματοσειρές και η αναγνωσιμότητα έχουν μεγαλύτερη σημασία από όσο νομίζουν οι άνθρωποι
Η τυπογραφία είναι εκεί όπου οι σχεδιαστές και οι ιδιοκτήτες επιχειρήσεων συχνά διαφωνούν και τα ένστικτα του ιδιοκτήτη της επιχείρησης — «την κάνουν πιο ξεχωριστή, πιο επώνυμη, πιο ενδιαφέρουσα» — συχνά λειτουργούν ενάντια στην αναγνωσιμότητα. Μια γραμματοσειρά που απαιτεί από τον αναγνώστη να επιβραδύνει για να την αποκωδικοποιήσει δεν είναι μια γραμματοσειρά που διαβάζεται. Οι γραμματοσειρές αντιγραφής σώματος θα πρέπει να επιλέγονται για αναγνωσιμότητα στο μήκος της παραγράφου: τυπική απόσταση, οικεία γράμματα, αντίθεση στο φόντο που είναι ξεκάθαρη σε διάφορες συνθήκες φωτισμού. Οι διακοσμητικές γραμματοσειρές έχουν τη θέση τους στις κεφαλίδες, αλλά θα πρέπει να χρησιμοποιούνται με φειδώ και να δοκιμάζονται σε πραγματικά μεγέθη ανάγνωσης.
Συνοχή χρώματος σε ολόκληρο τον ιστότοπο
Ένας ιστότοπος όπου κάθε σελίδα έχει διαφορετικό συνδυασμό χρωμάτων μοιάζει με πολλούς ιστότοπους αντί για έναν. Η συνέπεια των χρωμάτων σηματοδοτεί την οργάνωση και τον επαγγελματισμό με τρόπο που επεξεργάζεται κάτω από το επίπεδο της συνειδητής σκέψης — οι επισκέπτες παρατηρούν την ασυνέπεια χωρίς απαραίτητα να γνωρίζουν τι παρατήρησαν. Τα φύλλα στυλ CSS το χειρίζονται κεντρικά, πράγμα που σημαίνει ότι μια μεμονωμένη αλλαγή διαδίδεται σε ολόκληρο τον ιστότοπο. Εάν χρησιμοποιείτε ένα δημιουργός ιστοσελίδων αντί για έναν προσαρμοσμένο κώδικα τοποθεσίας, οι επιλογές θέματος και προτύπου επιτυγχάνουν το ίδιο πράγμα στο σύστημα της πλατφόρμας.
Η συγκεκριμένη παλέτα έχει μικρότερη σημασία από τη συνοχή. Ένα περιορισμένο σύνολο χρωμάτων που εφαρμόζεται αξιόπιστα σε όλες τις σελίδες διαβάζεται ως σκόπιμα. Ένα ευρύ φάσμα που εφαρμόζεται ασυνεπώς, διαβάζεται ως ημιτελές.
Αυτό που θα προσπερνούσα
Θα παρακάμπτω τα κινούμενα φόντο και τις διακοσμητικές κινούμενες εικόνες, εκτός από τις περιπτώσεις όπου η κινούμενη εικόνα είναι το πραγματικό περιεχόμενο. Τα κινούμενα σχέδια που είναι καθαρά διακοσμητικά τραβούν τα βλέμματα με τρόπους που ανταγωνίζονται το περιεχόμενο που ήρθε να διαβάσει ο επισκέπτης. Έχουν επίσης την τάση να αποσπούν την προσοχή ακριβώς τη λάθος στιγμή - κατά τη διαδικασία λήψης αποφάσεων που συμβαίνει λίγο πριν από μια αγορά. Θα παραλείπω επίσης γραμματοσειρές που εξαρτώνται από τον επισκέπτη που έχει εγκατεστημένο ένα συγκεκριμένο λειτουργικό σύστημα ή πακέτο γραμματοσειρών. Οι γραμματοσειρές που είναι ασφαλείς για το σύστημα ή οι γραμματοσειρές ιστού που έχουν φορτωθεί ρητά είναι πιο αξιόπιστες.
Ο καλύτερος σχεδιασμός ιστοσελίδων για μάρκετινγκ είναι ο σχεδιασμός που εξαφανίζεται — όπου οι επισκέπτες βιώνουν το περιεχόμενό σας και τα προϊόντα σας και όχι τις σχεδιαστικές σας επιλογές. Αυτό δεν αποτελεί απόρριψη της ποιότητας σχεδιασμού. είναι μια περιγραφή του τι επιτυγχάνει ο καλός σχεδιασμός. Ο ιστότοπος στον οποίο ο επισκέπτης ολοκληρώνει την περιήγηση χωρίς να σκεφτεί ούτε μια φορά την πλοήγηση κάνει τη δουλειά του ακριβώς σωστά.
Όταν η προσπάθεια μάρκετινγκ στέλνει κάποιον στον ιστότοπό σας, αυτός ο ιστότοπος είτε κλείνει το χάσμα μεταξύ ενδιαφέροντος και αγοράς είτε το διευρύνει. Ο σχεδιασμός αποφασίζει ποιο. Αυτό αξίζει να αντιμετωπίζεται ως απόφαση μάρκετινγκ, όχι ως αισθητική.
Είστε έτοιμοι να ψωνίσετε; Συγκρίνετε Διαδικτυακή Επιχείρηση σε όλα τα καταστήματα → 📚 Ή περιηγηθείτε μαθήματα & λογισμικό σε Ψηφιακά Προϊόντα →
