Τα περισσότερα ιστολόγια εξακολουθούν να εξαρτώνται από την κουρασμένη παλιά φωτογραφία στοκ. Τι θα γινόταν όμως αν μπορούσατε να δημιουργήσετε μοναδικά, εντυπωσιακά γραφικά χωρίς κανένα κόστος ή πραγματική ικανότητα; Τι θα γινόταν αν μπορούσατε να δημιουργήσετε εικόνες μάρκετινγκ περιεχομένου που θα έκαναν τον αναγνώστη πιο έξυπνο και θα σας έκαναν καλύτερο συγγραφέα;
Κάθε γραφικό στο ιστολόγιο Animalz δημιουργήθηκε χρησιμοποιώντας δωρεάν εργαλεία (και χωρίς καμία εμπειρία σχεδιασμού). Να πώς συμβαίνει.
Στοκ Εικόνες Αστοχίες
Αξίζει να εξεταστεί γιατί οι επιλεγμένες εικόνες έχουν γίνει τυπικό μέρος των περισσότερων διαδικασιών σύνταξης. Υπάρχουν καλοί λόγοι. Οι εικόνες μπορούν:
- Παγίδα το ενδιαφέρον του αναγνώστη σε πολυσύχναστα μέρη, όπως ροές κοινωνικής δικτύωσης ή συγκεντρώσεις μέσω email.
- Σπάστε τοίχους κειμένουμετατρέποντας μακροσκελείς δοκίμια σε κάτι που αισθάνεται λιγότερο τρομακτικό και πιο προσιτό.
- Εξερευνήστε βασικές ιδέες, βοηθώντας στην εξήγηση και την επεξεργασία της βασικής ιδέας του άρθρου. Επιλεγμένη προσεκτικά, μια καλή εικόνα θα αφήσει τον αναγνώστη πιο έξυπνο από ό,τι θα ήταν διαφορετικά.
Το πιο σημαντικό: οι στοκ εικόνες δεν κάνουν τίποτα από αυτά τα πράγματα.
Οι περισσότερες στοκ εικόνες είναι πολύ γενικές και χρησιμοποιούνται υπερβολικά για να προσελκύσουν το ενδιαφέρον (πότε ήταν η τελευταία φορά που σταματήσατε να κάνετε κύλιση για να απολαύσετε το μεγαλείο του „άνθρωπος που χρησιμοποιεί φορητό υπολογιστή σε καφετέρια“;). Όταν περιορίζονται σε εικόνες ηρώων στο επάνω μέρος μιας σελίδας, δεν κάνουν πολλά για να διασπάσουν μεγάλα κομμάτια κειμένου. Οι στοκ εικόνες σπάνια έχουν καμία σχέση με τη βασική ιδέα του άρθρου: αφαιρέστε το γράψιμο και η εικόνα πιθανότατα δεν σημαίνει τίποτα.
Εξακολουθούμε να χρησιμοποιούμε στοκ εικόνες (φαίνονται όμορφες στην αρχική σελίδα του ιστολογίου μας), αλλά τα περισσότερα άρθρα στο ιστολόγιο Animalz συνοδεύονται επίσης από απλά διαγράμματα. Συνήθως εμπίπτουν σε μία από τις τρεις κατηγορίες:
1. Το 2×2 Matrix
Αν έχετε δει ποτέ ένα Κουτί Αϊζενχάουερ, είστε εξοικειωμένοι με την ταπεινή μήτρα 2×2. Είναι ένας τρόπος οργάνωσης των ποιοτικών δεδομένων σε δύο απλές μεταβλητές—όπως ρυθμούς ανάπτυξης της αγοράς και μερίδιο αγοράςή στην περίπτωση του κουτιού του Αϊζενχάουερ, επείγον και σημασια—και να εξερευνήσετε πώς αλληλεπιδρούν. (Μπορείτε να το σκεφτείτε ως δύο φάσματα, που επικαλύπτονται το ένα πάνω στο άλλο).
Χρησιμοποιήσαμε έναν πίνακα 2×2 για να επισημάνουμε τα διαφορετικά χαρακτηριστικά του περιεχομένου σε στυλ βιβλιοθήκης και δημοσίευσης:
(Αν και αυτός ο πίνακας θα ήταν πιο πειστικός αν είχαμε ονομάσει κατηγορίες Όγκος/Βάθος και Ποιότητα/Πλάτος)
Χρησιμοποιήσαμε επίσης ένα 2×2 για να εξερευνήσουμε τα δυνατά και τα αδύνατα σημεία του GPT-3. Χρησιμοποιήσαμε το GPT-3 για τη δημιουργία άρθρων, ένα είδος περιεχομένου που είναι γενικά μακρύς και πραγματικός. Αλλά προφανώς υπάρχουν και άλλα είδη περιεχομένου. Το αντίθετο με μακρύς και πραγματικός ίσως είναι μικρός και δημιουργικός, όπως η ποίηση. Υπάρχουν ενδιάμεσες καταστάσεις: το περιεχόμενο θα μπορούσε να είναι μακρύς και δημιουργικός, σαν μυθιστορήματα, ή μικρός και πραγματικός, σαν ειδήσεις.
Αυτές οι διαφορετικές καταστάσεις μπορούν να παρουσιαστούν σε διάσταση 2×2:
Η μήτρα 2×2 είναι ένα ισχυρό εργαλείο για σκέψη. Σας επιτρέπει, ο συγγραφέας, να απαντήσετε σε μια ασαφή ερώτηση – όπως „Πόσο καλό είναι το GPT-3 στη σύνταξη περιεχομένου;“—και να το κάνετε πιο συγκεκριμένο, παρέχοντας ένα πλαίσιο για τη διερεύνηση του τρόπου με τον οποίο το μοντέλο αλληλεπιδρά με τις βασικές μεταβλητές—σε αυτήν την περίπτωση, μήκος και πραγματική ακρίβεια.
2. Γραφήματα
Στην καρδιά τους, τα γραφήματα είναι ένας τρόπος αναπαράστασης της σχέσης μεταξύ δύο στοιχείων, όπως π.χ προβολές σελίδας και χρόνος.
Υπάρχουν δύο τύποι γραφημάτων που χρησιμοποιούμε στο ιστολόγιο. Υπάρχουν εκείνα που εμφανίζουν δεδομένα απόδοσης πραγματικού κόσμου, δείχνοντας συνήθως πώς κάποιο επιθυμητό στοιχείο —προβολές σελίδας, backlinks, έσοδα— έχει αλλάξει με την πάροδο του χρόνου. Πιθανότατα γνωρίζετε για αυτά τα είδη γραφημάτων:
(Διαβάστε μέχρι το τέλος για μια γρήγορη διαδικασία για τη δημιουργία αυτών των γραφημάτων.)
Χρησιμοποιούμε επίσης γραφήματα για να δείξουμε τις υποθετικές σχέσεις μεταξύ λιγότερο συγκεκριμένων πραγμάτων, όπως π.χ μετρήσεις απόδοσης και συναίσθημα του κοινού:
Ή παραδοθείσα αξία και στάδιο της διαδικασίας αγοράς.
Όπως και ο πίνακας 2×2, αυτή η διαδικασία απαιτεί να αποστάξετε το θέμα σας σε δύο βασικές μεταβλητές και να αναρωτηθείτε: αν αλλάξω μια μεταβλητή, πώς ανταποκρίνεται η άλλη; Η γραφική παράσταση της δυναμικής μετατρέπει μια αφηρημένη σχέση σε κάτι οπτικό και διαισθητικό.
3. Διαγράμματα ροής
Πολλά άρθρα περιγράφουν διαδικασίες: αλληλουχίες γεγονότων που οδηγούν σε ένα χρήσιμο αποτέλεσμα, όπως η βελτιστοποίηση αναζήτησης μιας ανάρτησης ιστολογίου ή η δημιουργία μιας ακολουθίας για να αποφευχθεί η ακούσια ανατροπή.
Τα διαγράμματα ροής είναι ένας απλός τρόπος απεικόνισης αυτών των διαδικασιών, δείχνοντας την αλληλουχία των γεγονότων και τη σχέση μεταξύ των διαφορετικών στοιχείων που εμπλέκονται. Χρησιμοποιήσαμε ένα διάγραμμα ροής για την απεικόνιση του διατριβή, αντίθεση, σύνθεση δομή γραφής:
Χρησιμοποιήσαμε επίσης απλά διαγράμματα ροής για να βοηθήσουμε στην απεικόνιση διαφορετικών τύπων αρμπιτράζ περιεχομένου, τρόπους μετατροπής περιεχομένου χαμηλής αξίας σε κάτι πιο προσοδοφόρο:
Και τα χρησιμοποιήσαμε για να επισημάνουμε τους διαφορετικούς τρόπους λειτουργίας των μηχανών αναζήτησης:
Εάν δυσκολεύεστε να συνδυάσετε το διάγραμμα ροής, μπορεί να είναι χρήσιμο να σκεφτείτε το θέμα σας ως ένα ταξίδι: από πού ξεκινά; Πού τελειώνει; Τι πρέπει να συμβεί στην πορεία; Και τι θα γινόταν αν παίρναμε λάθος στροφή;
Μια γρήγορη ροή εργασίας
Υπάρχουν δύο μέρη για τη δημιουργία αυτών των εικόνων: να ξέρεις τι να ζωγραφίσεις και μετά να μπορείς να το ζωγραφίσεις. Ακολουθεί η ροή εργασίας που χρησιμοποιώ για τη δημιουργία εικόνων για το ιστολόγιο Animalz:
1. Σκιαγράφησε άσχημες ιδέες σε χαρτί
Κρατάω ένα στυλό και ένα χαρτί για να σχεδιάζω γρήγορες ιδέες καθώς γράφω. Αυτά τα πρόχειρα σκίτσα λειτουργούν ως βοηθήματα σκέψης, παρέχοντας νέους τρόπους προσέγγισης του θέματος καθώς γράφω.
2. Σχεδιάστε τις αγαπημένες έννοιες στο Excalidraw
Όταν τελειώσω τη σύνταξη, χρησιμοποιώ ένα δωρεάν εργαλείο σχεδίασης που ονομάζεται Excalidraw να ψηφιοποιήσω γρήγορα τα σκίτσα μου. Η εξαγωγή ως αρχείο .svg δημιουργεί μια διανυσματική εικόνα—κάτι που μπορεί να κλιμακωθεί προς τα πάνω ή προς τα κάτω χωρίς απώλεια ανάλυσης—πράγμα που διευκολύνει το επόμενο στάδιο.
Αν θέλω να συμπεριλάβω ένα γράφημα με δεδομένα απόδοσης πραγματικού κόσμου, η ζωή είναι ακόμα πιο απλή. Προβάλλω τα δεδομένα που θέλω να συμπεριλάβω στο Google Analytics—φιλτράροντας σε οποιοδήποτε χρονοδιάγραμμα και προβολή που με ενδιαφέρει—και εξάγω τα δεδομένα σε ένα Φύλλο Google. Από εκεί, δημιουργώ ένα γράφημα χρησιμοποιώντας τα ενσωματωμένα εργαλεία των Φύλλων και, στη συνέχεια, εξάγω το γράφημα ως αρχείο .svg.
3. Εισαγωγή στο Figma
Χρησιμοποιώ το Figma για να τακτοποιήσω τις εικόνες και να τις βοηθήσω να συμμορφωθούν με την επωνυμία της εταιρείας μας. Αυτό συνήθως σημαίνει ότι προσθέτουμε τις γραμματοσειρές μας, επαναχρωματίζουμε την εικόνα με τα χρώματα της επωνυμίας μας και εξάγουμε την εικόνα σε διαστάσεις που θα λειτουργούν καλά στα μέσα κοινωνικής δικτύωσης. Είναι μια γρήγορη και δωρεάν διαδικασία:
Εργαλεία για σκέψη
Οι στοκ εικόνες, παρ‘ όλη την πανταχού παρουσία τους, δεν κάνουν τίποτα περισσότερο από την ανάμειξη στο φόντο. Επιλέγουν το πλαίσιο „επιλεγμένη εικόνα“ που βρίσκεται σε τόσες πολλές ροές εργασίας περιεχομένου, αλλά δεν κάνουν τίποτα άλλο.
Ωστόσο, τα υπέροχα διαγράμματα —πίνακες 2×2, γραφήματα και διαγράμματα ροής— δεν κάνουν απλώς τη διάσπαση μεγάλων τμημάτων κειμένου: είναι ισχυρά εργαλεία σκέψης, βοηθώντας σας να βελτιώσετε τις ιδέες σας και βοηθώντας τον αναγνώστη σας να τις κατανοήσει.
The post The Busy Writer’s Design Toolkit εμφανίστηκε πρώτα στο Animalz.
