Εικονογράφηση από το Curt Rice

Δημιουργία μεταφορών

Πώς οι μεταφορές μπορούν να κάνουν ή να σπάσουν τα σχέδιά σας

Εάν έχετε πάρει ποτέ μια τάξη γραφής, πιθανότατα έχετε παίξει γύρω με μεταφορές. Μια μεταφορά είναι όταν μιλάς για ένα πράγμα από την άποψη ενός άλλου:

  • Ο χρόνος είναι χρήμα
  • Καταναλώνεται από την αγάπη
  • Η γλυκιά μυρωδιά της επιτυχίας

Πολλοί άνθρωποι σκέφτονται τις μεταφορές ως μια φανταστική γραπτή τακτική - ένας τρόπος για να γευματίσει τα πράγματα ή να ακούγεται πιο ποιητικός.

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

Στον κόσμο του σχεδιασμού, εξαρτάμε συνεχώς από τις μεταφορές. Από τα εικονίδια που χρησιμοποιούμε, μέχρι τους όρους που επιλέγουμε, οι μεταφορές εμφανίζονται παντού στο σχεδιασμό.

Αυτό το εικονίδιο that που εμφανίζεται σε πολλές εφαρμογές; Αυτή είναι μια μεταφορά για τις ρυθμίσεις. "Προσθήκη στο καλάθι"? Αυτή είναι μια μεταφορά για μια παραγγελία.

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

Μεταφορές που ζούμε

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

Στο βιβλίο του "Μεταφορές που ζούμε", ο Γιώργος Λακόφ και ο συν-συγγραφέας Mark Johnson δείχνουν πως η καθημερινή γλώσσα είναι γεμάτη με μεταφορές. Είτε το συνειδητοποιούμε είτε όχι, οι μεταφορές διαμορφώνουν τον τρόπο με τον οποίο βλέπουμε και κατανοούμε τον κόσμο γύρω μας.

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

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

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

Οι μεταφορές με τις οποίες σχεδιάζουμε

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

Για παράδειγμα, πολλά από τα εικονίδια που βλέπουμε καθημερινά είναι μεταφορές:

  • Ρυθμίσεις =
  • Επεξεργασία =
  • Επισυνάψτε =
  • Διαγραφή = 🗑
  • Λογαριασμός = λογία
  • Ειδοποιήσεις =
  • Αναζήτηση =
  • Σχόλιο =
  • Περισσότερα = ⋯

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

Αλλά αφού είδαμε αυτά τα εικονίδια ξανά και ξανά, μάθαμε και απομνημονεύσαμε αυτές τις μεταφορές. Τώρα είναι μέρος του καθημερινού μας λεξιλογίου.

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

Δεν είναι καταπληκτικές μεταφορές;

Λόγια θαυμασμού

Στο σχεδιασμό των προϊόντων, οι μεταφορές δεν χρησιμοποιούνται μόνο για εικονίδια. Πολλές από τις λέξεις σε ένα προϊόν βασίζονται επίσης σε μεταφορές.

Θυμηθείτε όταν το Μεσαίο έχει μεταβεί στο νέο κουμπί?; Το πράγμα που βρήκα πολύ ενδιαφέρον για αυτή την αλλαγή δεν ήταν το κουμπί. Για μένα, το πιο ενδιαφέρον ήταν η ορολογία.

Όταν η Medium εξέδωσε αυτή την αλλαγή, εφευρέθηκαν βασικά μια νέα μεταφορά: Ένα μεσαίο άρθρο είναι μια παράσταση.

Για να υποστηρίξουν αυτή την ιδέα, εισήγαγαν νέους όρους σε όλους τους όρους των προϊόντων τους, όπως χειροκροτήματα, χτυπήματα, οπαδοί και ακροατές. Αυτά είναι πράγματα που θα λέγατε για μια παράσταση, αλλά χρησιμοποιούν αυτές τις λέξεις για να μιλήσουν για άρθρα μεσαίου μεγέθους.

