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