3 Cara Desain Web Anda Lebih Baik Bisa Terhubung Anda untuk Audiens Anda

Dalam rangka menciptakan desain web yang menghubungkan, Copyblogger Timbal Designer Rafal Tomal mengatakan kita perlu mencapai tingkat baru interaksi dengan penonton kami.

A+ A-

cinemagraph

Bagaimana orang mengenali desain web yang baik ?

Ada perbedaan besar antara desain yang baik dan buruk. Banyak orang dapat mengidentifikasi desain yang baik, tetapi mereka tidak tahu apa yang membuat perbedaan .

Kebanyakan orang tidak melihat website dan berpikir: situs yang telah cocok serif dan sans-serif font dan penggunaan bagus dari ruang putih!

Nggak. Hanya desainer berpikir bahwa.

Dalam kebanyakan kasus orang hanya merasa seperti ada sesuatu yang baik tentang hal itu. Mungkin font eye-catching atau mungkin yang warna cerah, tapi mereka tidak pernah benar-benar tahu pasti.

Ada sesuatu yang lebih untuk desain yang baik daripada membuat hanya terlihat benar.

Karena Anda bisa desain website Anda sesuai dengan semua aturan desain utama dengan presisi bedah ... dan orang-orang mungkin masih tidak menyukainya.

Bentuk, fungsi, dan nuansa

desain yang baik bukan hanya bagaimana sebuah situs web terlihat; itu cara kerjanya.

Namun sebuah situs web juga bukan mesin. Tidak ada basis kode sederhana atau resep untuk desain yang baik. Anda tidak bisa program itu, menghasilkan itu, atau entah bagaimana mengotomatisasi proses.

Itulah mengapa desain Anda membutuhkan sesuatu yang lebih.

Dalam rangka untuk membuat desain web yang menghubungkan, kita perlu untuk mencapai tingkat baru interaksi dengan penonton kami.

1. Desain untuk manusia

desain website Anda menciptakan kesan pertama dengan pengguna Anda, dan Anda ingin membuat interaksi mereka dengan situs Anda sebagai manusia-ramah mungkin. Tak seorang pun ingin disambut dan diperintahkan oleh robot.

Pembuatan website yang berpusat pada manusia berarti Anda sehingga mudah untuk digunakan dan tidak membuat orang menebak apa yang seharusnya mereka lakukan selanjutnya. Ini berarti bahwa Anda fokus desain Anda di sekitar tindakan masyarakat dan bagaimana pengunjung Anda mengharapkan website Anda untuk bekerja untuk mereka.

Anda dapat meningkatkan pengalaman pengguna di situs Anda dengan mudah memecahkan masalah-masalah umum yang lain akan mengambil waktu pengunjung Anda 'untuk mencari tahu.

Masalah yang paling umum bahwa pengunjung temukan di situs web yang dirancang buruk:

  • "Apakah itu diklik?"
    Semua unsur yang perlu interaksi dengan pengguna harus terlihat jelas atau menonjol dalam beberapa cara. Link dan tombol setidaknya harus ditandai dengan warna yang berbeda dari sisa dari isi tubuh.

  • "Dimana saya?"
    Pengunjung akan merasa kehilangan di website Anda ketika tata letak desain Anda tidak konsisten. Ketika orang tidak tahu ke mana harus pergi, mereka akan selalu menemukan jalan keluar.

    Anda tidak dapat memindahkan navigasi atau mengubah tata letak terlalu sering antar halaman. Anda harus menggunakan pola umum di seluruh situs sehingga pengunjung Anda dapat belajar antarmuka website Anda.

    Konsistensi adalah salah satu aspek yang paling penting dari sebuah website yang dirancang dengan baik.

  • "Saya tidak bisa membacanya!"
    Apakah konten Anda mudah dibaca? Jika tidak, teks Anda mungkin terlalu kecil atau warna kontras antara latar belakang dan warna teks mungkin tidak cukup jelas.

    Ingat bahwa Anda merancang tipografi website Anda untuk mata manusia.

    Jika audiens yang ditargetkan adalah sedikit lebih tua, Anda perlu membuat tipografi Anda lebih besar dan menambah kontras. Anda harus fokus pada kebutuhan pengguna Anda '; jangan khawatir jika tidak terlihat estetika untuk Anda lagi.

Tipografi

Ini adalah sepotong sampel konten dari Medium.com ditampilkan dalam dua versi yang berbeda. Anda dapat melihat ruang yang jelas antara garis dan kontras tinggi tipografi di sisi kanan. Di sebelah kiri Anda dapat melihat konten yang sama dan jenis font tapi dengan jarak yang salah jalur, ukuran font kecil, dan kontras rendah. Anda dapat dengan jelas melihat mana yang lebih mudah dibaca.

