Περίπου επτά δευτερόλεπτα δίνουν πολλοί επισκέπτες σε μια σελίδα, πριν αποφασίσουν να μείνουν ή να φύγουν. Σε αυτό το διάστημα, ο λευκός χώρος στον σχεδιασμό κάνει περισσότερη δουλειά από το κείμενο των πωλήσεών σου. Η οπτική καθαρότητα κερδίζει τα επιπλέον δευτερόλεπτα που χρειάζεσαι για να εξηγήσεις την προσφορά σου.
Ο λευκός χώρος στον σχεδιασμό χωρίζει τις ενότητες, αναδεικνύει τα κουμπιά και βελτιώνει την κατανόηση. Εδώ θα δεις τι σημαίνει αυτό με απλά λόγια, γιατί επηρεάζει την ιστοσελίδα και το μάρκετινγκ σου και πώς να τον εφαρμόσεις χωρίς ορολογία. Θα δεις επίσης πού ταιριάζει ο λευκός χώρος. Πάμε βήμα βήμα.
Τι σημαίνει στην πράξη ο λευκός χώρος στον σχεδιασμό
Ο λευκός χώρος στον σχεδιασμό χωρίζει τις ενότητες, αναδεικνύει τα κουμπιά και βελτιώνει την κατανόηση.
Οι γεμάτες σελίδες αυξάνουν το ποσοστό εγκατάλειψης, ακόμη κι όταν οι προσφορές είναι δυνατές.
Η διάταξη ιστοσελίδας βελτιώνεται όταν κάθε ενότητα έχει έναν σαφή ρόλο.
Πώς εφαρμόζεις τον λευκό χώρο στο site σου
Αφαίρεσε ένα μη απαραίτητο στοιχείο από κάθε ενότητα και πρόσθεσε αντί γι' αυτό απόσταση.
Ξεκίνα από μία σελίδα, όπως η αρχική ή η κύρια landing page. Διόρθωσε πρώτα το μεγαλύτερο πρόβλημα και μετά πέρασε το ίδιο μοτίβο στα υπόλοιπα πρότυπα.
Διάβασε αυτό το κεφάλαιο μαζί με τις αρχές Gestalt για τα θεμέλια και με τη διάταξη ιστοσελίδας για το επόμενο βήμα αυτής της ενότητας.
Πρακτική λίστα ελέγχου για σήμερα
Αφαίρεσε ένα μη απαραίτητο στοιχείο από κάθε ενότητα και πρόσθεσε αντί γι' αυτό απόσταση.
Όταν ελέγχεις μια σελίδα, ρώτα αν ο λευκός χώρος φαίνεται μέσα στο πρώτο scroll στο κινητό. Αν όχι, άλλαξε τη σειρά των ενοτήτων πριν γυαλίσεις τις λεπτομέρειες.
Κράτα στιγμιότυπα πριν και μετά τις αλλαγές, για να μάθεις τι έκανε τη διαφορά στον λευκό χώρο του site σου.
Μοιράσου αυτή τη λίστα με όποιον ενημερώνει το site σου, ώστε η διάταξη ιστοσελίδας να μένει συνεπής στις νέες σελίδες.
Διάλεξε έναν δείκτη να παρακολουθείς αυτό τον μήνα, όπως τον χρόνο στη σελίδα ή τις έναρξεις φόρμας, ώστε οι αλλαγές σχεδιασμού να συνδέονται με επιχειρηματικά αποτελέσματα και όχι μόνο με γούστο.
Πώς συνδέεται το θέμα με την ευρύτερη επωνυμία σου
Οι οπτικές επιλογές σπάνια ζουν μόνο σε μία σελίδα. Η διάταξη ιστοσελίδας βελτιώνεται όταν κάθε ενότητα έχει έναν σαφή ρόλο.
Οι αναρτήσεις σου στα social, τα email και τα έντυπα πρέπει να επαναλαμβάνουν την ίδια ιεραρχία, τα ίδια χρώματα και τους ίδιους κανόνες γραμματοσειράς που χρησιμοποιείς στο web.
Όταν τα οπτικά της επωνυμίας ξεφεύγουν, οι πελάτες νιώθουν μια διακριτική ασυμφωνία, ακόμη κι αν δεν μπορούν να την εξηγήσουν.
Χρησιμοποίησε τη διάταξη ιστοσελίδας για να συγκρίνεις σημειώσεις με ένα συγγενικό κεφάλαιο αυτής της ενότητας.
Οι γεμάτες σελίδες αυξάνουν το ποσοστό εγκατάλειψης, ακόμη κι όταν οι προσφορές είναι δυνατές.
Ερωτήσεις που συχνά ξεχνιούνται
Δευτερεύοντες όροι, όπως ο λευκός χώρος και η διάταξη ιστοσελίδας, σε βοηθούν να ψάξεις βαθύτερα παραδείγματα και να συγκρίνεις τη δουλειά σου με τα συνηθισμένα πρότυπα.
Η διάταξη ιστοσελίδας βελτιώνεται όταν κάθε ενότητα έχει έναν σαφή ρόλο.
Γράψε μία αλλαγή «πριν και μετά» που θα δοκιμάσεις σε μια ζωντανή σελίδα αυτή την εβδομάδα. Οι μικρές, μετρημένες αλλαγές κερδίζουν τα αόριστα σχέδια.
Όταν μαθαίνεις στην ομάδα σου ένα κοινό λεξιλόγιο γύρω από τον λευκό χώρο στον σχεδιασμό, μειώνονται οι γύροι διορθώσεων με σχεδιαστές και agencies.
Εργαλεία που κάνουν τις οπτικές αλλαγές πιο εύκολες
Δεν χρειάζεσαι custom κώδικα για να διορθώσεις πολλά προβλήματα διάταξης και στυλ. Ένας οπτικός επεξεργαστής σου επιτρέπει να ρυθμίσεις αποστάσεις, χρώματα και γραμματοσειρές, ενώ βλέπεις προεπισκόπηση σε κινητό και σε υπολογιστή.
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων όταν είσαι έτοιμος να εφαρμόσεις όσα έμαθες.
Όταν δημοσιεύεις αλλαγές, ξαναδές τις αρχές Gestalt και τον σχεδιασμό διάταξης, ώστε η ενότητα να μένει συνδεδεμένη στο μυαλό σου.
Τώρα έχεις έναν πρακτικό φακό για τον λευκό χώρο στον σχεδιασμό. Χρησιμοποίησέ τον όταν ελέγχεις το site σου, εγκρίνεις υλικό μάρκετινγκ ή δίνεις οδηγίες σε σχεδιαστή. Συνέχισε με τον σχεδιασμό διάταξης και τη διάταξη ιστοσελίδας, για να κρατήσεις τον ρυθμό σε αυτή την ενότητα.
Ο λευκός χώρος στον σχεδιασμό είναι δεξιότητα που χτίζεται σταδιακά. Ξαναδιάβασε αυτό το κεφάλαιο αφού υλοποιήσεις μία βελτίωση, ώστε οι ιδέες να περάσουν από την ανάγνωση στη συνήθεια. Οι μικροί, επαναλαμβανόμενοι έλεγχοι κερδίζουν την εξαντλητική απομνημόνευση όλων των κανόνων μονομιάς. Κράτα σημειώσεις για το τι δούλεψε στο κοινό σου, ώστε η επόμενη ενημέρωση να γίνει πιο γρήγορα.
Συχνές ερωτήσεις
Πόσο χρόνο παίρνει να βελτιώσεις τον λευκό χώρο στον σχεδιασμό;
Οι περισσότερες μικρές επιχειρήσεις βλέπουν πιο καθαρές σελίδες μέσα σε λίγες συγκεντρωμένες συνεδρίες, μόλις εφαρμόσουν τα βασικά αυτού του κεφαλαίου. Ξεκίνα από την αρχική σελίδα και μετά πέρασε τους ίδιους κανόνες στις σελίδες υπηρεσιών και επικοινωνίας.
Χρειάζεσαι σχεδιαστή για τον λευκό χώρο στον σχεδιασμό;
Ένας σχεδιαστής βοηθά σε σύνθετα rebranding, αλλά πολλές διορθώσεις γύρω από τον λευκό χώρο τις κάνεις και μόνος σου, μόλις ξέρεις τι να κοιτάξεις. Διάβασε μαζί με αυτό το κεφάλαιο τις αρχές Gestalt για συγγενική καθοδήγηση.
Μπορεί η WEMASY να σε βοηθήσει με τον λευκό χώρο στην ιστοσελίδα σου;
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων για να ξεκινήσεις.
Ποιο είναι το πιο συνηθισμένο λάθος με τον λευκό χώρο στον σχεδιασμό;
Ο κόσμος προσπαθεί να διορθώσει τα πάντα μονομιάς, αντί για μία σελίδα τη φορά. Διάλεξε μία προτεραιότητα, όπως την αναγνωσιμότητα ή την αντίθεση, και μετά δες τον σχεδιασμό διάταξης για την επόμενη βελτίωση.
Πώς σχετίζεται ο λευκός χώρος στον σχεδιασμό με το SEO;
Μια καθαρή οπτική ιεραρχία και μια ευανάγνωστη γραμματοσειρά κρατούν τους επισκέπτες περισσότερο στη σελίδα, κάτι που στηρίζει τα σήματα αλληλεπίδρασης που παρακολουθούν οι μηχανές αναζήτησης. Για το καλύτερο αποτέλεσμα, συνδύασε τις διορθώσεις σχεδιασμού με σωστή δομή περιεχομένου.
Τι να μάθεις μετά τον λευκό χώρο στον σχεδιασμό;
Συνέχισε με τις αρχές Gestalt και τον σχεδιασμό διάταξης σε αυτό το βιβλίο, για να χτίσεις ένα πλήρες οπτικό σύστημα για την επωνυμία σου στο διαδίκτυο.