Ini Dia Peran Warna dalam UX yang Perlu Kamu Tau

Memahami psikologi warna adalah aspek kunci dalam menciptakan palet warna yang berfungsi baik dalam desain digital . Sementara warna kadang-kadang dianggap sebagai pilihan estetika murni oleh beberapa desainer, itu sebenarnya merupakan komponen kunci dari dampak psikologis dari 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 menciptakan palet yang terlihat bagus (seperti aksesibilitas dan efek psikologis dari berbagai nuansa yang berbeda dalam rona yang sama); desainer secara bertahap dapat memasukkan penggunaan warna yang lebih baik dalam desain mereka tanpa perlu memikirkan kembali seluruh proses mereka. Begitu seorang desainer memiliki dasar-dasar yang tercakup, salah satu bagian paling berharga dari teori warna adalah belajar untuk memasukkan lebih banyak warna yang tidak terduga ke dalam desain mereka.

Barclays menggunakan skema warna situs web yang sangat spesifik
Meskipun agak sering digunakan, palet warna abu-abu / putih / biru sangat efektif untuk situs keuangan karena biru paling sering dikaitkan dengan kesetiaan dan kepercayaan pada psikologi warna.

Psikologi Warna

Teori warna dan efek psikologis yang dapat dimiliki warna pada pengguna adalah topik yang kompleks dan seringkali subyektif. Tetapi ada beberapa aspek tertentu yang dapat diatasi pada tingkat yang lebih universal.

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

Psikologi warna adalah aspek kompleks dari teori warna
Makna warna dasar bisa mudah dipelajari dan diingat, meskipun makna yang lebih halus juga dapat digunakan dengan baik dalam desain digital. ( Desain Vandelay )

Dampak emosional dari warna antarmuka tidak boleh diabaikan. Dan sementara beberapa warna “universal” dalam desain UX (seperti hitam, putih, dan abu-abu, setidaknya satu di antaranya digunakan di hampir setiap desain bagus di luar sana), warna-warna yang mereka kombinasikan dapat memiliki dampak besar pada persepsi pengguna.

Tentu saja, cara penggunaan warna juga dapat memiliki dampak dramatis pada bagaimana hal itu dirasakan. Misalnya, biru yang digunakan sebagai warna utama dalam desain modern dan minimalis akan memiliki rasa yang sangat berbeda dari biru yang sama digunakan sebagai warna aksen dalam desain perusahaan yang lebih kompleks.

Zutano menggunakan skema warna situs web abu-abu dan merah.
P&N Bank menggunakan palet warna UI merah terang
Perbedaan halus dalam skema warna situs web memiliki dampak besar pada emosi yang ditimbulkan situs. Zutano dan P&N Bank keduanya menggunakan nuansa merah dan putih, namun situs mereka memiliki dampak emosional yang sama sekali berbeda.

Perbedaan Budaya dalam Warna

Salah satu masalah yang cenderung diabaikan oleh para desainer adalah perbedaan budaya yang dapat muncul di sekitar warna yang berbeda. Misalnya, dalam banyak budaya Barat, putih dikaitkan dengan hal-hal seperti kesucian, 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. Ini tentu saja dapat memperumit kehidupan seorang desainer ketika mencoba membuat desain yang akan menarik bagi audiens sebanyak mungkin.

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

Psikologi warna bervariasi di seluruh dunia, sebagian besar didasarkan pada asosiasi budaya
Warna dapat memiliki makna yang sangat berbeda dalam berbagai budaya di seluruh dunia. ( Informasi Indah )

Mencocokkan Warna UX dengan Merek

Nilai-nilai merek harus memainkan peran kunci dalam menciptakan palet warna. Tapi mereka bukan satu-satunya faktor penting. Norma-norma industri juga penting, seperti warna 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, misalnya, McDonald’s dan Wendy. Keduanya adalah restoran cepat saji yang saling bersaing secara langsung. Dan keduanya menggunakan palet warna merah dan kuning. Namun, melihat logo mereka, logo Wendy terutama merah dengan aksen kuning, sedangkan McDonald’s adalah sebaliknya. Kemasan mereka juga menggunakan warna-warna ini dengan cara yang berbeda, lebih jauh membedakan antara merek. Karena itu, tidak satu pun akan mudah bingung dengan yang lain, bahkan jika logo dan tanda pengenal lainnya dihapus dari kemasan mereka.

