Menjelajahi Dampak Emosi dalam Desain Web

Diterbitkan: 2018-07-23

Bagi kami, para desainer terkadang sulit menelan pil, tetapi karya indah kami tidak akan berguna jika tidak melayani tujuan klien kami. Dan untuk setiap klien, urutan pertama yang harus dilakukan adalah menarik pengunjung ke situs web dan produk mereka.

Masa pemasaran digital agresif (iklan, spanduk, dan pop-up) hilang. Pengguna web saat ini, bahkan milenium dan manula, mengharapkan pengalaman menjelajah mereka menjadi "bersih" dan menyenangkan secara estetika. Lihat seberapa besar peningkatan volume pencarian untuk perangkat lunak pemblokiran iklan selama lima tahun terakhir.

Dengan pemblokir iklan yang dipasang di setiap perangkat lain, kita semua harus bubar dengan opsi masuk yang sederhana dan mencari cara untuk mengiklankan dan menjual produk, layanan, atau ide dengan instrumen yang lebih canggih.

Salah satu instrumen tersebut dikenal sebagai Design for Emotion – pendekatan psikologis untuk desain, yang bertujuan untuk memanggil pengguna yang dituju dengan emosi, dan mengarahkan pengunjung ke tujuan situs web Anda.

Misalnya, jika kita mendesain situs web untuk mempromosikan minuman ringan, kita dapat melakukannya dengan dua cara:

  1. Menempatkan produk dan merek di garis depan.
  2. Tempatkan produk dan merek dalam rombongan emosional yang pas.

Bayangkan mengunjungi sebuah situs dan melihat gambar (atau klip video) anak muda bermain bola voli di pantai yang cerah. Bahkan jika Anda bukan penggemar berat bola voli, emosi betapa menyenangkannya orang-orang ini akan langsung bergema di hati Anda. Dan kemudian, ketika salah satu orang menyegarkan dengan minuman dingin, Anda tidak bisa menahan rasa haus yang gatal di bagian belakang tenggorokan Anda juga.

voli pantai

Tujuan dari gambar atau video tersebut bukan untuk mempromosikan voli pantai tetapi untuk menjual merek soda. Namun, itu tidak hanya menabrak Anda seperti kereta api tetapi dibawa ke Anda secara bertahap dan tidak mencolok, melalui emosi kesenangan dan semangat permainan.

Tingkat Pemahaman Emosional

Desainer telah mempelajari dampak emosional situs web sejak awal Web 2.0 ketika animasi kompleks dan klip ringan secara bertahap mengambil alih ruang virtual. "Merancang untuk Emosi", sebuah buku yang diterbitkan oleh Aaron Walter pada tahun 2005, dengan cepat menjadi buku terlaris dan panduan meja bagi banyak desainer web generasi saat ini, termasuk saya sendiri.

Dalam bukunya, Walter mengidentifikasi tiga tahap keterlibatan emosional pengunjung situs web biasa, yaitu Terkesan , Tertarik , dan Terlibat .

1. Tingkat Visceral: “Terkesan”

Kesan pertama selalu di bawah sadar dan ditafsirkan oleh otak kita secara otomatis, terlepas dari penilaian yang masuk akal. Saat kami mengunjungi situs web, kami langsung memberikan "jempol ke atas," atau "jempol ke bawah."

Dan berdasarkan perkiraan awal itu, kami akan terus mempersepsikan secara positif semua konten di situs tersebut. Jadi, tidak mengherankan bahwa desain visceral yang baik hanya harus memicu reaksi "jempol".

2. Tingkat Perilaku: “Tertarik”

Jika sesuatu terlihat keren pada pandangan pertama, otak kita mencoba menganalisis apa itu dan bagaimana cara kerjanya. Ini memicu pola perilaku kita, dan kita mulai bersemangat secara emosional tentang sesuatu yang kita sukai. Jadi, langkah kedua dari desain emosional adalah membuat desain Anda menarik untuk diselidiki lebih lanjut.

Ketika pengunjung tertarik, mereka tidak akan bisa menolak untuk menggulir ke bawah, mengikuti tautan, atau bahkan mengklik ajakan bertindak.

3. Tingkat reflektif: “Terlibat”

Ini adalah tingkat tertinggi dari proses berpikir kognitif kita. Ini adalah saat kita menganalisis dan membuat penilaian logis tentang hal-hal yang kita lihat. Pengguna situs web ditarik ke tingkat ini oleh dua sebelumnya, dan pada titik ini, semua kartu harus diletakkan di atas meja dengan menunjukkan apa produk itu, dan mengapa itu berguna bagi pengguna.

