Πώς να προσθέσετε διαδραστικές λειτουργίες στις ετικέτες σας Infographics

Χωρίς αμφιβολία, η διαδραστικότητα είναι η πιο καυτή τάση στα infographics. Η άνοδος των online πηγών ειδήσεων και περιεχομένου ψυχαγωγίας έχει κάνει όλους τους επιμελητές. Επιλέγετε τους ιστότοπους που θέλετε να επισκεφθείτε, τους συνδέσμους που θέλετε να κάνετε κλικ και τις πληροφορίες που θέλετε να μοιραστείτε.

Έτσι, είναι φυσικό ότι όταν σας δίνεται η ευκαιρία να παίξετε με τις πληροφορίες σας, να βουτήξετε σε μια θάλασσα δεδομένων και να την λειτουργήσετε για δικούς σας σκοπούς, σας αρέσει. Δεν χρειάζεται να είστε προγραμματιστής για να προσθέσετε διαδραστικές λειτουργίες. μια καλή γνώση του Adobe Flash Player είναι αρκετή για να ξεκινήσετε.

Αλλά δεν μπορείτε να ξεκουραστείτε εκεί. Ακόμη και τώρα, οι γλώσσες σχεδιασμού ιστού όπως το HTML και το CSS απειλούν να ξεπεράσουν το Flash στο πεδίο του διαδραστικού γραφικού σχεδιασμού. Εάν θέλετε να βεβαιωθείτε ότι τα γραφικά σας διαβάζουν καλά σε κινητές συσκευές, αρχίστε να προσθέτετε HTML5, CSS3 και JavaScript στη εργαλειοθήκη της γλώσσας προγραμματισμού.

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

Τοποθέτηση πληροφοριών σε διαφορετικές σελίδες

Όταν τα μέσα εκτύπωσης ήταν η πιο κοινή πλατφόρμα για infographics, ολόκληρη η γραφική παράσταση έπρεπε να θεωρηθεί ως μονάδα. Εάν το γραφικό έφτασε μια στήλη σε μια εφημερίδα ή μια σελίδα σε δύο σελίδες σε ένα περιοδικό, οι κανόνες σχεδίασης απαιτούσαν το σύνολο του γραφικού να είναι αυτόνομο.

Δεν υπάρχουν άλλα. Σε μια ηλεκτρονική πλατφόρμα, μπορείτε να παρουσιάσετε ένα απλό μπλοκ πληροφοριών σε μια αρχική σελίδα. Για να προχωρήσετε στο επόμενο μπλοκ πληροφοριών, μπορείτε να δημιουργήσετε μια κάθετη σχεδίαση, επιτρέποντας στον αναγνώστη σας να μετακινηθεί προς τα κάτω στη σελίδα για να μεταβείτε στις νέες πληροφορίες.

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

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

Αφήστε τον αναγνώστη να επιλέξει

Υποθέστε ότι δημιούργησε ένα infographic για να δείξει το ποσοστό του πληθυσμού σε κάθε κράτος του U. S. που κατέχει πτυχίο κολλεγίων. Απλά, σωστά; Ίσως κάνατε έναν χάρτη των Ηνωμένων Πολιτειών, με μια ποσοστιαία μορφή σε μικροσκοπικό τύπο σε κάθε πολιτεία.

Η διαδραστικότητα σας επιτρέπει να ακολουθείτε πολλές άλλες προσεγγίσεις. Μπορείτε να παραλείψετε τους αριθμούς εντελώς. Για παράδειγμα, ξεκινήστε με τη χρωματική κωδικοποίηση των καταστάσεων σας. Ίσως οι πολιτείες με λιγότερο από το 50 τοις εκατό του πληθυσμού που έχει βαθμό κολλεγίων είναι ανοιχτό πράσινο? Το 50 έως 65 τοις εκατό είναι μεσαίο πράσινο. και 65 τοις εκατό ή περισσότερο είναι ένα πράσινο δάσος.

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