Kesan Pertama Penting: Mengapa Desain Visual yang Hebat Itu Penting

Diterbitkan: 2021-07-22

Orang membuat penilaian cepat. Hanya butuh 1/10 detik untuk membentuk kesan pertama tentang seseorang. Situs web tidak berbeda.

Dibutuhkan sekitar 50 milidetik (md) (yaitu 0,05 detik) bagi pengguna untuk membentuk opini tentang situs web Anda yang menentukan apakah mereka akan tetap tinggal atau pergi.

Angka ini berasal dari studi khusus. Dalam studi pertama, peserta dua kali menilai daya tarik visual dari beranda web yang disajikan masing-masing 500 md. Dalam studi lanjutan, mereka mengurangi waktu pemaparan menjadi 50 ms.

Sepanjang, peringkat daya tarik visual berkorelasi tinggi dari satu fase ke fase berikutnya, seperti halnya korelasi antara kondisi 50 ms dan 500 ms. Dengan demikian, daya tarik visual dapat dinilai dalam waktu 50 md, menunjukkan bahwa Anda memiliki waktu sekitar 50 md untuk membuat kesan pertama yang baik dengan situs web Anda.

Kesan pertama ini tergantung pada banyak faktor: struktur, warna, spasi, simetri, jumlah teks, font, dan banyak lagi. Postingan ini:

  • Detail penelitian di situs web dan kesan pertama.
  • Menunjukkan cara membuat desain visual untuk meningkatkan kesan pertama.

Catatan: Semua tangkapan layar situs web di bawah ini hanya untuk tujuan ilustrasi .

Penelitian di situs web dan kesan pertama

Pengguna membentuk opini desain dalam 17 ms.

Beberapa tahun yang lalu, Google mengkonfirmasi angka 50 ms dalam penelitian mereka sendiri. Faktanya, menurut penelitian mereka, beberapa pendapat berkembang dalam waktu 17 ms, meskipun efeknya kurang terasa pada beberapa faktor desain.

Temuan utama dari penelitian mereka adalah bahwa situs web dengan kompleksitas visual rendah dan prototipikalitas tinggi (seberapa representatif desain terlihat untuk kategori situs web tertentu) dianggap sangat menarik.

contoh squaresquare dari beranda prototipe
Orang-orang memiliki harapan tentang seperti apa tampilan situs web. Mengalihkan dari itu adalah risiko, tidak peduli seberapa imajinatif atau mencolok desainnya.

Takeaway utama: Jadikan desain web Anda sederhana dan familier. Ikuti konvensi. Orang-orang memiliki ide yang tetap apa situs e-commerce akan terlihat seperti. Jika Anda menggunakan tata letak yang inovatif dan tidak konvensional, orang cenderung tidak menyukainya.

Catatan: Lihat banyak pedoman e-niaga & ide pengujian dalam laporan komprehensif kami (247 pedoman khusus untuk e-niaga).

Dibutuhkan 2,6 detik bagi mata untuk menetap di area utama halaman web.

Dibutuhkan 2,6 detik bagi mata pengguna untuk mendarat di area situs web yang paling memengaruhi kesan pertama mereka.

Para peneliti memantau gerakan mata siswa saat mereka memindai halaman web. Para peneliti kemudian menganalisis data pelacakan mata untuk menentukan berapa lama waktu yang dibutuhkan siswa untuk fokus pada bagian halaman tertentu—seperti menu , logo, gambar, dan ikon media sosial—sebelum pindah ke bagian lain.

Mereka menemukan bahwa semakin baik kesan pertama, semakin lama para peserta tetap di halaman.

  • 21 Ide Pengujian A/B E-niaga Teratas

    Oleh CXL

    Tingkatkan kesan pertama Anda dengan menguji apa yang berhasil. Berikut adalah 21 ide pengujian e-niaga teratas yang berasal dari penelitian.

  • Bidang ini untuk tujuan validasi dan tidak boleh diubah.
contoh studi pelacakan mata dari kesan pertama situs web
Penelitian membagi situs web menjadi enam bagian, kemudian memantau gerakan mata subjek siswa. (Sumber gambar)

Enam bagian situs web yang paling menarik minat pemirsa adalah:

  1. Logo institusi. Pengguna menghabiskan 6,48 detik untuk fokus pada area ini sebelum melanjutkan.
  2. Menu navigasi utama. Hampir sepopuler logo, subjek menghabiskan rata-rata 6,44 detik untuk melihat menu.
  3. Kotak pencarian . Pengguna fokus selama lebih dari 6 detik.
  4. Gambar utama situs. Mata pengguna terpaku selama rata-rata 5,94 detik.
  5. Konten tertulis situs . Pengguna menghabiskan sekitar 5,59 detik.
  6. Bagian bawah sebuah situs web . Pengguna menghabiskan waktu sekitar 5,25 detik.

