Peran Warna dalam UX

Memahami psikologi warna adalah aspek kunci dalam menciptakan palet warna yang bekerja dengan baik dalam desain digital. Sementara warna kadang-kadang dianggap sebagai pilihan estetika murni oleh beberapa desainer, pada kenyataannya, itu adalah komponen kunci dari dampak psikologis desain pada pengguna, dan dengan demikian, UX-nya.

Palet warna yang dipikirkan dengan matang dapat meningkatkan desain dari "baik" menjadi "hebat" sementara palet warna yang biasa-biasa saja atau buruk dapat mengurangi pengalaman pengguna secara keseluruhan dan bahkan mengganggu kemampuan mereka untuk menggunakan situs atau aplikasi.

Sementara teori warna secara umum adalah subjek yang kompleks, dan penggunaan warna dalam desain UX mencakup lebih dari sekadar membuat palet yang terlihat bagus (seperti aksesibilitas dan efek psikologis dari nuansa yang berbeda bahkan dalam rona yang sama); desainer secara bertahap dapat menggabungkan penggunaan warna yang lebih baik dalam desain mereka tanpa perlu memikirkan kembali seluruh proses mereka. Setelah seorang desainer memiliki dasar-dasar yang tercakup, salah satu bagian yang paling berharga dari teori warna adalah belajar untuk memasukkan warna yang lebih tak terduga ke dalam desain mereka.

Psikologi Warna

Teori warna dan efek psikologis warna pada pengguna adalah topik yang kompleks dan seringkali subjektif. Tetapi ada aspek-aspek tertentu yang dapat ditangani pada tingkat yang lebih universal.

Hal-hal seperti arti umum dari warna utama (primer, sekunder, dan tersier), palet warna tradisional, dan variasi budaya dalam arti warna semuanya cukup mudah. Desainer dapat dengan mudah mempelajari dasar-dasar ini dan menerapkannya pada pekerjaan mereka. Tetapi ada poin yang lebih baik untuk dipelajari ketika menggunakan warna dalam desain UX .

Dampak emosional dari warna antarmuka tidak boleh diabaikan. Dan sementara beberapa warna "universal" dalam desain UX (seperti hitam, putih, dan abu-abu, setidaknya salah satunya digunakan di hampir setiap desain bagus di luar sana), warna yang dikombinasikan dengannya dapat berdampak besar pada persepsi seorang pengguna.

Tentu saja, cara penggunaan warna juga dapat berdampak dramatis pada persepsinya. Misalnya, biru yang digunakan sebagai warna utama dalam desain modern minimalis akan memiliki nuansa yang sangat berbeda dari warna biru yang sama yang digunakan sebagai warna aksen dalam desain korporat yang lebih kompleks.

Perbedaan Budaya dalam Warna

Satu masalah yang cenderung diabaikan oleh para desainer adalah perbedaan budaya yang mungkin ada di sekitar warna yang berbeda. Misalnya, di banyak budaya Barat, putih diasosiasikan dengan hal-hal seperti kemurnian, kepolosan, dan harapan. Tetapi di beberapa bagian Asia, putih dikaitkan dengan kematian, duka, dan nasib buruk.

Beberapa warna umumnya memiliki konotasi positif terlepas dari budaya (seperti oranye), sementara yang lain, seperti putih, sangat bervariasi antara negara yang berbeda. Hal ini tentunya dapat mempersulit kehidupan seorang desainer ketika mencoba untuk membuat sebuah desain yang akan menarik sebanyak mungkin audiens.

Penting bagi desainer untuk melihat implikasi budaya dari palet warna mereka berdasarkan audiens yang dituju untuk produk atau situs web. Jika suatu produk akan menargetkan audiens di seluruh dunia, pastikan untuk menyeimbangkan warna dan citra yang digunakan untuk mencegah konotasi budaya yang negatif. Jika suatu produk hanya akan menargetkan budaya tertentu, desainer dapat kurang memperhatikan implikasi yang mungkin dimiliki palet yang dipilih dalam budaya lain.

Mencocokkan Warna UX dengan Merek

Nilai merek harus memainkan peran kunci dalam menciptakan palet warna. Tapi mereka bukan satu-satunya faktor penting. Norma industri juga penting, seperti warna yang sudah digunakan oleh pesaing. Menggunakan palet warna yang hampir identik dengan kompetisi utama merek adalah cara yang bagus untuk menimbulkan kebingungan dan memastikan merek tidak menonjol.