Luangkan waktu untuk mengenal pengunjung khas Anda dan mempelajari perilaku mereka di website Anda. Cari pertanyaan umum dan masalah, dan mencoba untuk menyelesaikannya.

Pastikan website Anda dapat digunakan oleh pengunjung yang penting bagi Anda. Lupakan tentang membuat desain Anda datar atau menggunakan warna mewah jika itu tidak bekerja untuk orang-orang Anda.

2. Desain untuk emosi

Emosi memiliki pengaruh besar pada sebagian besar keputusan kita. Oleh karena itu, kita tidak bisa mengabaikan emosi saat merancang website.

Itu semua hal ketika datang ke perasaan orang. Dengan menggunakan font tertentu, bentuk, ikon, foto, atau warna kita dapat mempengaruhi cara orang merasa tentang produk, layanan, atau merek.

Anda dapat melihat merek besar bermain dengan emosi kita sepanjang waktu. Lihat saja perusahaan seperti Apple, Target, atau Starbucks.

Desain produk adalah pasti salah satu faktor utama dalam keberhasilan Apple. Apple menghabiskan banyak waktu dan uang memastikan produk mereka terlihat ramping, seksi, dan modern.

img-apple-produk

Ini juga bukan hanya cara produk terlihat, tapi cara kerjanya dan rasanya ketika Anda menggunakannya. Sebagian besar produk Apple memiliki halus, permukaan yang bagus-untuk-touch dan sudut bulat konsisten. Rasanya baik, kan?

Jadi, bagaimana Anda dapat menggunakan desain emosional?

  • Memberikan merek Anda jiwa.
    Pilih salah satu emosi Anda ingin orang merasa tentang merek Anda atau website, kemudian fokus pada itu dan konsisten.

    Apakah Anda ingin website Anda berada di, sisi humoris cahaya-hati? Kemudian gunakan warna menyenangkan, bentuk halus, karakter lucu, dan menggabungkannya dengan lelucon ringan seluruh tempat.

    Tapi katakanlah Anda menjalankan sebuah blog tentang mobil sport. Anda ingin orang untuk mengasosiasikan dengan merek Anda, sehingga Anda perlu untuk membuat mereka merasa keren tentang hal itu. Anda mungkin ingin membuat desain Anda ramping, modern, seksi, dan menggunakan warna kuat seperti merah.

    Anda tidak akan ingin menggunakan warna-warna pastel yang cerah atau Font Comic Sans karena itu akan mismatch desain Anda dengan rasa penggemar mobil sport.

    Mailchimp

    Mailchimp adalah salah satu website yang memiliki gaya yang unik dan karakter. Sebuah kartun simpanse maskot lucu membawa humor ke situs dan membangkitkan mood positif.

  • Mengejutkan pengunjung Anda.
    Apakah Anda ingin mendapatkan perhatian? Orang mengingat hal-hal yang lebih baik dan lebih memperhatikan ketika perasaan mereka terkait dengan itu. Mengejutkan pengunjung Anda dengan membuat sesuatu yang tak terduga tapi positif.

    Misalnya, menunjukkan "Terima kasih" pesan pada tindakan sederhana, membuat menarik parallax scrolling efek, atau mempekerjakan animasi ketika kursor melayang di atas beberapa elemen.

    dangelicoguitars.com

    Dangelicoguitars.com menggunakan efek parallax scrolling dan halaman yang dirancang khusus untuk mengejutkan pengunjung mereka dan membuat menjelajahi website yang sangat menarik.

  • Berikan permen anak-anak Anda ketika mereka menangis.
    Bagaimana orang merasa ketika mereka pergi ke sebuah situs web dan itu tidak bekerja atau mereka mendapatkan halaman 404? Mereka mungkin merasa bingung, kecewa, atau frustrasi.

    Anda pasti tidak ingin orang merasa seperti itu. Anda dapat memperbaikinya dengan membuat 404 halaman lucu atau menyiapkan halaman kustom Anda sendiri jika situs Anda tidak aktif karena beberapa pekerjaan pemeliharaan.

    Membuat orang tersenyum ketika ada masalah, dan membuat mereka sibuk ketika mereka harus menunggu.

    404 halaman

    Halaman 404 Anda tidak harus membosankan. Jadilah kreatif, menulis sesuatu yang lucu, atau menyarankan langkah lain yang harus diambil.

  • Tetap positif.
    Ini adalah aturan umum praktis: membangkitkan perasaan hanya positif. Anda tidak pernah ingin mengasosiasikan perasaan buruk dengan merek Anda (kecuali yang benar-benar tujuan Anda dan Anda tahu apa yang Anda lakukan).

    Cobalah untuk menggunakan ikon positif seperti tanda centang, wajah smiley, dan tanda-tanda acungan jempol. Anda juga mungkin ingin mengasosiasikan perasaan positif dengan tindakan yang diinginkan pada website Anda. Sebagai contoh:

    • Tampilkan wajah tersenyum (reward) setelah menyelesaikan tugas
    • Gunakan hijau "add to cart" tombol
    • Tampilkan tanda centang untuk benar mengisi kolom formulir
    • Gunakan progress bar dalam bentuk multi-halaman

    keranjang belanja Photojojo ini

    icon keranjang belanja Photojojo ini berubah menjadi hijau dengan wajah tersenyum ketika Anda mengklik "add to cart" tombol. Itu membuat seluruh pengalaman belanja lebih menyenangkan.