Di kepala mereka, pengguna akan memahami niat situs untuk menjual produk, tetapi karena emosi positif yang mereka alami, niat ini tidak akan dianggap sebagai permusuhan.

Jadi, seperti yang Anda lihat, desain untuk emosi bertujuan untuk memicu rantai reaksi psikologis. Pertama, kaitkan pengguna dengan efek wow, lalu buat mereka bersemangat untuk menjelajah lebih jauh, dan terakhir, bawa mereka ke pemahaman tentang apa sebenarnya yang diributkan itu.

Sekarang, mari kita lihat alat apa yang berkontribusi untuk menciptakan desain visual yang menarik secara emosional.

Komponen Desain Emosional

Kita akan melihat tiga inbound jelas yang digunakan setiap desainer untuk membuat visual produk atau merek, dan mencoba menganalisisnya dari perspektif mendesain untuk emosi.

1. Buku Merek

Jika kita ingin menjual merek dengan emosi, pertama-tama kita harus mempelajari buku aturan merek tersebut. Buku merek atau panduan gaya yang baik akan berisi skema warna, font, prinsip penyelarasan kisi, hal yang boleh dan tidak boleh dilakukan dalam penempatan ruang iklan, dan banyak lagi.

Anda harus menganggap bahwa identitas merek sudah memiliki perasaan emosional yang tertanam. Banyak desainer akan mengambil pengertian itu dan mengembangkannya ke seluruh situs. Pada akhirnya, mereka akan memiliki satu mega-logo besar, bukan hanya sebuah situs web.

contoh website iklan merek adidas ace 16

Pendekatan yang lebih baik adalah mengekstrak esensi merek dari buku, tetapi meletakkannya di antara garis, bukan di garis depan. Biarkan logo di kiri atas di tempatnya, dan sisakan ruang untuk hal-hal yang Anda ingin agar pengguna kaitkan dengan merek.

2. Warna

Pada tingkat umum kita semua tahu apa yang diwakili oleh warna. Merah adalah bahaya, agresi; biru berarti ketenangan; dan hijau untuk izin, kebebasan, alam. Saat mendesain untuk emosi, nada warna jauh lebih penting daripada warna mentah. Membuat nada lebih gelap atau lebih terang dapat mendorong emosi yang dimaksud ke berbagai arah.

Di bawah ini adalah video pendek yang menampilkan diskografi Ben Lukas Boysen, tetapi tanpa suara. Semua emosi digambarkan dengan warna. Tanpa mendengarkan musiknya, kita masih mendapatkan perasaan emosional bawah sadar untuk setiap lagu.

Juga, Anda harus mengingat kekhasan budaya setiap warna. Di Jepang, putih adalah warna kesedihan, dan bagi orang Timur Tengah, kuning sering dianggap menjijikkan. Berikut ini adalah bagian yang menarik dan informatif tentang apa yang diwakili warna dalam berbagai budaya.

3. Rombongan

Emosi jauh lebih mudah dibangkitkan oleh rombongan daripada merek itu sendiri. Merek harus dimasukkan ke dalam lingkungan atau keadaan, di mana kemungkinan besar akan dihargai paling tinggi oleh pemirsa.

Salah satu contoh terbaik adalah minuman di hari yang panas. Jarang sekali kita mengkonsumsi minuman bersoda hanya karena keinginan hati. Tetapi pada hari yang cerah, selama liburan, saat berbaring di pantai atau bersantai di tepi kolam renang, apa yang lebih baik daripada minuman dingin dengan gelembung pelepas dahaga?

emosi merek besar iklan perrier

Desain emosional mengubah pengguna biasa menjadi fanatik, siap memberi tahu orang lain tentang pengalaman positif mereka ,” simpul Aaron Walter, salah satu pendiri desain emosional.

Sungguh, setiap situs web adalah tentang pengalaman – visual, sensual, informasional, atau sekadar kesenangan. Jika situs web yang Anda buat menyediakan salah satu dari pengalaman ini, maka Anda dapat yakin bahwa itu akan membuat pengunjung ingin kembali lagi dan lagi. Dan pengunjung reguler ke situs web klien Anda adalah cara terbaik untuk membangkitkan emosi yang paling dihargai – kepuasan klien.