Πηγαίνοντας προς τα εμπρός, μπορείτε να φανταστείτε το Medium να πάρει αυτή τη μεταφορά ακόμα περισσότερο. Κάποια μέρα, ίσως θα δούμε νέες λειτουργίες όπως το φως του προβολέα, το παρασκήνιο ή το encore που εμφανίζονται στη σκηνή.

Και αυτό είναι μόνο ξύσιμο της επιφάνειας. Αν κοιτάξετε αρκετά καλά, θα βρείτε μεταφορές που χρησιμοποιούνται σε ψηφιακά προϊόντα γύρω σας:

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

Γιατί οι μεταφορές έχουν σημασία

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

Για να το δείξω αυτό, επιτρέψτε μου να σας πω γι 'αυτή τη νέα οθόνη μωρών που πήρα πρόσφατα. Έχει ωραία χαρακτηριστικά, αλλά ο διακόπτης on / off οδηγεί μου παξιμάδια.

Είναι αυτό ενεργοποιημένο ή απενεργοποιημένο;

Στην αριστερή πλευρά, υπάρχει μια κάθετη γραμμή. Στη δεξιά πλευρά, υπάρχει ένας κύκλος. Φαίνεται αρκετά απλό, σωστά;

Λοιπόν, δεν είναι. Η σύζυγός μου και εγώ ποτέ δεν μπορούμε να πούμε αν αυτό το πράγμα είναι on ή off επειδή δεν καταλαβαίνουμε αυτή τη μεταφορά.

Τι σημαίνουν αυτά τα σύμβολα; Είναι μια γραμμή και ένας κύκλος; Οι αριθμοί 1 και 0; Τα γράμματα I και O; Ή μήπως είναι το σώμα και το κεφάλι μιας φιγούρας;

Λοιπόν, αποδεικνύεται ότι η γραμμή σημαίνει "on" και ο κύκλος σημαίνει "off". Αλλά δεν μπορούμε να το καταφέρουμε αυτό γιατί δεν βασίζεται σε πραγματική μεταφορά.

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

Άλλες ιδέες για on και off

Ό, τι και αν σχεδιάζετε, το να το πλαισιώνετε σαν μια μεταφορά μπορεί να σας βοηθήσει να διερευνήσετε νέες λύσεις. Και αν μπορείτε να συνδέσετε αυτή την έννοια με τον πραγματικό κόσμο, καθιστά ευκολότερο για τους ανθρώπους να "το πάρει" από το get-go.

Όταν οι μεταφορές γίνονται ακατάστατες

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

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

Τώρα φανταστείτε να αντικαταστήσετε το εικονίδιο της κάμερας με μια μεταφορά, όπως ένα μάτι - επειδή οι κάμερες μας βοηθούν να δούμε τον κόσμο.

Μια κυριολεκτική εικόνα εναντίον μιας μεταφορικής εικόνας

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

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

Μεταφορτωμένες μεταφορές

Ένα από τα πιο δύσκολα πράγματα που πρέπει να κάνετε ως συγγραφέας είναι να αναφέρετε τα πράγματα. Τίτλοι, επικεφαλίδες, κουμπιά, μωρά, το ονομάζεις.

Κάθε φορά και μετά, πρέπει να ονομάσω ένα κουμπί που οδηγεί σε πολλαπλές ενέργειες. Για παράδειγμα, ίσως είναι ένα κουμπί που ανοίγει ένα μενού με πέντε διαφορετικές ενέργειες σε αυτό. Αυτό λέω μια "φορτωμένη μεταφορά", διότι όποια λέξη έρχομαι πρέπει να έχει πολύ νόημα.

Παρακάτω είναι ένα παράδειγμα μιας φορτωμένης οπτικής μεταφοράς στο iOS. Δείτε το εικονίδιο "επάνω" στο αριστερό στιγμιότυπο οθόνης; Πατώντας το ανοίγει το μοτίβο στα δεξιά.

Το εικονίδιο "επάνω" φέρνει τόνο σημασίας εδώ. Αφού πατήσετε το εικονίδιο, μπορείτε να μοιραστείτε κάτι μέσω του AirDrop, να το προσθέσετε στα Αγαπημένα, να το αποθηκεύσετε στο iBooks, να το αντιγράψετε ή ακόμα και να το ανοίξετε στην εφαρμογή σας News.

