Η ψυχολογία του χρώματος στον σχεδιασμό websites: τι στηρίζει η έρευνα και τι όχι

Το χρώμα αλλάζει την αίσθηση ενός website, αλλά οι δημοφιλείς κανόνες όπως «το μπλε χτίζει εμπιστοσύνη» και «το κόκκινο πουλά» είναι πιο αδύναμοι απ' ό,τι ακούγονται. Οι συνειρμοί διαφέρουν ανά κουλτούρα, κλάδο και πλαίσιο, και η έρευνα για το χρώμα και την αγοραστική συμπεριφορά δεν καταλήγει σε σαφή συμπεράσματα. Οι επιλογές χρώματος που βοηθούν σταθερά ένα επαγγελματικό website είναι πιο απλές: ισχυρή αντίθεση, ένα σαφές χρώμα έμφασης για την κύρια ενέργεια και συνέπεια με το brand σας.

Βασικά σημεία

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

Τι επικοινωνούν τα χρώματα

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

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

Γιατί το «το μπλε χτίζει εμπιστοσύνη» είναι υπερβολικά απλό

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

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

Πρώτα η αντίθεση

Το ευανάγνωστο κείμενο είναι η πιο καθαρή περίπτωση όπου το χρώμα έχει μετρήσιμο αποτέλεσμα. Οι Οδηγίες για την Προσβασιμότητα του Περιεχομένου στο Web ζητούν λόγο αντίθεσης τουλάχιστον 4,5 προς 1 για κανονικό κείμενο και 3 προς 1 για μεγάλο κείμενο στο επίπεδο AA. Ανοιχτό γκρι κείμενο σε λευκό μπορεί να δείχνει κομψό στην οθόνη ενός σχεδιαστή και να μη διαβάζεται σε κινητό στον ήλιο.

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

Ένα χρώμα έμφασης για την κύρια ενέργεια

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

Αυτή είναι μία από τις αρχές που περιγράφουμε στις αρχές σχεδιασμού για μετατροπές.

Μην βασίζεστε μόνο στο χρώμα

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

Πώς να διαλέξετε παλέτα για την επιχείρησή σας

Ξεκινήστε από το κοινό και την υπόσχεσή σας. Μια οικογενειακή επιχείρηση ξυλείας, ένα δικηγορικό γραφείο και ένα design studio χρειάζονται διαφορετικούς τόνους. Διαλέξτε ένα μικρό σύνολο: ένα σκούρο ουδέτερο, ένα ανοιχτό ουδέτερο, ένα κύριο χρώμα brand και ένα χρώμα έμφασης. Ελέγξτε τους συνδυασμούς για αντίθεση, δείτε τους σε κινητό και εφαρμόστε τους με τον ίδιο τρόπο στο λογότυπο, στο website, στα έγγραφα και στα προφίλ στα social media. Το άρθρο μας για τα συστήματα brand σε σχέση με τα λογότυπα εξηγεί γιατί μετράει η συνέπεια.

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