Memang, ada pengecualian untuk ini. Ambil contoh, McDonald's dan Wendy's. Keduanya merupakan restoran cepat saji yang saling bersaing secara langsung. Dan keduanya menggunakan palet warna merah dan kuning. Namun, melihat logo mereka, logo Wendy's terutama berwarna merah dengan aksen kuning, sedangkan McDonald's sebaliknya. Kemasan mereka juga menggunakan warna-warna ini dengan cara yang berbeda, semakin membedakan antara merek. Karena itu, keduanya tidak akan mudah dikacaukan dengan yang lain, bahkan jika logo dan tanda pengenal lainnya dikeluarkan dari kemasannya.

Langkah pertama untuk membuat palet warna merek yang mendukung nilai merek adalah memahami arti dari berbagai warna, dan bagaimana membuatnya lebih terang/terang/gelap/kusam/dll. dapat mempengaruhi mereka. Berikut adalah rincian dasar tentang arti warna yang berbeda:

• Merah — Merah adalah warna bahaya dan gairah, serta kegembiraan. Ini adalah warna yang sangat kuat dan dapat menimbulkan reaksi keras pada orang-orang. Meringankannya menjadi merah muda membuatnya lebih feminin dan romantis sementara menggelapkan rona menjadi merah marun membuatnya lebih tenang dan tradisional.
• Oranye — Oranye adalah warna yang sangat kreatif yang juga dikaitkan dengan petualangan dan masa muda. Ini juga sangat energik. Karena ikatan kuat oranye dengan gaya 70-an, itu juga dapat membangkitkan perasaan retro.
• Kuning — Kuning bahagia, optimis, dan ceria. Ini populer dalam desain untuk anak-anak dan orang dewasa. Lebih banyak warna pastel sering digunakan sebagai warna bayi netral gender, sedangkan kuning cerah populer dalam desain kreatif. Nuansa kuning yang lebih gelap menjadi emas, yang dikaitkan dengan kekayaan dan kesuksesan.
• Hijau — Hijau memiliki asosiasi yang bervariasi. Di satu sisi, itu memprovokasi perasaan kaya dan tradisi (terutama warna yang lebih gelap), sementara di sisi lain sangat terkait dengan lingkungan dan alam. Jeruk nipis sering dikaitkan dengan pembaruan dan pertumbuhan.
• Biru — Biru paling sering dikaitkan dengan kesetiaan dan kepercayaan. Biru yang lebih cerah dapat dikaitkan dengan komunikasi, sedangkan biru yang lebih redup dan lebih gelap dapat dikaitkan dengan kesedihan dan depresi. Biru adalah warna yang paling disukai secara universal di dunia, yang mungkin menjelaskan mengapa begitu banyak perusahaan memilih warna biru untuk merek mereka.
• Ungu — Ungu adalah warna lain dengan arti yang bervariasi. Sudah lama dikaitkan dengan royalti dan kekayaan (karena pewarna ungu langka di banyak peradaban kuno, itu disediakan untuk royalti). Tapi itu juga terkait dengan misteri dan spiritualitas. Ungu juga bisa membangkitkan kreativitas.
• Hitam — Hitam menyiratkan kecanggihan dan kemewahan. Namun, itu juga dapat dikaitkan dengan kesedihan dan kenegatifan. Bergantung pada warna UX lain yang digunakan bersama hitam, itu bisa terasa modern atau tradisional, formal atau kasual.
• Putih — Putih terikat dengan kemurnian, kepolosan, dan kepositifan. Putih juga sangat populer dalam desain minimalis, karena netralitas dan kesederhanaannya. Seperti hitam, putih dengan mudah mengambil karakteristik warna lain yang digunakannya.
• Abu- abu — Abu-abu memiliki arti yang bervariasi, tergantung pada konteksnya. Itu bisa konservatif dan canggih atau suram dan membosankan. Itu bisa tanpa emosi atau murung. Itu juga dapat dikaitkan dengan kesedihan dan kesedihan.
• Coklat — Coklat (yang sebenarnya adalah warna oranye gelap) diasosiasikan dengan membumi dan membumi. Ini juga terkait dengan alam dan bahkan kesenangan. Dan, tentu saja, itu bisa dikaitkan dengan menjadi kotor atau kotor.

Mengetahui arti warna dasar ini memberi desainer dasar yang kuat untuk membangun palet warna untuk merek atau produk apa pun.