Τι λέτε λοιπόν αυτή την εικόνα; Μερίδιο? Προσθέτω? Αποθηκεύσετε? Αντίγραφο? Ανοιξε? Αυτό το εικονίδιο έχει τόσο πολύ νόημα ότι είναι δύσκολο να το ονομάσουμε.

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

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

Υπεάρξε τη μεταφορά

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

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

Εδώ είναι μερικά εργαλεία brainstorming που νομίζω ότι είναι αρκετά έξυπνα:

1. Σχεδιαστής ουσιαστικού (thenounproject.com)

Το Noun Project είναι μια γιγαντιαία βάση δεδομένων με εικόνες σχεδόν για οτιδήποτε. Πληκτρολογήστε μια λέξη, όπως την εκκίνηση, και στη συνέχεια περιηγηθείτε σε εικονίδια που σχετίζονται με αυτή την έννοια (αρχή είναι ένα σπίτι, εκκίνηση είναι μια εκκίνηση, και ούτω καθεξής). Είναι ένα χρυσωρυχείο για έμπνευση, είτε είστε σχεδιαστής, εικονογράφος ή συγγραφέας.

2. Εικόνες Google (images.google.com)

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

3. Thesaurus.com (thesaurus.com)

Ο Meg Robichaud είναι ένας από τους απίστευτους εικονογράφους στο Shopify. Σε μια από τις ιστορίες του Meg, εξηγεί πώς ένας θησαυρός είναι ένα από τα πιο συχνά χρησιμοποιούμενα εργαλεία για έναν εικονογράφο. Γιατί; Επειδή σας βοηθά να βλέπετε τα πράγματα με διαφορετικές γωνίες. Αναζητήστε βελτιώσεις και θα βρείτε ιδέες όπως η αύξηση, η βούληση και η πρόοδος - όλες οι πολύ διαφορετικές μεταφορές.

4. Ιδιωτικό λεξικό (idioms.thefreedictionary.com)

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

5. Wordnik (wordnik.com)

Το Wordnik είναι το μεγαλύτερο σε απευθείας σύνδεση αγγλικό λεξικό στον κόσμο. Ένα από τα πιο cool πράγματα για το Wordnik είναι το τμήμα τους "Relate". Εκτός από τα συνώνυμα, σας δίνει επίσης λέξεις που βρίσκονται σε παρόμοιο πλαίσιο και άλλες σχετικές λέξεις. Τα αποτελέσματα μπορεί να φαίνονται τυχαία μερικές φορές, αλλά το Wordnik μπορεί να είναι ένας lifesaver όταν χρειάζεστε πολλές ιδέες γρήγορα.

Οι μεταφορές έχουν νόημα

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

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

Οι μεταφορές μπορούν να μετατρέψουν το διαδίκτυο σε σύννεφο, αγάπη σε πεδίο μάχης και χρόνο σε χρήμα. Δεν είναι μαγικές μεταφορές;

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

Μεταφορικά, φυσικά.

Ευχαριστώ για την ανάγνωση των περισπασμάτων μου και μια πρόσθετη μεγάλη ευχαριστία στον Curt Rice για την απεικόνιση του ανοίγματος. Μπορείτε να δείτε περισσότερα από τη μαγεία του Curt στη διεύθυνση dribbble.com/curt_rice.

Πείνα για περισσότερες μεταφορές; Εδώ είναι ένα φαγητό για σκέψη:

  • Μεταφορικά, μια ομιλία του TED από τον James Geary
  • Οι μεταφορές μας Live By, ένα βιβλίο του George Lakoff και του Mark Johnson
  • Χρησιμοποιώντας τη Μεταφορά στην Εικονογράφηση Προϊόντων, μια ιστορία από τον Meg Robichaud
  • Γιατί οι μεταφορές έχουν σημασία για τους σχεδιαστές εφαρμογών, μια ιστορία από την Maggie Appleton