Palet warna UI yang tidak terduga dapat membuat brand berbeda dari pesaingnya
Merah adalah warna bahaya dan gairah, tetapi juga kegembiraan, yang mungkin menjelaskan mengapa Virgin Atlantic menggunakannya untuk branding mereka (bersama dengan ungu, yang menyiratkan kemewahan).

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

  • Merah – Merah adalah warna bahaya dan gairah, serta kegembiraan. Ini warna yang sangat kuat dan dapat menimbulkan reaksi kuat pada orang. Mencerahkannya menjadi merah muda membuatnya lebih feminin dan romantis, sementara menggelapkan rona ke merah membuatnya lebih tenang dan tradisional.
  • Oranye – Oranye adalah warna yang sangat kreatif yang juga terkait dengan petualangan dan masa muda. Sangat energik juga. Karena ikatan oranye yang kuat 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 terang lebih populer dalam desain kreatif. Nuansa kuning yang lebih gelap menjadi emas, yang dikaitkan dengan kekayaan dan kesuksesan.
  • Hijau – Hijau memiliki berbagai asosiasi. Di satu sisi, ia memprovokasi perasaan kekayaan dan tradisi (terutama warna gelap), sementara di sisi lain itu sangat terkait dengan lingkungan dan alam. Hijau limau sering dikaitkan dengan pembaruan dan pertumbuhan.
  • Biru – Biru paling sering dikaitkan dengan kesetiaan dan kepercayaan. Blues yang lebih terang dapat dihubungkan dengan komunikasi, sedangkan Blues yang lebih gelap dan lebih gelap dapat dikaitkan dengan kesedihan dan depresi. Biru adalah warna yang paling disukai secara universal di dunia, yang dapat menjelaskan mengapa begitu banyak perusahaan memilih warna biru untuk merek mereka.
  • Ungu – Ungu adalah rona lain dengan beragam makna. Sudah lama dikaitkan dengan royalti dan kekayaan (karena pewarna ungu jarang di banyak peradaban kuno, itu dicadangkan untuk royalti). Tetapi juga terkait dengan misteri dan spiritualitas. Ungu juga dapat membangkitkan kreativitas.
  • Hitam – Hitam menyiratkan kecanggihan dan kemewahan. Namun, itu juga bisa dikaitkan dengan kesedihan dan negatif. Tergantung pada warna UX lain yang digunakan bersama hitam, dapat terasa modern atau tradisional, formal atau kasual.
  • Putih – Putih terikat pada 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 digunakan dengannya.
  • Abu – abu – Abu -abu memiliki beragam makna, tergantung pada konteksnya. Itu bisa konservatif dan canggih atau suram dan membosankan. Itu bisa tanpa emosi atau murung. Ini juga bisa dikaitkan dengan kesedihan dan kesedihan.
  • Coklat – Coklat (yang sebenarnya berwarna oranye gelap) dikaitkan dengan turun ke bumi dan membumi. Ini juga berhubungan dengan alam dan bahkan kesenangan. Dan, tentu saja, itu bisa berafiliasi dengan menjadi kotor atau suram.

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

Teori warna, bagaimanapun, adalah bagian sains dan seni bagian. Hanya karena warna umumnya dikaitkan dengan perasaan atau suasana hati tertentu tidak berarti itu tidak dapat dirasakan dengan cara lain dengan menggabungkannya dengan warna yang berbeda, mengubah rona yang tepat, atau memvariasikan bagaimana menggunakannya di antara elemen desain lainnya.

Memanfaatkan psikologi warna yang mapan adalah cara solid untuk meningkatkan UX
Konsep aplikasi penyiraman tanaman ini menggunakan warna hijau yang bagus untuk warna utamanya, dengan aksen biru, kuning, dan merah yang digunakan dengan cara yang akan masuk akal bagi pengguna. (oleh Amy Holley Hirst )

Menggunakan Warna UX Tidak Konvensional

Penggunaan warna UX yang tidak konvensional adalah cara terbaik untuk membedakan merek. Dan meskipun dibutuhkan lebih banyak keahlian daripada sekadar menggabungkan warna lama apa pun yang dirasa ingin digabungkan oleh perancang, tidaklah sulit untuk mempelajari cara menggunakan warna tak terduga dalam desain UX .

Warna aksen adalah tempat paling mudah untuk memulai ketika menambahkan warna yang tidak konvensional 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 desain dipisahkan dari laut firma hukum lain dengan situs web biru dan abu-abu. Atau lihat contoh ini dari Hogan Lovells , yang menggunakan palet warna hijau putih, abu-abu, dan kapur untuk membuat situs web modern yang jelas menonjol dari situs industri hukum lainnya. Ini akan menarik bagi orang yang lebih muda, lebih modern daripada situs hukum rata-rata Anda.

Skema warna situs web yang tidak terduga
Hogan Lovells menciptakan desain modern dengan palet warna yang sangat segar.

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

Skema warna situs web lain yang tidak terduga di situs real estat ini
Berdan Real Estate menghindari skema warna khas perusahaan demi sesuatu yang segar dan hangat.

Asuransi pada umumnya tidak dianggap sebagai industri yang inovatif dan inovatif, tetapi itu tidak berarti bahwa desainnya tidak mungkin. Situs web Lemonade menggunakan skema warna abu-abu dan putih dengan aksen fuchsia. Benar-benar tidak terduga dalam industri yang tidak dikenal mengambil risiko.

Skema warna UX yang sama sekali tidak terduga di situs web Lemonade
Pilihan fuchsia Lemonade dalam branding mereka sepenuhnya tidak terduga di industri.

Ada banyak contoh lain dari warna UX tidak konvensional yang digunakan dalam praktek di sekitar 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) —membuat 60% palet. Warna komplementer lainnya adalah 30% dari palet. Dan kemudian warna ketiga digunakan sebagai aksen untuk sisa 10% dari desain.

Metode ini memudahkan desainer untuk mulai bereksperimen dengan palet warna yang tidak konvensional tanpa melangkah terlalu jauh di luar norma yang diharapkan dalam suatu industri atau merek. Menambahkan semburat 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 maju daripada para pesaingnya, sehingga membuat merek terpisah dan membuatnya lebih berkesan.

Contoh yang sangat baik dari aturan 60-30-10 dalam teori warna desain web
Situs web Clarity Stress Management menampilkan aturan 60-30-10 dengan baik, dengan 60% ungu, 30% putih, dan 10% magenta di header dan footer.

Kesimpulan

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

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

sumber: toptal.com

Latest articles

12.6k Followers
Follow

Related articles