Πρότυπα Ιστοσελίδων: 4 Μύθοι που Σπαταλούν τον Χρόνο της Ομάδας σας

Περίληψη

Οι περισσότερες συμβουλές για τα πρότυπα ιστοσελίδων τα αντιμετωπίζουν σαν χρώματα βαφής, αλλά ένα πρότυπο είναι ένα μερικώς συναρμολογημένο προϊόν με αποφάσεις ήδη ενσωματωμένες. Αυτό το άρθρο εξετάζει τέσσερις κοινούς μύθους για τα πρότυπα — ότι η επιλογή είναι η μισή δουλειά, ότι η προσαρμογή σημαίνει χρώματα και γραμματοσειρές, ότι τα πρότυπα του κλάδου μετατρέπουν από μόνα τους, και ότι η εκκίνηση είναι η γραμμή τερματισμού — και τους διορθώνει με πρακτική, ρεαλιστική οπτική για μικρές ομάδες. Δείχνει πώς να σχεδιάσετε τα μπλοκ που χρειάζεστε πριν ανοίξετε έναν επεξεργαστή, γιατί το κείμενο του κουμπιού υπερτερεί του μπλε της μάρκας, και πότε ένα πρότυπο είναι λάθος στοίχημα για την επιχείρησή σας. Στη διαδρομή, προσφέρει γλώσσα για να εξηγήσετε αποφάσεις για πρότυπα σε ένα αφεντικό χωρίς τεχνικές γνώσεις, με όρους αποτελεσμάτων και όχι με ορολογία σχεδιασμού. Στόχος: να βοηθηθεί μια μικρή ομάδα μάρκετινγκ να σταματήσει να διακοσμεί και να αρχίσει να χτίζει το συντομότερο μονοπάτι από το ενδιαφέρον στην ετοιμότητα για συζήτηση.

Οι περισσότερες συμβουλές για πρότυπα ιστοσελίδων μοιάζουν με κείμενο καταλόγου επίπλων: διαλέξτε ένα στυλ, αλλάξτε το λογότυπο, αναδιατάξτε τα διακοσμητικά μαξιλάρια, ξεκινήστε. Αν είστε σε μια μικρή εσωτερική ομάδα μάρκετινγκ, πιθανόν να ακολουθήσατε αυτή τη συμβουλή και μετά να περάσατε μια εβδομάδα εξηγώντας σε ένα αφεντικό χωρίς τεχνικές γνώσεις γιατί ο νέος ιστότοπος εξακολουθεί να μην παράγει υποψήφιους πελάτες. Ορίστε λοιπόν η ωμή, ελαφρώς άβολη αλήθεια: τα πρότυπα σπάνια είναι το πρόβλημα, και επίσης δεν είναι ποτέ η συντόμευση που νομίζετε. Ένα πρότυπο είναι ένα μερικώς συναρμολογημένο προϊόν με αποφάσεις ήδη ενσωματωμένες. Η δουλειά σας δεν είναι να το διακοσμήσετε· είναι να καταλάβετε ποιες από αυτές τις ενσωματωμένες αποφάσεις πρέπει να αναιρέσετε πριν προσθέσετε κάτι δικό σας.

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

Μύθος #1: «Η επιλογή προτύπου είναι η μισή δουλειά.»

Το αφεντικό σας λέει, «Δεν χρειαζόμαστε πλήρη επανασχεδιασμό, απλώς βάλτε τη νέα σειρά προϊόντων μέχρι την Παρασκευή.» Πιάνετε κάτι με ετικέτα «βιομηχανικό» επειδή είναι ο τομέας σας, και έρχεται με μετρητή στατιστικών, πλέγμα ομάδας, σλάιντερ μαρτυριών, τοίχο λογότυπων συνεργατών, ροή ιστολογίου, μπλοκ επικοινωνίας και υποσέλιδο με τρεις ξεχωριστές φόρμες εγγραφής σε ενημερωτικό δελτίο. Έρχεται η Παρασκευή· έχετε περάσει τρεις ημέρες διαγράφοντας τον τοίχο λογότυπων και ξαναχτίζοντας το τμήμα τιμολόγησης που πραγματικά χρειάζεστε. Το πρότυπο δεν ήταν αργό. Μπήκατε σε ένα σπίτι όπου κάθε έπιπλο ήταν βιδωμένο στο πάτωμα, και περάσατε τον χρόνο σας μετακινώντας καναπέδες αντί να χτίζετε το ένα δωμάτιο που χρησιμοποιεί ο πελάτης σας.

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

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

Μύθος #2: «Η προσαρμογή σημαίνει χρώματα, γραμματοσειρές και λογότυπα.»

Ξοδεύετε μια Πέμπτη ευθυγραμμίζοντας το μπλε της μάρκας με την ακριβή δεκαεξαδική τιμή από το PDF που ήρθε από το πρακτορείο branding πριν από τρία χρόνια. Το αφεντικό σας κοιτάζει το αποτέλεσμα και ρωτά, «Είναι ήδη ζωντανό;» Στη συνέχεια, απογοητευμένοι, αλλάζετε το κουμπί από «Επικοινωνήστε μαζί μας» σε «Λάβετε προσφορά σε 24 ώρες.» Η πρώτη πραγματική υποβολή φόρμας φτάνει πριν το μεσημέρι. Το χρώμα ήταν αόρατο στο demo· οι λέξεις ήταν ορατές στον πελάτη. Αυτό δεν είναι ένα χαριτωμένο ανέκδοτο — είναι ολόκληρο το επιχείρημα κατά της «οπτικής πρώτα» εργασίας με πρότυπα.

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