3. Desain untuk menceritakan sebuah cerita

Usia membuat halaman rumah terlihat seperti dashboard pesawat berakhir. Kami menghindari overusing tombol, panggilan untuk bertindak, dan semua gangguan lainnya hari ini.

Peran baru desain website adalah untuk bercerita .

Bayangkan sebuah halaman buku komik. Anda dapat melihat berbagai ukuran strip dan ilustrasi untuk membuat cerita lebih menarik. Ini dirancang untuk mendapatkan perhatian Anda, membuat Anda tertarik, mengejutkan Anda, menakut-nakuti Anda, membuat Anda tertawa ... dan ini dicapai dengan narasi hanya baik dan gambar.

situs web Anda dapat menceritakan kisah terlalu:

  • Merancang tata letak yang meningkatkan menjelajahi.
    Cobalah untuk menjaga konten halaman Anda dalam narasi yang tepat dan ketertiban progresif. Menggunakan desain vertikal sederhana untuk memudahkan gerakan mata visual dan aliran.

    Anda mungkin ingin memulai dengan judul eye-catching baik dan deskripsi sederhana di atas flip. Kemudian, memberitahu pengunjung tentang fitur terbaik, menunjukkan cerita klien Anda, daftar orang-orang yang menggunakan jasa atau produk, dan akhirnya menyebabkan satu - dan hanya satu - panggilan untuk bertindak ( dan mengoptimalkannya ).

    Membagi konten Anda menjadi bagian-bagian, tapi pastikan ada hubungan yang jelas antara mereka. Dengan cara ini pengunjung Anda dapat membacanya seperti kisah nyata, tanpa jeda atau istirahat.

    Juga ingat untuk memiliki keseimbangan visual yang baik, baik secara horizontal maupun vertikal. Biarkan mata pembaca Anda 'lancar bergerak dari kiri ke kanan. Jika satu bagian yang kiri berat, membuat satu-kanan lainnya terfokus, dan sebaliknya.

    fitur Kejadian

    Kami diilustrasikan semua fitur kerangka Kejadian untuk membuat browsing halaman ini lebih menarik dan meningkatkan menjelajahi.

  • Gunakan berbagai elemen konten untuk membuat pengunjung tertarik.
    Pastikan cerita Anda menarik. Anda dapat menggunakan elemen interaktif yang berbeda seperti tab, slider, dan animasi bergulir untuk menjaga pengguna Anda bergerak di bidang eksplorasi website Anda.

    Hindari menggunakan paragraf panjang dan membosankan teks. Anda dapat memotong mereka ke dalam bagian-bagian yang lebih kecil didukung dengan video, grafis, dan ilustrasi. Atau Anda dapat memperkenalkan beberapa organisasi dan membuat daftar bullet, yang selalu lebih mudah bagi mata untuk membaca.

    Jangan takut untuk mengubah warna latar belakang antara bagian halaman. Hal ini memungkinkan Anda untuk memanipulasi keseimbangan dan dapat mendorong bergulir jika warna latar belakang berada dalam urutan tertentu.

  • Mendorong tindakan.

    Setiap cerita memiliki ending. Masukan panggilan utama Anda untuk bertindak di akhir cerita Anda, sehingga orang dapat mengambil langkah berikutnya.

    Pastikan aliran vertikal halaman mengarah pengunjung yang tepat untuk panggilan terakhir untuk bertindak. Anda mungkin ingin membuatnya lebih menonjol daripada unsur-unsur lain, dengan judul atau teks tombol yang terlihat seperti kelanjutan dari cerita Anda.

Jadi, apa langkah selanjutnya?

Selalu ada begitu banyak yang dapat kita lakukan untuk meningkatkan desain website kami. Saya mendorong Anda untuk mengambil satu langkah lebih lanjut. Pergi lebih dalam di belakang layar.

Anda tidak pernah bisa salah dengan hanya mengurus pengunjung dan meningkatkan pengalaman mereka. Pertimbangkan perasaan mereka dan menambahkan lebih masuk akal untuk konten website Anda dengan merancang cerita yang bagus.

Apa satu perubahan desain yang sederhana Anda bisa membuat hari ini yang akan meningkatkan pengalaman pengguna Anda 'di situs web Anda?

Flickr Creative Commons cinemagraph oleh mendhak