Takeaway utama: Kesan pertama yang baik mengarah ke kunjungan yang lebih lama. Pastikan enam elemen yang tercantum di sini tampak hebat.

Kesan pertama berhubungan dengan 94% desain.

Peneliti Inggris menganalisis bagaimana desain yang berbeda dan faktor konten informasi mempengaruhi kepercayaan situs kesehatan online. Studi tersebut menunjukkan dengan jelas bahwa tampilan dan nuansa situs web adalah pendorong utama kesan pertama.

contoh desain situs web yang bersih
Sebuah penelitian di Inggris menemukan bahwa sebagian besar kritik situs web bergantung pada persepsi desain situs, bukan kontennya.

Dari semua umpan balik yang diberikan peserta tes, 94% adalah tentang desain:

  • Kompleks;
  • Tata letak yang sibuk;
  • Kurangnya alat bantu navigasi;
  • Desain web yang membosankan;
  • Penggunaan warna;
  • Iklan pop-up;
  • Pengenalan lambat ke situs;
  • Cetakan kecil;
  • Terlalu banyak teks;
  • Tampilan dan nuansa perusahaan;
  • Kemampuan pencarian yang buruk.

Hanya 6% dari umpan balik adalah tentang konten yang sebenarnya. Daya tarik visual dan navigasi situs web memiliki pengaruh terbesar pada kesan pertama orang-orang terhadap situs tersebut.

Pada saat yang sama, desain antarmuka yang buruk dikaitkan dengan penolakan dan ketidakpercayaan yang cepat terhadap situs web. Ketika peserta tidak menyukai aspek desain, seluruh situs web jarang dieksplorasi di luar beranda.

Hasil serupa ditemukan dalam penelitian untuk Consumer WebWatch, yang dilakukan oleh pakar kredibilitas Universitas Stanford. Mereka menemukan bahwa apa yang orang katakan tentang bagaimana mereka mengevaluasi kepercayaan sebuah situs web dan bagaimana mereka benar - benar melakukannya berbeda.

Data menunjukkan bahwa rata-rata konsumen lebih memperhatikan aspek dangkal sebuah situs, seperti isyarat visual, daripada kontennya. Misalnya, hampir setengah dari semua konsumen (46,1%) menilai kredibilitas situs berdasarkan, sebagian, pada daya tarik desain visual, termasuk tata letak, tipografi, ukuran font, dan skema warna.

Takeaway utama: Desain hebat membuat orang memercayai Anda dan bertahan. Desain yang buruk menciptakan ketidakpercayaan dan membuat orang pergi.

Untuk kesan pertama, daya tarik visual bahkan mengalahkan kegunaan.

Sebuah studi meneliti efek daya tarik visual dan kegunaan pada kinerja dan kepuasan pengguna dengan situs web.

Pengguna menyelesaikan tugas yang berbeda di situs web yang bervariasi dalam daya tarik visual (tinggi dan rendah) dan kegunaan (tinggi dan rendah). Hasil penelitian menunjukkan bahwa kesan pertama paling dipengaruhi oleh daya tarik visual situs.

Pengguna memberikan "peringkat kegunaan dan minat" tinggi ke situs dengan daya tarik tinggi dan "peringkat kegunaan dan minat" rendah ke situs dengan rendah menarik. Persepsi pengguna tentang situs web dengan daya tarik rendah tidak dipengaruhi secara signifikan oleh kegunaan situs, bahkan setelah pengalaman yang sukses dengan situs tersebut.

Takeaway utama: Berinvestasi dalam desain. Itu yang paling penting untuk menarik pengguna. Cukup lucu, desain visual yang bagus akan menghasilkan peringkat kegunaan yang lebih tinggi, dan kegunaan yang sebenarnya akan jauh lebih penting.

Kesan pertama yang positif dapat meningkatkan kepuasan secara keseluruhan.

Dalam percobaan yang dilakukan untuk mempelajari efek ekspektasi produk pada penilaian kegunaan subjektif, peserta membaca ulasan produk positif atau negatif untuk perangkat seluler baru sebelum tes kegunaan. Kelompok kontrol tidak membaca apa-apa.

perangkat seluler yang digunakan dalam studi priming dengan ulasan produk yang positif.
Perangkat yang digunakan dalam penelitian. Ulasan produk yang positif membuat pengguna memiliki pengalaman yang lebih positif, bahkan ketika mereka gagal menyelesaikan tugas yang diberikan.