Γι' αυτό το να διατηρήσετε τη δομή του προτύπου ενώ αλλάζετε το περιεχόμενο έχει μεγαλύτερη σημασία από οποιαδήποτε παλέτα. Μια διάταξη κλάδου παραμένει πλεονέκτημα μόνο αν διατηρήσετε τη δομή που περιμένει ο αγοραστής σας και αλλάξετε τη γλώσσα ώστε να ταιριάζει με τη φωνή σας· αυτή την ισορροπία αξίζει να τη διαβάσετε στο προσαρμόζοντας ένα πρότυπο κλάδου χωρίς να χάσει το πλεονέκτημά του. Η σύντομη εκδοχή: επεξεργαστείτε τις λέξεις πριν επεξεργαστείτε τον οδηγό μάρκας.

Μύθος	Τι πραγματικά μετακινεί τη βελόνα
Επιλέξτε ένα πρότυπο και είστε στα μισά	Σχεδιάστε τις σελίδες και τα μπλοκ πριν ανοίξετε τον επεξεργαστή
Η προσαρμογή είναι χρώματα/γραμματοσειρές/λογότυπα	Κείμενο, ιεραρχία και πρόσκληση για δράση
Πρότυπο κλάδου = περισσότερες μετατροπές	Σχετική δομή, όχι πειθώ
Η εκκίνηση είναι η γραμμή τερματισμού	Ένα πείραμα με ημερομηνία επανεξέτασης

Μύθος #3: «Ένα πρότυπο ειδικό για τον κλάδο μετατρέπει επειδή είναι στον κλάδο σας.»

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

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

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

Μύθος #4: «Μόλις προσαρμοστεί, το έργο τελείωσε.»

Ένας συνάδελφος αλλάζει τον τίτλο της αρχικής σελίδας μια Τρίτη. Μέχρι την Παρασκευή, οι υποβολές φόρμας αυξάνονται. Κανείς δεν καταγράφει τι έλεγε ο παλιός τίτλος, κανείς δεν ελέγχει αν η αλλαγή προκάλεσε την αύξηση, και κανείς δεν προγραμματίζει μια παρακολούθηση. Μέχρι τον Ιανουάριο, η σελίδα έχει σιγά-σιγά επιστρέψει σε μια γενική γραμμή «Καλώς ήρθατε στην εταιρεία μας» επειδή κάποιος την «καθάρισε». Αυτό δεν είναι μια μελέτη περίπτωσης με ποσοστό· είναι απλώς το πώς οι μικρές ομάδες χάνουν τις νίκες.

Η αρχή: ένα πρότυπο δεν τελειώνει ποτέ· είναι ένα σύνολο παραδοχών που δοκιμάζετε. Οι μικρές ομάδες δεν χρειάζονται περίπλοκες δοκιμές A/B. Χρειάζονται μια υπενθύμιση στο ημερολόγιο. Βάλτε μια αξιολόγηση 90 ημερών στο πρόγραμμα: διαλέξτε τη σελίδα με την περισσότερη επισκεψιμότητα και αλλάξτε ακριβώς ένα πράγμα — έναν τίτλο, μια ετικέτα κουμπιού ή τη σειρά των πρώτων δύο ενοτήτων. Αν η αλλαγή βοηθά, κρατήστε την και δοκιμάστε το επόμενο πράγμα. Αν δεν βοηθά, αλλάξτε την πίσω. Αυτή η συνήθεια κοστίζει λιγότερο από ένα απόγευμα «γυαλίσματος» και παράγει καλύτερα αποτελέσματα από έναν μεγάλο επανασχεδιασμό.

Υπάρχει επίσης ένας ειλικρινής συμβιβασμός κρυμμένος σε αυτόν τον μύθο. Τα πρότυπα είναι αποδοτικά και οικονομικά επειδή σας δίνουν μια δομή χωρίς προσαρμοσμένο κώδικα. Αλλά αυτό το πλεονέκτημα εξαφανίζεται αν το επιχειρηματικό σας μοντέλο αλλάζει κάθε τρίμηνο. Οι προσαρμοσμένες ιστοσελίδες μπορούν να παρέχουν μεγαλύτερη ευελιξία και επεκτασιμότητα για μακροπρόθεσμη ανάπτυξη, κάτι που είναι πραγματική σκέψη, όχι απλώς μια λέξη της μόδας. Η συζήτηση με το αφεντικό σας δεν θα έπρεπε να είναι «πρότυπο εναντίον προσαρμοσμένου είναι πόλεμος»· θα έπρεπε να είναι «τι προσπαθεί να αλλάξει αυτή η επιχείρηση τους επόμενους 18 μήνες;» Αν η απάντηση αλλάζει εβδομαδιαία, μια προσαρμοσμένη κατασκευή μπορεί στην πραγματικότητα να είναι φθηνότερη μακροπρόθεσμα. Αν η απάντηση είναι «χρειαζόμαστε έναν αξιόπιστο ιστότοπο τον επόμενο μήνα», ένα πρότυπο κερδίζει.

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

Συμπέρασμα

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