Cara Mengembangkan Skema Warna Situs Web, E-niaga, Atau Aplikasi

Kembangkan Situs Web, E-niaga, atau Skema Warna Aplikasi

Kami telah membagikan beberapa artikel tentang pentingnya warna sehubungan dengan merek. Untuk situs web, situs e-niaga, atau aplikasi seluler atau web, ini sama pentingnya. Warna berdampak pada:

  • Kesan awal suatu merek dan nilainya – misalnya barang mewah sering menggunakan warna hitam, merah menyiratkan kegembiraan, dll.
  • keputusan pembelian – kepercayaan suatu merek dapat ditentukan oleh kontras warna. Skema warna lembut mungkin lebih feminin dan dapat dipercaya, kontras yang keras mungkin lebih mendesak dan didorong oleh diskon.
  • Kegunaan dan pengalaman pengguna – warna memiliki psikologis dan dampak fisiologis juga, membuatnya lebih mudah atau lebih sulit untuk menavigasi antarmuka pengguna.

Seberapa Pentingkah Warna?

  • 85% orang mengklaim bahwa warna memiliki pengaruh besar pada apa yang mereka beli.
  • Warna meningkatkan pengenalan merek rata-rata sebesar 80%.
  • Kesan warna bertanggung jawab atas 60% penerimaan atau penolakan suatu produk.

Saat menentukan skema warna untuk sebuah situs web, ada beberapa langkah yang dirinci dalam infografis terlampir:

  1. Warna primer – Pilih warna yang sesuai dengan energi produk atau layanan Anda.
  2. Warna Aksi – Ini tidak ada dalam infografis di bawah ini, tetapi mengidentifikasi warna aksi primer dan warna aksi sekunder sangat membantu. Ini mendidik audiens Anda untuk fokus pada elemen antarmuka pengguna tertentu berdasarkan warna.
  3. AWarna tambahan – Pilih tambahan warna yang melengkapi warna utama Anda, idealnya warna yang membuat warna utama Anda pop.
  4. Warna Latar Belakang – Pilih warna untuk latar belakang situs web Anda – mungkin kurang agresif dibandingkan warna utama Anda. Ingatlah juga mode gelap dan terang.. semakin banyak situs yang menggabungkan skema warna pada mode terang atau gelap.
  5. Warna Jenis Huruf – Pilih warna untuk teks yang akan ada di situs web Anda – ingat bahwa jenis huruf hitam pekat jarang dan tidak disarankan.

Sebagai contoh, perusahaan saya Highbridge mengembangkan merek online untuk produsen pakaian yang ingin membangun situs e-niaga langsung ke konsumen di mana orang dapat beli gaun online. Kami memahami audiens target kami, nilai merek, dan – karena merek didominasi digital tetapi juga memiliki produk fisik – kami fokus pada skema warna yang bekerja dengan baik di seluruh cetakan (CMYK), palet kain (Pantone), serta digital (RGB dan Hex).

Menguji Skema Warna Dengan Riset Pasar

Proses kami untuk pemilihan skema warna kami sangat intensif.

  1. Kami melakukan riset pemasaran pada serangkaian warna primer dengan audiens target kami yang mengurangi kami menjadi satu warna.
  2. Kami melakukan riset pemasaran pada serangkaian warna sekunder dan tersier dengan audiens target kami di mana kami mempersempit beberapa skema warna.
  3. Kami melakukan maket produk (kemasan produk, tag leher, dan tag gantung) serta maket e-niaga dengan skema warna dan memberikannya kepada klien serta audiens target untuk umpan balik.
  4. Karena merek mereka sangat bergantung pada musim, kami juga memasukkan warna musiman ke dalam campuran. Ini bisa berguna untuk koleksi atau visual tertentu untuk iklan dan berbagi media sosial.
  5. Kami melewati proses ini lebih dari setengah lusin kali sebelum memutuskan skema akhir.

skema warna lemari52

Sementara warna mereknya adalah pink muda dan abu-abu tua, kami mengembangkan warna aksi menjadi naungan hijau. Hijau adalah warna berorientasi aksi, jadi ini adalah pilihan yang bagus untuk menarik perhatian pengguna kami ke elemen berorientasi aksi. Kami menggabungkan kebalikan dari hijau untuk tindakan sekunder kami (perbatasan hijau dengan latar belakang putih dan teks). Kami juga menguji warna hijau yang lebih gelap pada warna tindakan untuk tindakan mengarahkan kursor.

Sejak kami baru saja meluncurkan situs ini, kami telah menggabungkan pelacakan mouse dan peta panas untuk mengamati elemen yang paling menarik pengunjung kami dan berinteraksi dengannya untuk memastikan kami memiliki skema warna yang tidak hanya terlihat bagus… itu bekerja dengan baik.

Warna, Ruang Putih, dan Karakteristik Elemen

Mengembangkan skema warna harus selalu dilakukan dengan mengujinya dalam antarmuka pengguna secara keseluruhan untuk mengamati interaksi pengguna. Untuk situs di atas, kami juga memasukkan margin, padding, outline, radius batas, ikonografi, dan tipografi yang sangat spesifik.

Kami memberikan panduan branding lengkap bagi perusahaan untuk didistribusikan secara internal untuk semua materi pemasaran atau produk. Konsistensi merek sangat penting bagi perusahaan ini karena mereka masih baru dan belum memiliki kesadaran di industri saat ini.

Inilah Hasil Situs E-commerce dengan Skema Warna

  • Closet52 - Beli Gaun Online
  • Halaman Koleksi Closet52
  • Halaman Produk Closet52

Kunjungi Lemari52

Kegunaan Warna dan Buta Warna

Jangan lupa pengujian kegunaan untuk kontras warna di seluruh elemen situs Anda. Anda dapat menguji skema Anda menggunakan Alat Pengujian Aksesibilitas Situs Web. Dengan skema warna kami, kami tahu bahwa kami memiliki beberapa masalah kontras yang akan kami kerjakan di masa mendatang, atau kami bahkan mungkin memiliki beberapa opsi untuk pengguna kami. Menariknya, kemungkinan masalah warna dengan audiens target kami cukup rendah.

Buta warna adalah ketidakmampuan untuk melihat perbedaan antara beberapa warna yang dapat dibedakan oleh pengguna yang tidak memiliki gangguan warna. Buta warna mempengaruhi sekitar lima hingga delapan persen pria (sekitar 10.5 juta) dan kurang dari satu persen perempuan.

Kegunaan.gov

Tim di WebsiteBuilderExpert telah menyusun infografis ini dan artikel terlampir terperinci tentang Cara Memilih Warna untuk Situs Web Anda itu sangat teliti.

Cara Memilih Skema Warna Untuk Situs Web Anda