Studi ini mengungkapkan efek yang sangat kuat dari ekspektasi positif pada penilaian subjektif pasca-eksperimen. Para peserta yang membaca ulasan positif memberi perangkat peringkat pasca-eksperimen yang jauh lebih baik daripada kelompok negatif-prima dan tanpa-prima.

Efek peningkatan dari prime positif ini bertahan bahkan dalam kondisi tugas berat, ketika pengguna gagal sebagian besar tugas.

Takeaway utama: Jika pengguna "langsung" menyukai situs Anda, mereka akan mengurangi kelonggaran Anda untuk cegukan di telepon. Jenis priming ini juga dapat bekerja dengan cara lain: A n negatif kesan pertama menurunkan kepuasan keseluruhan dengan situs Anda.

Jadi jika Anda ingin membuat kesan yang baik, di mana tempat terbaik untuk memulai?

Cara membuat kesan pertama yang hebat dengan desain visual

1. Bedakan website Anda (dan perusahaan Anda) dengan desain Anda.

Apakah Anda cantik, konyol, seksi, cerdas, pintar, klasik atau apa? Bagaimana Anda berbeda dari kompetisi? Apakah Anda mengomunikasikannya secepat mungkin melalui tipografi, gambar, dan desain di situs web Anda?

Ada keseimbangan antara menghindari desain "inovatif"—yang dapat menunda konsumen—dan mencari gaya visual yang unik. Terlalu sering, perusahaan di vertikal yang sama mengadopsi pendekatan "aku juga" dalam estetika desain mereka.

Terkadang, situs kompetitif sangat mirip sehingga, jika Anda menghapus logo dari header situs, hampir tidak mungkin untuk membedakan satu situs dengan situs lainnya.

Dari apa yang saya perhatikan, ini karena dua alasan utama:

  1. Percakapan internal tentang estetika desain beralih menjadi satu tentang fitur, daripada mengembangkan identitas visual yang berbeda.
  2. Fitur dan estetika yang "sepertinya bekerja" untuk kompetisi diadopsi.

Tentu saja, ketika situs baru diluncurkan, semua orang terlalu sibuk saling memberi tos untuk menyadari bahwa desain baru itu hampir mirip dengan desain utama. saingan, atau bahwa Anda benar-benar lalai bertanya kepada pelanggan yang sudah ada mengapa mereka suka berbelanja dengan perusahaan Anda.

Jika Anda ingin menambahkan lebih banyak perbedaan pada komunikasi visual Anda tetapi tidak tahu harus mulai dari mana, lihat Teknik Elisitasi Metafora Zaltman dan terapkan pada survei kualitatif Anda. Ini dapat membantu Anda merancang kesan pertama yang sesuai dengan nilai inti merek Anda tanpa mengasingkan pengunjung.

Teknik ZMET Dalam Riset Pemasaran dari Taylan Demirkaya

"Identitas Merek" bukan hanya sesuatu yang licin untuk dikocok. The Cheskin Research & Studio Archetype menemukan sejauh tahun 1999 bahwa enam faktor terpenting dalam membangun kepercayaan dengan perusahaan e-niaga adalah:

  • Merek;
  • Navigasi;
  • Pemenuhan;
  • Presentasi;
  • Teknologi terkini;
  • Logo keamanan.

Pikirkan tentang itu sebentar. Jika kesan pertama adalah bahwa situs Anda tidak dapat dibedakan dari situs web lain, mengapa orang harus menjelajahi halaman produk Anda, apalagi memilih Anda dalam persaingan?

Berikut ini contohnya: Saya mencari "jaket kulit" di Google untuk melihat apakah perbedaan visual dan kesan pertama secara keseluruhan akan menjadi masalah pada pencarian acak. Ini adalah tiga hasil pertama:

Apakah ada yang memisahkan ketiga situs ini? Tidak juga, meskipun mereka tidak memiliki demografi yang sama persis.

Butuh beberapa saat untuk menelusuri hasil pencarian sebelum saya menemukan situs yang tidak terlihat seperti di atas, akhirnya menemukan Bomboogie. Tidak dapat disangkal bahwa halaman tersebut berbeda dari para pesaingnya:

Tidak seperti situs lain, halaman tersebut langsung memproyeksikan perasaan yang berbeda—ini bukan perusahaan yang membuat jaket halus dan modis. Jaket mereka "terinspirasi oleh jaket yang digunakan oleh para penerbang," dan situs itu terlihat seperti itu.

