Κάνετε και Don'ts για το σχεδιασμό ενημερωτικών δελτίων ηλεκτρονικού ταχυδρομείου
Εάν τρέχετε μια επιχείρηση στο διαδίκτυο, η άντληση πελατών στον ιστότοπό σας είναι ζωτικής σημασίας για τη συνεχή επιτυχία σας.
Ενώ πολλές προσπάθειες τείνουν να δαπανηθούν για SEO και να κερδίσουν νέους επισκέπτες, εξασφαλίζοντας ότι επιστρέφουν είναι ένα άλλο θέμα. Τα ενημερωτικά δελτία ηλεκτρονικού ταχυδρομείου είναι η ιδανική ευκαιρία να ενημερώσετε τους παλαιότερους επισκέπτες σας για λόγους επιστροφής.
Ακόμα κι αν δεν χρησιμοποιείτε ενημερωτικά δελτία ηλεκτρονικού ταχυδρομείου για τη δική σας επιχείρηση, πιθανόν να τρέξετε σε έναν πελάτη που θέλει να τα χρησιμοποιήσει αργά ή γρήγορα.
Το ηλεκτρονικό ταχυδρομείο είναι μια από τις παλαιότερες μορφές ηλεκτρονικής επικοινωνίας και αυτή που δεν έχει εξελιχθεί πολύ από τότε που ξεκίνησε λόγω της χρήσης της σε μια μεγάλη ποικιλία συσκευών και την έλλειψη στερεών προτύπων μορφοποίησης.
Ως εκ τούτου, είναι ασφαλές να υποθέσουμε ότι τουλάχιστον ένας από τους συνδρομητές σας πρόκειται να δει το ηλεκτρονικό σας ταχυδρομείο σε έναν υπολογιστή ηλικίας 20 ετών που τρέχει ένα παρωχημένο λειτουργικό σύστημα και πρέπει να το λάβετε υπόψη.
Χρησιμοποιείτε πίνακες
Πριν από τις ημέρες του CSS, τα τραπέζια ήταν ο τρόπος για να τοποθετήσετε στοιχεία ιστού όπου τους θέλατε. Τα περισσότερα προγράμματα ηλεκτρονικού ταχυδρομείου λειτουργούν καλά με τραπέζια και σας επιτρέπουν να τοποθετήσετε τα στοιχεία σχεδιασμού σας με ελκυστικό τρόπο χωρίς να ανησυχείτε για το να παραβιάζονται με κακό χειρισμό κώδικα στο τέλος του δέκτη.
Οι περισσότεροι αναγνώστες ηλεκτρονικού ταχυδρομείου εμφανίζουν μηνύματα ηλεκτρονικού ταχυδρομείου σε ένα "παράθυρο προεπισκόπησης" ή σε κάποια άλλη στενή, ψηλή μορφή. Οι πίνακες σας επιτρέπουν να περιορίσετε το πλάτος του σχεδίου σας ώστε να χωρέσει μέσα σε αυτό το όριο και να είστε σε θέση να μορφοποιήσετε τις πληροφορίες σας σε στήλες και σειρές που μπορούν να οριστούν με καθορισμένο ύψος και πλάτος με διαφορετικά χρώματα φόντου έτσι ώστε η διάταξή σας να μην σπάσει οι εικόνες δεν φορτώνονται σωστά.
Παράδειγμα
Αυτό το μήνυμα ηλεκτρονικού ταχυδρομείου από το Customink.com υπενθυμίζει στον πελάτη ότι δεν έχει ολοκληρώσει την αγορά του και ότι το περιμένει ακόμα. Οι πίνακες επιτρέπουν μια ελκυστική διάταξη με εικόνες και κείμενο ευθυγραμμισμένες σωστά.
Μην βασίζεστε σε εικόνες φόντου
Από προεπιλογή, τα περισσότερα προγράμματα ηλεκτρονικού ταχυδρομείου δεν επιτρέπουν πρώτα τη φόρτωση των εικόνων. Αυτό προστατεύει τους spammers από την παρακολούθηση απόψεων χρησιμοποιώντας ενσωματωμένες εικόνες στα ηλεκτρονικά ταχυδρομεία τους. Έχει επίσης την τάση να κάνει το email σας δυσανάγνωστο αν δεν έχει διαμορφωθεί σωστά.
Η χρήση του έγχρωμου κειμένου σε μια έγχρωμη εικόνα φόντου είναι μια απολύτως αποδεκτή πρακτική κατά το σχεδιασμό μιας ιστοσελίδας. Σε ένα μήνυμα ηλεκτρονικού ταχυδρομείου, ωστόσο, πρέπει να υποθέσετε ότι η εικόνα φόντου δεν θα φορτωθεί. Εάν συμβεί αυτό, το ροζ κείμενο σας σε καφέ εικόνα φόντου θα μετατραπεί σε μη αναγνώσιμο ροζ κείμενο σε λευκό ή γκρι χρώμα. Περιττό να πούμε ότι ένα μη αναγνώσιμο e-mail είναι άχρηστο.
Πρέπει να είστε προσεκτικοί για να βεβαιωθείτε ότι ο πίνακας που περιέχει η εικόνα φόντου σας έχει καθορισμένο χρώμα φόντου που καθιστά το κείμενο σας αναγνώσιμο εάν οι εικόνες σας δεν φορτώνονται.
Παράδειγμα
Μπορείτε να δείτε σε αυτό το παράδειγμα, τα μπλε τραπέζια στη δεξιά πλευρά αυτού του ενημερωτικού δελτίου ηλεκτρονικού ταχυδρομείου έχουν συνήθως μια εικόνα κλίσης στο παρασκήνιο. Ωστόσο, μπορείτε να δείτε ότι ο πίνακας πίσω από το κείμενο είναι μπλε έτσι ακόμα και χωρίς την εικόνα κλίσης, το κείμενο είναι αναγνώσιμο.
Σε αυτό το παράδειγμα, μπορείτε να δείτε ότι χωρίς τις εικόνες που έχουν φορτωθεί, το κείμενο είναι αόρατο και δεν υπάρχει κανένα μήνυμα.
Μην εξαρτάτε από τη φόρτωση των εικόνων σας
Πολλοί σχεδιαστές προσπαθούν να παρακάμψουν τους περιορισμούς των σχεδιαγραμμάτων ηλεκτρονικού ταχυδρομείου σχεδιάζοντας ένα διαφημιστικό μήνυμα ηλεκτρονικού ταχυδρομείου χρησιμοποιώντας μόνο εικόνες. Ενώ αυτό σας επιτρέπει να κάνετε πολύ δημιουργικές διατάξεις, το email σας είναι άχρηστο αν οι εικόνες σας δεν φορτώνονται.
Οι θεατές σας πρόκειται απλώς να λάβουν ένα μήνυμα ηλεκτρονικού ταχυδρομείου με μια δέσμη σπασμένων συνδέσεων εικόνας. Πολλοί από τους παραλήπτες σας θα βλέπουν μηνύματα ηλεκτρονικού ταχυδρομείου από ένα κινητό τηλέφωνο ή πίσω από ένα τείχος προστασίας της εταιρείας ή άλλο σύστημα φιλτραρίσματος περιεχομένου που ενδέχεται να μπλοκάρει και τις εικόνες σας. Συνεπώς, να το έχετε υπόψη σας.
Αξίζει επίσης να σημειωθεί ότι η στήριξη μιας εικόνας που θα αντικαταστήσει το κείμενο θα πρέπει να γίνει με προσοχή. Alt κείμενο θα πρέπει να χρησιμοποιείται σε όλες τις εικόνες. Με αυτόν τον τρόπο, η μεγάλη διαφημιστική εικόνα σας "20% OFF" δεν έχει χαθεί στη μετάφραση. Επίσης, η τοποθέτηση ενός εύχρηστου συνδέσμου "Έχοντας προβλήματα με την προβολή αυτού του ηλεκτρονικού ταχυδρομείου" που θα μεταφέρει τον θεατή σε μια πραγματική ιστοσελίδα με το περιεχόμενο του ηλεκτρονικού σας ταχυδρομείου δεν είναι κακή ιδέα.
Παράδειγμα
Αυτό το ηλεκτρονικό ταχυδρομείο είναι κατασκευασμένο από μια σειρά από στοιβάζονται εικόνες, ωστόσο κάθε ένα έχει πολύ ενημερωτικό alt-κείμενο, έτσι ώστε το γενικό μήνυμα του μηνύματος ηλεκτρονικού ταχυδρομείου είναι ακόμα σαφές, ακόμη και χωρίς όλες τις φανταχτερές εικόνες.
Μην ενοχλείτε τα πλούσια μέσα
Είναι σχεδόν εγγυημένο ότι τα μηνύματα ηλεκτρονικού ταχυδρομείου σας με εμπλουτισμένα μέσα ενημέρωσης θα αποκλειστούν ως ανεπιθύμητα. Αν όχι, δεν είναι πιθανό ο αναγνώστης σας να πάρει το χρόνο να παρακολουθήσει την κινούμενη εικόνα ή το βίντεο καθώς περνούν τα μηνύματα ηλεκτρονικού ταχυδρομείου τους.
Αν έχετε βίντεο ή flash animation που πραγματικά θέλετε να δείτε, να το φιλοξενήσετε στον ιστότοπό σας και να συμπεριλάβετε ένα σύνδεσμο στο email ως κάτι παραπάνω, βεβαιωθείτε ότι το email δεν είναι μόνο ένας σύνδεσμος με το πλούσιο περιεχόμενο σας. Είναι απίθανο κάποιος να παρακολουθεί ένα βίντεο που δεν δίνεται κανένα πλαίσιο.
Λάβετε υπόψη ότι τα εμπλουτισμένα μέσα δεν υποστηρίζονται απαραιτήτως από κάθε πελάτη ηλεκτρονικού ταχυδρομείου εκεί έξω και ενδέχεται να αποκλειστούν από προεπιλογή, όπως είναι οι εικόνες. Επίσης, τα εμπλουτισμένα μέσα μεγεθύνουν το μέγεθος του μηνύματος ηλεκτρονικού ταχυδρομείου σας. Πολλές συσκευές κινητής τηλεφωνίας έχουν ρυθμιστεί ώστε να μην λαμβάνουν μηνύματα ηλεκτρονικού ταχυδρομείου μεγαλύτερα από ένα συγκεκριμένο μέγεθος, ώστε να ελαχιστοποιείται η χρήση των δεδομένων. Αν το μήνυμα ηλεκτρονικού ταχυδρομείου σας είναι πολύ μεγάλο, ίσως να μην το εξετάσετε.
Παράδειγμα
Ο σύνδεσμος βίντεο δεν υποκαθιστά το περιεχόμενο του καλού κειμένου. Προσελκύστε τους θεατές σας να έρχονται στην ιστοσελίδα σας με λέξεις, και στη συνέχεια να τους θαμπώνει με πλούσια μέσα.
Μείνετε στενό
Πολλοί άνθρωποι δεν ανοίγουν το ηλεκτρονικό τους ταχυδρομείο, αλλά το βλέπουν στο παράθυρο προεπισκόπησης κατά μήκος της πλευράς των εισερχομένων. Αυτό δίνει ένα πολύ στενό χώρο για να συνεργαστείτε αν δεν θέλετε να κάνετε κάποιον να μετακινηθεί για να δείτε ολόκληρη τη διάταξη σας.
Η διατήρηση του σχεδιασμού σας σε πλάτος 600px ή λιγότερο είναι ένας καλός κανόνας, αλλά ακόμα και τότε κάποιοι πελάτες ηλεκτρονικού ταχυδρομείου θα εμφανίζουν μόνο ένα μικρό τμήμα του ηλεκτρονικού σας ταχυδρομείου. Βεβαιωθείτε ότι έχετε το σημαντικό σας κείμενο στην αριστερή πλευρά του μηνύματος προς τα πάνω. Αυτό το μέρος του μηνύματος ηλεκτρονικού ταχυδρομείου είναι σίγουρο ότι θα προβληθεί και θα προσελκύσει τον θεατή να μετακινηθεί ή να ανοίξει το μήνυμά σας σε ένα πλήρες παράθυρο.
Παράδειγμα
Από προεπιλογή, πολλά προγράμματα-πελάτες ηλεκτρονικού ταχυδρομείου γεμίζουν την οθόνη με πληροφορίες, αφήνοντας ένα μικρό παράθυρο προεπισκόπησης.
Να το κρατά απλό
Έχετε μια σαφή και απλή πρόσκληση για δράση. Δεν χρειάζεται να συμπεριλάβετε ολόκληρο τον νέο σας κατάλογο σε ένα email. Ένα ελκυστικό στοιχείο πώλησης ή μια γρήγορη επισκόπηση των ενημερώσεων είναι αρκετό για να κάνετε κλικ. Θέλετε να προσελκύσετε την προσοχή τους πριν μπορέσουν να φτάσουν στο κουμπί διαγραφής.
Θέλετε να επικεντρωθείτε στη σαρωτότητα. Αν κάποιος κοιτάξει το ηλεκτρονικό ταχυδρομείο για 10 δευτερόλεπτα, θα πρέπει να απαντήσει στο μήνυμά σας. Ένας καλός τρόπος να διασφαλιστεί ότι κάνουν κλικ είναι να προσφέρουν μια συμφωνία "μόνο με email". Αφήστε τους να γνωρίζουν ότι αυτός ο σύνδεσμος είναι ξεχωριστός.
Παράδειγμα
Περιλαμβάνετε έναν σύνδεσμο για την προβολή του μηνύματος ηλεκτρονικού ταχυδρομείου σε ένα πρόγραμμα περιήγησης
Μπορείτε να είστε όσο το δυνατόν πιο προσεκτικοί στο σχεδιασμό, στο μήνυμα, στον προγραμματισμό και στην εκτέλεση, αλλά μπορείτε να είστε βέβαιοι ότι για κάποιο λόγο μια ομάδα συνδρομητών δεν θα μπορέσει να δει σωστά το ηλεκτρονικό ταχυδρομείο.
Το πρώτο πράγμα στο ηλεκτρονικό ταχυδρομείο σας θα πρέπει να είναι μια σύνδεση με μια εξωτερικά φιλοξενούμενη html έκδοση του μηνύματος ηλεκτρονικού ταχυδρομείου. Αυτό εξασφαλίζει ότι ανεξάρτητα από τον τρόπο προβολής του ηλεκτρονικού ταχυδρομείου ή ποια στοιχεία δεν λειτουργούν, ο συνδρομητής μπορεί να δει το περιεχόμενό σας.
Παράδειγμα
Αυτή η διάταξη ηλεκτρονικού ταχυδρομείου χρησιμοποιεί εικόνες σε αντίθεση με κείμενο σε πολλά μέρη, γεγονός που μπορεί να δημιουργήσει πρόβλημα σε ορισμένους θεατές. Ευτυχώς, ο σύνδεσμος δεξιά στην κορυφή επιτρέπει στον συνδρομητή να κάνει κλικ για προβολή εξωτερικά.
Εκτελέστε εκτεταμένες δοκιμές
Για τη δοκιμή, βεβαιωθείτε ότι έχετε ρυθμίσει λογαριασμούς με όλες τις μεγάλες υπηρεσίες ηλεκτρονικού ταχυδρομείου όπως το Gmail , Hotmail , και Yahoo Mail καθώς και οι κοινόχρηστοι υπολογιστές ηλεκτρονικού ταχυδρομείου όπως το Outlook, το Apple Mail και το Thunderbird, καθώς και οι εφαρμογές αλληλογραφίας Android και iPhone για κινητά.
Ελέγξτε για τυπογραφικά λάθη. Το τελευταίο πράγμα που θέλετε είναι να στείλετε 100.000 μηνύματα ηλεκτρονικού ταχυδρομείου που κατευθύνουν τους συνδρομητές σας σε έναν σπασμένο σύνδεσμο ή σε μια εσφαλμένη τιμή.
Μπορείτε επίσης να χρησιμοποιήσετε μια υπηρεσία όπως Ηλιοτρόπιο για τη διαχείριση της καμπάνιας σας. Αυτό θα δοκιμάσει τα μηνύματα ηλεκτρονικού ταχυδρομείου σε μια ποικιλία συσκευών και πελατών για να βεβαιωθείτε ότι λειτουργούν σωστά.
Μη φοβάστε να χρησιμοποιήσετε ένα βασικό πρότυπο
Θυμηθείτε, ο στόχος της καμπάνιας ηλεκτρονικού ταχυδρομείου σας είναι να ενημερώσετε γρήγορα τους συνδρομητές σας για πληροφορίες που ενδέχεται να μην δουν αν δεν επισκέπτονται τακτικά τον ιστότοπό σας. Δεν είναι απαραίτητο να αφιερώνετε πολύ χρόνο στις περιπλοκές του σχεδιασμού του ηλεκτρονικού σας ταχυδρομείου. Ένα σαφές μήνυμα θα προχωρήσει πολύ προς την επίτευξη του στόχου σας.
Ένα βασικό πρότυπο θα είναι πιο πιθανό να λειτουργήσει χωρίς επιπλοκές, θα επαναχρησιμοποιηθεί με απλές αλλαγές κειμένου και θα σας εξοικονομήσει χρόνο αφαιρώντας την ανάγκη δοκιμής του σχεδιασμού σας κάθε φορά που δημιουργείτε μια καμπάνια.
Παράδειγμα
Υπάρχουν πολλά προεγκατεστημένα πρότυπα ηλεκτρονικού ταχυδρομείου διαθέσιμα που έχουν δοκιμαστεί και αποδειχθεί ότι λειτουργούν. Βρείτε ένα με ένα χρωματικό σχήμα παρόμοιο με τον ιστότοπό σας, αναδύεται στο λογότυπό σας και είστε έτοιμοι να πάτε.
Περισσότερα παραδείγματα μεγάλων ενημερωτικών δελτίων και προτύπων ηλεκτρονικού ταχυδρομείου
Χρώμα κατευθείαν από πρότυπα παρακολούθησης καμπάνιας
Ένα καλά σχεδιασμένο και ευανάγνωστο πρότυπο με υψηλή αντίθεση και έντονο κείμενο. Ο τίτλος είναι σαφής και ένα βέλος σάς κατευθύνει προς τη σημαντική παράγραφο.
Savvy - Όμορφα μηνύματα ηλεκτρονικού ταχυδρομείου
Ο Savvy χρησιμοποιεί έξυπνα μια εικόνα κεφαλίδας για να δημιουργήσει ένα όμορφο σχέδιο που μπορείτε να το χρησιμοποιήσετε, το οποίο θέτει μια σύντομη παράγραφο εισαγωγής πάνω από ένα τρισδιάστατο teaser πάνω από την πτυχή.
Πρότυπο από το CakeMail
Ένα απλό πρότυπο ηλεκτρονικού ταχυδρομείου βασισμένο σε κείμενο με άφθονο χώρο για αντιγραφή και μια πλευρική γραμμή για την επισήμανση χαρακτηριστικών. Ιδανικό για την ενημέρωση των συνδρομητών σας σχετικά με νέα άρθρα ή ιστορίες στον ιστότοπό σας.
Malibu από τον Aweber
Αυτό είναι ένα ωραίο πρότυπο που μπορείτε να χρησιμοποιήσετε με μια σαφή έκκληση για δράση και χώρους για την επισήμανση στοιχείων πώλησης. Ιδανικό για ένα ηλεκτρονικό κατάστημα να χρησιμοποιεί αντικείμενα πώλησης για να επιστήσει τους πελάτες πίσω.
JCPenney
Αυτό το παράδειγμα ηλεκτρονικού ταχυδρομείου από το JCPenney χρησιμοποιεί πολλές εικόνες, αλλά το σημαντικό μήνυμα της έκπτωσης 40% και του κωδικού προώθησης εμφανίζεται σε απλό κείμενο στην αρχή.
Πρόγραμμα επεξεργασίας iPad της Apple
Η Apple δεν αποτυγχάνει ποτέ να παραδώσει με το ύφος της υπογραφής. Ένας μινιμαλιστικός σχεδιασμός κειμένου με 2 σαφείς κλήσεις προς δράση προτρέπει τον αναγνώστη να κάνει μια επιλογή ακολουθούμενη από εικόνες του προϊόντος.
Κέντρο Τεχνών και Τεχνολογίας
Αυτό το μήνυμα ηλεκτρονικού ταχυδρομείου χρησιμοποιεί εικόνες για να βελτιώσει τη διάταξη χωρίς να στηρίζεται σε αυτές για να επικοινωνήσει το μεγαλύτερο μέρος του μηνύματος. Αυτός ο τύπος διάταξης θα υποβαθμιστεί καλά.
Qdoba Μεξικάνικη σχάρα
Αυτό είναι πραγματικά ένα πολύ λαμπρό σχέδιο. Αρχίζοντας να μοιάζει με ένα ήπιο, ενδοεπιχειρησιακό ηλεκτρονικό ταχυδρομείο, μεταβαίνοντας στη συνέχεια σε ένα παθητικό-επιθετικό μήνυμα, ακολουθούμενο από ένα βήμα. Είναι σίγουρο ότι ο παραλήπτης θα διαβάσει.
EventKC
Αυτό το μήνυμα ηλεκτρονικού ταχυδρομείου αντικατοπτρίζει την εμφάνιση της ιστοσελίδας eventkc.com, παρουσιάζοντας τις σημαντικές πληροφορίες πρώτα μόνο σε κείμενο και ακολουθώντας λεπτομερέστερες πληροφορίες με εικόνες.
TwongueTwister
Συμπεριλαμβανομένων τόσο πρόσκλησης συμμετοχής σε διαγωνισμό όσο και προβολής πραγματικού νικητή του διαγωνισμού στο ηλεκτρονικό ταχυδρομείο, ενθαρρύνει τον ανταγωνισμό.
Gymtechnik
Αυτό είναι ένα email με μεγάλη εικόνα, ωστόσο ένας σαφής σύνδεσμος στην αρχή κατευθύνει τον χρήστη σε μια ιστοσελίδα εάν δεν μπορούν να δουν το περιεχόμενο.
Χωριό Δράσης
Εάν πρέπει να χρησιμοποιήσετε εικόνες στο ηλεκτρονικό σας ταχυδρομείο, χρησιμοποιήστε εικόνες full-width, στοιβάζονται με alt κείμενο για όλα αυτά όπως αυτή η καμπάνια από το actionvillage.com.
Ψαλίδι
Η αντιμετώπιση του παραλήπτη με το όνομα κάνει το μήνυμα ηλεκτρονικού ταχυδρομείου να αισθάνεται προσωπικό. Το σχέδιο αντανακλά το σχεδιασμό της ιστοσελίδας της εταιρείας και τονίζει το μέτωπο και το κέντρο του προϊόντος.
Περιπέτεια Ουαλία
Αυτό το ηλεκτρονικό ταχυδρομείο χρησιμοποιεί εναλλακτικά εικόνες και κείμενο για να μεταφέρει το ίδιο μήνυμα. Μπορείτε να μάθετε με μια ματιά εάν αυτό το μήνυμα ηλεκτρονικού ταχυδρομείου είναι κάτι που σας ενδιαφέρει ή όχι αν κοιτάζετε την εικόνα ή διαβάζετε το αντίγραφο.
Γράφτηκε αποκλειστικά για WDD από Κάμερον Τσάπμαν .
Έχετε τις δικές σας συμβουλές για τη δημιουργία ενημερωτικών δελτίων ηλεκτρονικού ταχυδρομείου; Ή ίσως γνωρίζετε μια εταιρεία που χρησιμοποιεί εξαιρετικά ηλεκτρονικά ταχυδρομεία HTML; Ενημερώστε μας στα σχόλια!