Teori warna, bagaimanapun, adalah bagian dari ilmu pengetahuan dan bagian seni. Hanya karena warna umumnya diasosiasikan dengan perasaan atau suasana hati tertentu, bukan berarti warna tersebut tidak dapat dirasakan dengan cara lain dengan menggabungkannya dengan warna yang berbeda, mengubah rona warna yang tepat, atau memvariasikan cara penggunaannya di antara elemen desain lainnya.

Menggunakan Warna UX yang Tidak Biasa

Penggunaan warna UX yang tidak konvensional adalah cara yang bagus untuk membedakan merek. Dan meskipun dibutuhkan lebih banyak kemahiran daripada sekadar menggabungkan warna lama apa pun yang ingin digabungkan oleh seorang desainer, tidaklah sulit untuk mempelajari cara menggunakan warna yang tidak terduga dalam desain UX.

Warna aksen adalah tempat termudah untuk memulai dalam hal menambahkan warna yang tidak biasa ke dalam desain. Misalnya, situs web firma hukum mungkin menggunakan palet warna tradisional biru tua dan abu-abu. Tetapi tambahkan beberapa aksen hijau limau dan tiba-tiba desainnya berbeda dari lautan firma hukum lain dengan situs web biru tua dan abu-abu. Atau lihat contoh dari Hogan Lovells ini, yang menggunakan palet warna putih, abu-abu, dan hijau limau untuk membuat situs web modern yang pasti menonjol dari situs industri hukum lainnya. Itu akan menarik bagi orang yang lebih muda, lebih modern daripada rata-rata situs hukum Anda.

Berdan Real Estate adalah situs lain yang menggunakan palet warna yang tidak terduga. Situs real estat menggunakan nuansa kuning dan peach, keduanya jauh lebih energik daripada rata-rata situs properti Anda (di mana petak besar biru, merah, dan hijau mendominasi).

Asuransi umumnya tidak dianggap sebagai industri yang modern dan inovatif, tetapi itu tidak berarti bahwa desain mereka tidak bisa. Situs web Lemonade menggunakan skema warna abu-abu dan putih dengan aksen fuchsia. Ini benar-benar tidak terduga dalam industri yang tidak dikenal mengambil risiko.

Ada banyak contoh lain dari warna UX tidak konvensional yang digunakan dalam praktik di seluruh web yang dapat digunakan untuk inspirasi.

Aturan 60-30-10

Aturan 60-30-10 adalah teori sederhana untuk membuat palet warna yang seimbang dan menarik secara visual. Idenya adalah bahwa satu warna — umumnya sesuatu yang cukup netral (baik secara harfiah atau psikologis) — membentuk 60% dari palet. Warna pelengkap lainnya membentuk 30% dari palet. Dan kemudian warna ketiga digunakan sebagai aksen untuk 10% sisa desain.

Metode ini memudahkan desainer untuk mulai bereksperimen dengan palet warna yang tidak biasa tanpa melangkah terlalu jauh di luar norma yang diharapkan dalam industri atau merek. Menambahkan sedikit warna yang tidak terduga dapat meningkatkan desain yang sesuai dengan apa yang diharapkan dari perusahaan tertentu. Ini juga bisa menjadi langkah pertama untuk menciptakan palet merek yang jauh lebih berpikiran maju daripada pesaingnya, sehingga membedakan merek dan membuatnya lebih mudah diingat.

Kesimpulan

Sementara teori warna adalah subjek yang kompleks, tidak terlalu rumit untuk mempelajari dasar-dasarnya. Dari sana, desainer dapat membangun pengetahuan mereka untuk membuat palet warna yang lebih bervariasi dan canggih untuk desain mereka.

Palet warna yang dirancang dengan baik, terutama yang mencakup beberapa rona tak terduga, bukan sekadar pilihan estetis. Ini dapat memiliki efek psikologis yang signifikan pada pengguna, yang harus dimanfaatkan oleh desainer UX untuk menciptakan pengalaman yang lebih baik.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• Psikologi Desain dan Ilmu Saraf dari UX yang Luar Biasa
• UI gelap. Yang baik dan yang buruk. Anjuran dan Larangan.
• Pencitraan Emosional untuk Desain Produk Berkelanjutan
• Gunakan Inspirasi Anda – Panduan untuk Papan Suasana Hati
• Desain Persuasif: Menggunakan Psikologi Tingkat Lanjut Secara Efektif