Bertahun-tahun yang lalu, ketika saya pertama kali melakukan penelitian ini, situs paling berbeda yang saya temukan adalah Schott. Meskipun saya akan membuang penggeser gambar, navigasi tutup soda, dan banyak tekstur palsu, ada pesona tentang desain yang membuat kesan pertama yang kuat, terutama mengingat itu adalah merek lama.

Schott

Anda dapat merasakan karakter dan emosinya, dan mengetahui apakah mereka dapat dipercaya atau tidak, itulah kesan pertama keseluruhannya.

Namun, tren desain juga mengikuti mereka, dan sekarang mereka terlihat lebih mirip dengan setiap situs lain di luar sana:

Shopify telah membuat daftar 100 desain e-niaga cantik yang menampilkan perusahaan dengan kesan pertama yang berbeda.

Takeaway utama : Anda dapat (dan harus) mengomunikasikan identitas merek yang unik tanpa terlalu inovatif sehingga membingungkan atau mengganggu pengguna.

2. Menginspirasi pengunjung situs untuk membuat yang lebih kuat terlebih dahulu kesan.

Sebuah studi yang melihat peran kesan pertama di situs web pariwisata menemukan bahwa elemen terkait inspirasi memiliki dampak terbesar pada greatest Kesan pertama s.

Ini menunjukkan bahwa rangsangan yang menarik secara visual adalah alat penting untuk membuat orang tinggal lebih lama di situs dan, dengan demikian, mengubah lebih banyak pengunjung menjadi pembeli.

pemandangan alam yang menginspirasi di situs perjalanan Chili

Kegunaan adalah pendorong paling signifikan kedua dari pembentukan kesan pertama, diikuti oleh kredibilitas.

Secara keseluruhan, ini memberi tahu kita bahwa para pelancong ingin mendapatkan inspirasi tentang suatu tujuan (citra). Mereka tidak ingin membuang energi mental untuk mencari tahu (kegunaan), dan mereka ingin memastikan bahwa penyedia perjalanan itu sah (kredibilitas).

Takeaway utama: Jika Anda menjual mimpi (misalnya ide untuk pergi berlibur ke Chili), fotografi yang menginspirasi adalah pencipta kesan pertama yang terkemuka.

3. Pastikan area lipatan atas berbatu.

Selama bertahun-tahun, masalah paruh atas telah diperdebatkan dengan hangat. Penelitian menunjukkan bahwa orang tidak memiliki masalah menggulir dan, pada kenyataannya, lebih sukapemisah konten menjadi banyak halaman. Apa hubungannya ini dengan kesan pertama?

9 Pembunuh Kredibilitas Situs Web

Oleh Alex Birkett

Pelajari cara membuat halaman web yang menginspirasi kepercayaan, bukan skeptisisme—yang membantu pembelian alih-alih menghalanginya.

  • Bidang ini untuk tujuan validasi dan tidak boleh diubah.

Inilah cara berpikir baru tentang masalah paruh atas: Ini harus menjadi bagian terbaik dari situs web Anda. Kesan pertama terbentuk dalam 0,05 detik. Pengguna tidak akan menggulir ke bawah dalam waktu itu.

Oleh karena itu, apa yang mereka lihat segera tanpa menggulir adalah yang menentukan apakah mereka pernah menggulir ke bawah. Dengan mengingat hal itu…

Berikan perhatian ekstra pada navigasi Anda.

contoh navigasi situs yang jelas

Sejumlah studi peta panas telah menunjukkan bahwa navigasi biasanya merupakan salah satu area situs web yang pertama dan paling banyak dilihat. Tetapi di luar kategori tipikal, apa yang harus Anda sertakan? ?

Menurut sebuah studi oleh Business Insider tentang mengapa orang meninggalkan keranjang belanja, 25% orang menyatakan bahwa “situs web terlalu rumit” (yaitu navigasi sulit digunakan), dan hampir 60% mencatat “biaya tersembunyi” (yaitu biaya pengiriman ) sebagai alasan utama mereka pergi tanpa pa ying .

bagan yang menunjukkan mengapa pembeli pergi tanpa membayar di toko e-niaga
Biaya tersembunyi dan situs web yang rumit adalah dua alasan utama mengapa pengguna meninggalkan situs web tanpa membayar.

Dalam studi berbeda oleh eConsultancy, pengunjung yang ditanya tentang membeli dari situs e-niaga yang tidak dikenal mencatat bahwa "desain profesional", "situs berisi merek terkenal", dan "memiliki info kontak yang terlihat" semuanya memengaruhi keputusan mereka untuk membeli (atau tidak ).

hasil studi tentang berbelanja dengan pengecer yang tidak Anda ketahui.

