Ένας πελάτης σου στέλνει μια πυκνή αναφορά. Ξέρεις ότι κανείς δεν θα διαβάσει και τις δώδεκα σελίδες. Σκιαγραφείς τρία μπλοκ σε χαρτί: πρόβλημα, διαδικασία, αποτέλεσμα. Ως το μεσημέρι η ομάδα καταλαβαίνει την ιστορία. Ως την Παρασκευή αυτό το σκίτσο γίνεται η διαφάνεια που τη μοιράζονται όλοι.
Αυτός είναι ο δρόμος για να φτιάξεις ένα infographic χωρίς σπουδές σχεδίου. Τα infographics στοιβάζουν βήματα, στατιστικά ή συγκρίσεις σε μορφή φτιαγμένη για σάρωση. Να μια διαδικασία που τα κρατά καθαρά και όχι φορτωμένα.
Τι κάνει ένα infographic να δουλεύει
Τα δυνατά infographics υπηρετούν ένα κύριο μήνυμα. Χρησιμοποιούν ιεραρχία, ώστε το μάτι να ξέρει από πού να ξεκινήσει και πού να καταλήξει.
Περιορίζουν το κείμενο σε ετικέτες και σύντομες υποστηρικτικές γραμμές. Αν χρειάζεσαι παραγράφους, μάλλον χρειάζεσαι ένα άρθρο με γραφικό, όχι ένα πλήρες infographic.
Αναφέρουν τις πηγές όταν μετράνε οι αριθμοί. Τα λάθος στατιστικά εξαπλώνονται πιο γρήγορα σε οπτική μορφή, γιατί οι άνθρωποι μοιράζονται πριν επαληθεύσουν.
Πώς να φτιάξεις ένα infographic βήμα προς βήμα
1. Όρισε το ένα βασικό συμπέρασμα
Γράψε μία πρόταση: μετά από αυτό, ο αναγνώστης πρέπει να καταλαβαίνει ___. Κόψε κάθε δεδομένο που δεν στηρίζει αυτή την πρόταση.
2. Σκιαγράφησε τη ροή της ιστορίας
Βάλε τα στοιχεία σε σειρά αφήγησης: πλαίσιο, βασικά σημεία, συμπέρασμα ή πρόσκληση για δράση. Τα αριθμημένα βήματα ταιριάζουν στις διαδικασίες. Τα μπλοκ δίπλα δίπλα ταιριάζουν στις συγκρίσεις.
3. Μάζεψε πρώτα ακριβές περιεχόμενο
Συγκέντρωσε στατιστικά, αποσπάσματα και ετικέτες πριν ανοίξεις εργαλείο σχεδίασης. Αν αλλάξεις αριθμούς αργά, χάνεις χρόνο διάταξης.
4. Κάνε σκίτσο χαμηλής πιστότητας
Κουτιά σε χαρτί ή ένα wireframe δείχνουν αν δουλεύει η ροή. Διόρθωσε τη δομή πριν από τα χρώματα και τα εικονίδια.
5. Σχεδίασε για εύκολη σάρωση
Χρησιμοποίησε συνεπείς γραμματοσειρές, περιορισμένα χρώματα και γενναιόδωρο λευκό χώρο. Ένα χρώμα έμφασης κερδίζει μια παλέτα ουράνιου τόξου.
6. Εξήγαγε για web και εκτύπωση
Αποθήκευσε ένα πλάτος φιλικό προς το web και μια έκδοση υψηλής ανάλυσης, αν οι ομάδες χρειάζονται διαφάνειες ή αφίσες. Συμπίεσε τα αρχεία ώστε οι σελίδες να μένουν γρήγορες.
Χρήση infographics στο site σου
Δημοσίευσε την εικόνα σε ειδική σελίδα με alt text, σύντομη γραπτή περίληψη και προαιρετικό κώδικα ενσωμάτωσης, αν θέλεις να τη μοιράζονται άλλοι.
Συνδύασε τα infographics με σχετικά άρθρα. Προσελκύουν συνδέσμους και κοινοποιήσεις όταν το θέμα είναι εγγενώς οπτικό.
Οι διαδραστικές εκδοχές προσθέτουν κλικ για λεπτομέρειες. Διάβασε το τι είναι το διαδραστικό περιεχόμενο αν σχεδιάζεις επίπεδα που πατιούνται.
Σεβάσου τα δικαιώματα χρήσης εικονιδίων και φωτογραφιών. Δες τα δικαιώματα χρήσης εικόνων πριν πάρεις υλικό από τα αποτελέσματα αναζήτησης.
Συχνές ερωτήσεις
Πόσο μεγάλο πρέπει να είναι ένα infographic;
Τα περισσότερα infographics για το web χωράνε σε μία κάθετη οθόνη ή το πολύ δύο στο κινητό. Αν το περίγραμμά σου βγαίνει μεγαλύτερο, χώρισέ το σε σειρά ή πέρασε το βάθος σε ένα συνοδευτικό άρθρο.
Βοηθούν τα infographics στην ορατότητα στην αναζήτηση;
Οι εικόνες μόνες τους κατατάσσονται άσχημα χωρίς κείμενο γύρω τους. Πρόσθεσε περιγραφικό τίτλο σελίδας, παράγραφο περίληψης και alt text. Η σελίδα πρέπει να στέκεται μόνη της αν η εικόνα δεν φορτώσει.
Πώς δημοσιεύω ένα infographic στο site μου;
Ανέβασε το αρχείο, γράψε μια σύντομη εισαγωγή και σύνδεσε με σχετικούς οδηγούς. Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου.
Μπορώ να φτιάξω infographic χωρίς σχεδιαστή;
Πολλές ομάδες χρησιμοποιούν πρότυπα μετά από ένα στέρεο περίγραμμα. Τα πρότυπα επιταχύνουν τη διάταξη, αλλά δεν διορθώνουν μια θολή ιστορία. Επένδυσε χρόνο στη δομή πριν γυαλίσεις τα pixel.
Να κλειδώνω τα infographics πίσω από φόρμα;
Τα δημόσια infographics απλώνονται ευρύτερα και υποστηρίζουν την αναζήτηση. Κλείδωσε μόνο premium εκδοχές με πολλά δεδομένα, όταν οι αριθμοί δικαιολογούν ανταλλαγή επαφής. Δες το τι είναι το gated περιεχόμενο για τα υπέρ και τα κατά.
Πώς αξιοποιώ ένα infographic σε άλλο περιεχόμενο;
Χώρισε τις ενότητες σε διαφάνειες για social, κεφαλίδες blog ή αποσπάσματα email. Μία οπτική ιστορία μπορεί να τροφοδοτήσει πολλά σημεία επαφής, όταν σχεδιάζεις τις ενότητες ως αυτόνομες μονάδες.