Οι αποστάσεις στο email δείχνουν στον αναγνώστη ποια στοιχεία συνδέονται. Ένας τίτλος, η εξήγησή του και το κουμπί χρειάζονται μικρότερη απόσταση μεταξύ τους απ’ ό,τι δύο διαφορετικές ενότητες προϊόντων. Όταν όλα τα κενά είναι ίδια, ακόμη και μια σύντομη καμπάνια Shopify μπορεί να φαίνεται στριμωγμένη ή ασύνδετη. Χρησιμοποιήστε μικρή, συνεπή κλίμακα αποστάσεων και ελέγξτε ότι οι ομάδες στοιχείων εξακολουθούν να βγάζουν νόημα όταν η διάταξη στοιβάζεται σε κινητό.
Ομαδοποιήστε με βάση το νόημα
Κρατήστε το όνομα προϊόντος κοντά στην εικόνα και την τιμή. Βάλτε την εξήγηση κοντά στην ενέργεια που υποστηρίζει. Χρησιμοποιήστε μεγαλύτερη απόσταση ανάμεσα σε ξεχωριστές ενότητες απ’ ό,τι ανάμεσα σε σχετικά στοιχεία μέσα στην ίδια ενότητα. Έτσι ο αναγνώστης αποκτά οπτικό χάρτη πριν διαβάσει κάθε λέξη.
Ενσωματώστε αυτό το μοτίβο σε επαναχρησιμοποιήσιμο πρότυπο Sendvio. Επιλέξτε μικρό σύνολο τιμών απόστασης και χρησιμοποιήστε το με συνέπεια αντί να προσαρμόζετε κάθε πλαίσιο με το μάτι. Το πρότυπο πρέπει να επιτρέπει στο περιεχόμενο να μεγαλώνει όταν ένας τίτλος αναδιπλώνεται σε επόμενη γραμμή.
Χρησιμοποιήστε μικρή κλίμακα αντί για άσχετα κενά
Επιλέξτε μερικά βήματα απόστασης και δώστε σε καθένα συγκεκριμένο σκοπό. Ως ενδεικτική αφετηρία, μικρό κενό μπορεί να συνδέει όνομα προϊόντος με τιμή, μεσαίο να χωρίζει την εξήγηση από την ενέργεια και μεγαλύτερο να εισάγει νέα ενότητα. Οι ακριβείς τιμές πρέπει να ταιριάζουν στο πρότυπο· σημασία έχει περισσότερο η συνέπεια στη σχέση μεταξύ στοιχείων.
Για παράδειγμα, δοκιμάστε 8, 16 και 32 pixel για αυτά τα τρία επίπεδα και προσαρμόστε αφού δείτε το σταλμένο email. Μην εφαρμόζετε το μεγαλύτερο κενό ανάμεσα σε κάθε παράγραφο. Αν όλα απέχουν εξίσου, οι σχετικές λεπτομέρειες παύουν να φαίνονται συνδεδεμένες και το email μακραίνει άσκοπα.
Το διάστιχο έχει διαφορετικό σκοπό. Διαχωρίζει τις γραμμές μέσα σε παράγραφο ώστε να ακολουθείται άνετα το κείμενο. Τα περιθώρια παραγράφου διαχωρίζουν ολοκληρωμένες σκέψεις. Μεγάλο περιθώριο δεν διορθώνει στριμωγμένες γραμμές και μεγαλύτερο διάστιχο δεν ξεχωρίζει καθαρά δύο άσχετες ενότητες. Ρυθμίστε το σωστό επίπεδο απόστασης για το πρόβλημα που βλέπετε.
Αποφύγετε τον κενό χώρο χωρίς σκοπό
Μεγάλα κενά μπορούν να κάνουν ένα σύντομο μήνυμα να φαίνεται ασύνδετο, ιδίως σε κινητό. Ελέγξτε αν πλαίσιο σταθερού ύψους ή περιττό στοιχείο διαστήματος σπρώχνει την ενέργεια πολύ χαμηλότερα από την εξήγησή της. Αφαιρέστε τη δομική αιτία αντί να μικρύνετε το κείμενο για να γεμίσει ένα άβολο σχήμα.
Κρατήστε άνετο διάστιχο μέσα στις παραγράφους και αποφύγετε υπερβολικά φαρδιές στήλες κειμένου. Μια σύντομη παράγραφος διαβάζεται πιο εύκολα όταν οι γραμμές συνδέονται χωρίς να στριμώχνονται. Προεπισκοπήστε μεγάλα ονόματα προϊόντων και γλωσσικές εκδόσεις πριν θεωρήσετε ολοκληρωμένες τις αποστάσεις.
Εντοπίστε την αιτία του κενού πριν αλλάξετε τη γραμματοσειρά
Αν εμφανίζεται μεγάλη κενή περιοχή κάτω από σύντομο τίτλο, ελέγξτε σταθερά ύψη, στοιχεία απόστασης και περιθώρια τόσο στον τίτλο όσο και στο επόμενο στοιχείο. Δύο ρυθμίσεις που φαίνονται λογικές μεμονωμένα μπορεί να δημιουργούν μαζί υπερβολικό κενό. Αφαιρέστε την επανάληψη αντί να μειώσετε τη γραμματοσειρά μέχρι να φαίνεται γεμάτος ο χώρος.
Όταν οι στήλες στοιβάζονται σε κινητό, ελέγξτε μήπως παραμένουν αποστάτες ευθυγράμμισης υπολογιστή ανάμεσα στα νέα κάθετα στοιχεία. Αποστάτης που ευθυγράμμιζε κουμπιά σε κάρτες δίπλα δίπλα μπορεί να γίνει περιττό κενό κάτω από σύντομη περιγραφή προϊόντος. Προτιμήστε στοιχεία που μεγαλώνουν μαζί με το περιεχόμενο και σειρά στοίβαξης που διατηρεί κάθε προϊόν ως ενιαία ομάδα.
Δοκιμάστε πρώτα τη γρήγορη σάρωση και μετά την ανάγνωση
Κοιτάξτε το email για λίγα δευτερόλεπτα και εντοπίστε την κύρια υπόσχεση και ενέργεια. Αν πολλά πλαίσια ανταγωνίζονται εξίσου, απλοποιήστε την ιεραρχία. Μετά διαβάστε ολόκληρο το μήνυμα ώστε να βεβαιωθείτε ότι η οπτική ομαδοποίηση συμφωνεί με το νόημα.
Εξετάστε τη στενή διάταξη αφού στοιβαχτούν οι στήλες. Κενό που φαινόταν κατάλληλο ανάμεσα σε κάρτες δίπλα δίπλα μπορεί να γίνει υπερβολικό κάθετα. Οι καλές αποστάσεις πρέπει να κάνουν το περιεχόμενο να φαίνεται μελετημένο και στα δύο μεγέθη, χωρίς εξάρτηση από σκληρές αλλαγές γραμμής ή συγκεκριμένη ποσότητα κειμένου.
Δοκιμάστε το σύστημα με το συντομότερο και το μακρύτερο ρεαλιστικό περιεχόμενο. Σύντομος τίτλος δεν πρέπει να αφήνει ασύνδετο κουμπί και μακρύς τίτλος δεν πρέπει να συγκρούεται με την τιμή. Συμπεριλάβετε μετάφραση, προαιρετική γραμμή που λείπει και προϊόν χωρίς εικόνα. Οι αποστάσεις πρέπει να υποστηρίζουν αυτές τις παραλλαγές χωρίς χειροκίνητο επανασχεδιασμό για κάθε καμπάνια.
Ολοκληρώστε με δύο περάσματα: γρήγορη σάρωση για να βρείτε υπόσχεση και ενέργεια και πλήρη ανάγνωση για να ελέγξετε τη σειρά. Αν η διάταξη δείχνει ήρεμη αλλά το κουμπί απέχει πολλές οθόνες από την εξήγησή του, η ομαδοποίηση χρειάζεται ακόμη δουλειά. Οι καλές αποστάσεις είναι χρήσιμες επειδή επικοινωνούν σχέσεις πριν ο πελάτης αποφασίσει να διαβάσει κάθε πρόταση.