Dilakukan dengan baik, navigasi situs dapat mencakup beberapa atau semua hal yang, jika tidak ada, membuat pengunjung enggan membeli.

Lihat saja seberapa banyak yang dikomunikasikan dalam navigasi salah satu situs favorit saya, ThinkGeek, tanpa pernah masuk ke konten situs:

navigasi situs yang menyampaikan banyak informasi berharga.

Tanpa harus berburu terlalu banyak, mudah ditemukan:

  • Sensitif terhadap waktu promosi;
  • Berbagai cara untuk menavigasi lebih dalam ke situs (kategori, minat, pencarian);
  • Produk Baru, Top, dan Eksklusif, serta petunjuk tentang produk yang mereka bawa (hadiah, t-shirt, elektronik, sertifikat hadiah);
  • Program hadiah;
  • Produk yang dijual;
  • Ambang batas “Pengiriman Gratis” mereka;
  • Ketersediaan dukungan pelanggan (melalui tombol “Obrolan Langsung” dan “Bantuan”).

Bandingkan dengan contoh ekstrem, seperti Zara, dan Anda akan melihat mengapa ini penting:

contoh navigasi minimalis

Studi Kasus: Alight meningkatkan pencarian situs 16% dan pembelian 25%

Peninggalan Tua

Alight (sekarang CurvyHQ) tahu bahwa situs mereka terasa kuno. Pengecer wanita ukuran plus membuat navigasi di seluruh situs mereka lebih modern.

Mereka meningkatkan ukuran bilah pencarian mereka, menghapus simbol kepercayaan, memasukkan kategori "penjualan" dan "baru" ke dalam area navigasi merah muda, dan mengklarifikasi proposisi nilai mereka, di antara pembaruan kecil lainnya.

navigasi beranda yang diperbarui dengan bilah pencarian

Hasilnya adalah peningkatan penelusuran situs sebesar 16% dan peningkatan pembelian keseluruhan sebesar 25%, semuanya dengan menjadikan navigasi sebagai bagian dari kesan pertama yang kuat.

Kesan pertama—di situs web atau di NBA—bisa bertahan selama bertahun-tahun.

Penelitian oleh ekonom Barry Staw dan Ha Hoang melihat dampak dari rancangan pesanan di NBA. Mereka mengamati karir pemain selama lima tahun setelah mereka direkrut. Lima tahun sudah cukup untuk membuktikan diri Anda dalam banyak hal, jadi draft order seharusnya tidak berperan, bukan?

Salah. Menurut penelitian, waktu bermain pemain berkorelasi dengan draft order mereka. Tim memberikan lebih banyak waktu bermain kepada pemain yang sangat terlatih dan mempertahankan mereka lebih lama, bahkan setelah mengontrol kinerja pemain di lapangan, cedera, status perdagangan, posisi bermain, dan faktor lainnya.

Setiap kenaikan nomor draft (yaitu mendapatkan draft kesembilan bukannya kedelapan) mengurangi waktu bermain sebanyak 23 menit. Hebatnya, draft order terus memprediksi waktu bermain melalui tahun kelima pemain di NBA, tahun terakhir yang diukur dalam penelitian ini. Pemain yang direkrut di babak pertama juga memiliki karir yang lebih panjang; mereka bermain selama 3,5 tahun lebih banyak dari yang lain.

contoh beranda yang membuat kesan pertama yang jelas dan kuat

Studi lain melihat ke dalam kegigihan kesan pertama. Ditemukan bahwa pengalaman baru yang bertentangan dengan kesan pertama menjadi "terikat" dengan konteks di mana mereka dibuat. Namun, kesan pertama masih mendominasi konteks lain.

Otak kita menyimpan pengalaman yang melanggar harapan sebagai "pengecualian terhadap aturan." Aturan (yaitu kesan pertama) diperlakukan sebagai valid kecuali untuk konteks tertentu di mana aturan itu dilanggar.

Takeaway utama: Jika kesan pertama negatif, mungkin merugikan pengguna terhadap Anda selama bertahun-tahun.

Kesimpulan

Daya tarik visual penting. Banyak. Saran saya: Jangan pernah mencoba menghemat uang untuk desain. Saya telah melihat berkali-kali bagaimana perombakan desain "sederhana" menghasilkan peningkatan konversi yang signifikan.

Orang-orang membentuk opini mereka tentang situs Anda dalam hitungan milidetik. Detik pertama di situs web Anda mungkin lebih penting daripada semua detik berikutnya (jika ada). Pastikan bahwa satu detik membuat kesan pertama yang hebat.