25+ Prinsip Desain Web Modern untuk Konversi Lebih Tinggi

Dari kebanyakan situs di luar sana, merumuskan yang efektif bisa menjadi tugas yang membosankan. Ingatlah bahwa konsumen menginvestasikan waktu mereka untuk berbelanja/memesan di situs eCommerce, pembelajaran, pendidikan, dan tentu saja, rekreasi. Oleh karena itu, mudah untuk mengusir seseorang yang secara tidak sengaja mendarat di situs yang dirancang dengan buruk. Sekaranglah waktunya untuk menerapkan prinsip-prinsip berkelanjutan untuk merevisi atau membuat situs yang bagus. Di sini kita akan menjelajahi prinsip-prinsip desain web modern.

Desain web adalah seni kreatif tetapi mengikuti beberapa pedoman untuk hasil yang ideal. Agar bisnis online Anda berhasil, Anda memerlukan situs web yang dirancang dengan baik. Situs yang dapat dinavigasi, menarik secara visual, dapat diakses, dan memberikan informasi yang relevan. Merancang situs web mungkin sedikit lebih rumit karena beberapa opsi desain web. Namun, kita sering mengabaikan prinsip-prinsip desain web modern sehingga berakhir dengan desain yang buruk. Berikut adalah prinsip desain web teratas yang akan membuat situs Anda lebih mudah digunakan, menarik, menarik, dan lebih efektif. Mari kita lihat apa yang perlu kita lakukan untuk mencapai ini…

#1. Apa yang Anda coba capai?

Pesan situs dan ajakan bertindak (CTA) sangat penting untuk memenuhi tujuan Anda secara keseluruhan. Tujuan Anda bisa apa saja mulai dari pemasaran pembelian, berbagi latar belakang atau pelatihan Anda. Tarik perhatian orang dengan frasa yang menarik atau dalam beberapa kalimat – apa yang sebenarnya Anda lakukan. Proses ini tidak spontan melainkan harus direncanakan secara koheren sesuai dengan tujuan Anda. Satu set metodis dari materi kemudian terjadi. Anda dapat menegaskan kembali ini dengan menghitung audiens target Anda, menganalisis informasi yang diperlukan, dan bagaimana Anda akan menyajikannya. Memahami demografi dan sanggahan akan memandu pembuatan situs Anda.

Taktik pemasaran tertentu dapat membantu Anda mengungguli pesaing Anda, sementara desain Anda memiliki arti yang luas. Menyampaikan konten yang menarik secara visual dan menarik akan memproyeksikan situs Anda dalam cahaya yang bersinar. Ini secara kolektif mengumpulkan lebih banyak pengunjung dan menambah nilai pada merek Anda! Inilah yang disebut sebagai prinsip desain web.

#2. Konten menyampaikan makna

Konten tertulis Anda dan kerangka materi keseluruhan harus benar-benar menambah nilai ke situs Anda. Itu harus melengkapi merek Anda dan terdiri dari bahasa alami yang menarik sekaligus dapat dipahami. Itu harus logis namun ringkas. Prosa Fidelity akan mendorong CTA terpandu bersama dengan implementasi SEO menyeluruh. Tulis dengan cara percakapan dengan kata kunci untuk memberi tahu audiens Anda tentang sesuatu yang bermakna. Terapkan konten nyata sejak awal untuk pemahaman yang lebih baik agar tetap fokus selama proses berlangsung.

#3. Visual mempertahankan keterlibatan

Semua aspek desain perlu menyerap dan menampilkan citra merek Anda. Baik itu citra dalam bentuk gambar, grafik, atau bahkan video, semuanya memoderasi konten teks yang tersisa. Jeda ini membantu mata pemirsa untuk benar-benar bernafas, bukannya dibanjiri dengan prosa yang terus menerus dan semakin monoton. Gambar figuratif atau idealis adalah cara yang bagus untuk memulai, sementara transisi animasi dan efek gulir yang diaktifkan menarik minat dan rasa ingin tahu untuk melanjutkan penelusuran. Dengan meningkatkan tingkat retensi, aksesibilitas setiap halaman web dapat dimanfaatkan sepenuhnya untuk keuntungan seseorang, mempromosikan pengalaman interaktif.

Terlepas dari gaya merek, visual harus menghidupkan desain Anda dan membuat hunian mereka berharga. Hampir semua jenis domain bisnis dapat menjadi kreatif dengan ini sambil tetap relevan. Ingatlah bahwa ini harus memiliki kesetiaan yang tinggi dan rapi (mengambil prinsip-prinsip desain web yang baik). Menyebarkan gambar-gambar ramah warna dengan resolusi tajam dan tajam yang diskalakan dengan tepat selalu membuat kombinasi yang unggul bagi pelanggan.

#4. Desain sinkron bersinar

Semua aspek pengeluaran Anda harus diselaraskan, termasuk pengkodean HTML dan CSS. Desain sinergis dalam hal ukuran, bentuk, dan lokasi, semuanya menyatukan tujuan yang sama. Ini mempromosikan pengalaman pengguna, karena bahkan satu inkonsistensi dapat membuat siapa pun pergi, membuat semua upaya Anda yang lain sia-sia. Anda juga tidak ingin pengunjung terpental, mengganggu kemungkinan peringkat Google yang lebih tinggi?

Desainer yang ideal menciptakan fitur ergonomis dan menerapkan font, visual, dan jalur navigasi yang menarik. Ini semua kemudian disinergikan namun seimbang untuk menghindari audiens yang berlebihan dan mempertahankan fokus pada poin utama.

Aksesibilitas dan bobot setiap elemen merupakan aspek penting untuk situs yang dibuat dengan baik, bersama dengan tema umum. Prinsip desain web yang efektif membantu menyinkronkan semua elemen, menghasilkan mahakarya terpadu. Panduan merek dan panduan gaya hidup keduanya merumuskan konten yang menjelaskan pengalaman visual, terjalin dengan modifikasi yang dapat dikonfigurasi dan instan.

#5. Tipografi menguraikan kesan

Tipografi menyalurkan pikiran Anda dengan kata-kata, gaya karakter, dan bentuk. Ini menyampaikan makna yang lebih dalam secara visual. Font harus sesuai dengan aplikasi dan nada desain. Tipografi kursif cocok untuk judul atau tujuan dekoratif, namun tidak cocok untuk teks yang banyak.

Font yang tidak pantas dapat meremehkan konten yang signifikan – terutama ketika faktual, karena nada suara itu penting! Desain bisa konvensional atau dipersonifikasikan. Bacaan yang lebih panjang biasanya mendapat manfaat dari gaya standar sebelumnya, sedangkan yang terakhir harus diterapkan dengan hati-hati, jika tidak hemat. Intinya adalah bahwa teks Anda harus selalu tetap dapat dibaca, apa pun font yang Anda gunakan. Untuk situs web yang hebat, Anda memerlukan UI situs web yang hebat. Dan untuk membangun UI situs web yang hebat, Anda memerlukan font terbaik. Karena itu gunakan font tato untuk membuat situs web Anda lebih menarik.

#6. Atur untuk menyatukan

Konten harus koheren dan dikategorikan, mengarahkan pembaca Anda ke ringkasan yang mapan, mengikuti secara berurutan. Ini hanyalah salah satu dari banyak prinsip desain web terbaik. Setiap kalimat perlu memperluas merek dan tujuan Anda untuk membuat semua orang tetap terlibat. Tag tajuk memerlukan penerapan untuk mengatur konten dan membantu perayap web dalam menentukan peringkat situs Anda untuk pencarian web. Jika Anda tidak memiliki semua konten final sebelum membuat desain, Anda masih dapat menerapkan header sebagai perancah untuk kreasi Anda. Ini juga berlaku untuk elemen visual dengan mendefinisikan bagian dengan gambar dan grafik yang mendukung konten tertulis yang ada.

#7. Keseimbangan ruang putih

Ruang putih, tombol, dan elemen desain visual lainnya membantu gambar dan konten disorot dan mempertahankan keefektifannya (hampir mirip dengan tanda baca virtual). Ini juga disebut sebagai 'ruang negatif' dan membentuk elemen penting dari setiap desain fungsional. Jangan lupa apa prinsip-prinsip desain web dan bagaimana penerapannya dapat meningkatkan situs Anda.. Tulisan Anda benar-benar dapat menjadi berbelit-belit tanpa ini.

#8. Prioritas visual membuat aksesibilitas menjadi mudah

Hirarki visual navigasi situs Anda seharusnya memungkinkan Anda mengakses konten dengan mudah. Jelas, tidak ada konten yang boleh diabaikan, namun bilah menu tarik-turun, tombol, dan tautan internal tanpa henti akan membingungkan orang. Rute dan konten bagian situs Anda harus ringkas dan nyaman untuk dioperasikan. Ini hanya beberapa prinsip desain untuk situs web. Terkadang lebih sedikit pilihan adalah yang terbaik!

#9. Jujur

Beberapa merek beroperasi pada satu prinsip ini saja – cukup proyeksikan produk atau layanan Anda sebenarnya (apa yang Anda lihat adalah apa yang Anda dapatkan). Ini memberdayakan dirinya sendiri. Jadilah otentik dan sertakan materi nyata plus ulasan, jika tidak, konsumen akan melihatnya dan pergi. Integritas membawa banyak nilai dan sayangnya diremehkan.

#10. Desain responsif

Ini mendasari dasar-dasar pembuatan situs yang harus kompatibel dengan perangkat apa pun (baik itu tipe tetap atau seluler) – terlepas dari ukuran tampilan. Dukungan ekstensif dengan semua rasio aspek (tinggi/lebar) ini sangat penting, terutama dengan peningkatan penggunaan ponsel cerdas dan akses berikutnya. Dengan munculnya penjelajahan seluler, Anda harus mengambil tanggung jawab untuk menyediakan situs yang memenuhi kebutuhan ini. Perangkat keras merek dan OS harus agnostik untuk memenuhi kebutuhan setiap pengguna. Mengapa ada demografis yang terpinggirkan atau dirugikan dengan cara ini?

Aspek meliputi:

• Pengoptimalan gambar
• Jadikan tombol dapat diklik pada layar yang lebih kecil untuk ergonomi yang lebih baik
• Rancang beberapa prototipe
• Coba prioritaskan fondasi berbasis seluler sebagai kerangka kerja untuk dibangun

Untuk desain yang ideal, mengapa tidak mencoba pendekatan modular ini:
Pahami →Jelajahi →Prototipe →Evaluasi

Untuk bekerja pada protokol khusus seluler, penuhi yang berikut:

• Mengompresi materi dan menyoroti info penting di layar
• Ukuran font yang sesuai
• Elemen interaktif yang ditingkatkan
• Menilai pelanggan dengan mengungkapkan keinginan Anda untuk mereka
• Client Squish Media (pertahankan rasio aspek selama pembuatan)

Aplikasi desain seluler responsif yang patut dicontoh adalah Towards Data Science.

#11. UI ergonomis

Antarmuka pengguna adalah apa yang pengguna berinteraksi dengan sistem - kulit yang mereka lihat dan rasakan. Ini menghubungkan sistem ke pengguna. UI yang dirancang dengan baik mendorong keterlibatan lebih lanjut, retensi, kunjungan kembali, dan tentu saja, durasi yang dihabiskan. Adalah tanggung jawab desainer untuk menghidupkan pengeluaran ini dan membuatnya tetap sederhana. Berikut beberapa panduan tentang cara mencapainya:

• Manfaatkan semua ruang dengan baik
• Terapkan font dan warna yang stabil
• Hilangkan konten yang berlebihan
• Menahan diri dari informasi berurutan tanpa henti

Untuk membuat sesuatu menjadi intuitif, hubungkan dengan pengalaman pengguna sendiri. Desain analogi bersama dengan pertanyaan-pertanyaan ini sebelum melakukannya akan membantu:

• Siapa yang akan menjadi pengguna?
• Jenis pekerjaan apa yang akan Anda lakukan?
• Di mana (pada tahap mana) interaksi akan berlangsung?

Anda perlu mengoptimalkan interaksi yang dimiliki pengguna dengan produk mereka, agar sesuai dengan aktivitas dan persyaratan mereka. Misalnya, Gmail konvensional Google memiliki desain yang kuat yang memungkinkan Anda untuk mengidentifikasi setiap fungsi dari jarak jauh sesuai dengan simbol yang dilambangkan (bukan judul teks atau tag). Oleh karena itu Anda dapat melakukan hal yang sama untuk situs Anda juga.

# 12. Performa: responsif kilat

Jadilah cerdas dan terapkan situs cepat tanpa hambatan untuk mempertahankan pelanggan. Gunakan alat yang tersedia secara komersial untuk mengukur kecepatan situs Anda, seperti Alat Pingdom. Sebelum memperbarui, Anda dapat dengan tepat mengisolasi hambatan apa pun (mungkin halaman atau bagian tertentu) dan memperbaikinya sesuai dengan hasil yang dikembalikan. Teknik meningkatkan kinerja meliputi:

• Kompresi file dan pengoptimalan gambar
• Gunakan teks sebagai pengganti daripada gambar yang berlebihan
• Minimalkan permintaan HTTP

# 13. Menahan diri dari 'Peringatan/Dialog' yang tidak perlu

Jangan pernah membanjiri pengguna dengan dialog yang tidak berguna sebagai tanggapan atas pelaksanaan tindakan situs apa pun (misalnya dengan asumsi bahwa pengunjung mencoba melakukan pembayaran). Hanya tampilkan pemberitahuan tersebut ketika ada transaksi yang sebenarnya (tidak berhasil) dilakukan. Hindari selama memasukkan rincian pembayaran dan hanya fokus untuk menginformasikan atau mengingatkan mereka tentang suatu hasil. Sangat ideal untuk meminta persetujuan mereka sebelum melakukannya dengan pesan apa pun.

Perhatikan:

• Hanya sertakan info yang relevan dalam peringatan untuk menjadikannya bermanfaat & jika tidak, hapus jika tidak diperlukan
• Jangan mengirim spam kepada pengguna dengan peringatan seperti itu atau menjebak mereka secara efektif dalam satu lingkaran

#14. Cobalah untuk mengurangi kesalahan 404 atau 500

Saat mendesain situs, lakukan dengan semua halaman, fitur, dan fungsionalitas. Ini menghindari tautan dan gambar yang rusak, fitur yang tidak lengkap, dan banyak lagi. Secara khusus, situs tidak boleh memiliki kesalahan 404 atau 500 dan tautan yang rusak harus memiliki halaman 404 yang layak. Jelas, cobalah untuk menghindari kejadian ini dengan cara apa pun, namun, ini setidaknya akan mengimbangi kerusakan apa pun (agak). Situs GitHub misalnya sangat ideal dengan 404 animasi dan permintaan maafnya.

Rancang halaman sedemikian rupa sehingga meskipun pengguna mendarat di halaman kesalahan 404, mereka perlu menavigasi dan kembali ke beranda, misalnya. Memberi mereka pilihan alternatif adalah jalan keluar terbaik.

#15. Ramah seluler

Saat ini, situs dapat diakses dari beberapa perangkat dan ditampilkan menggunakan beberapa ukuran layar, oleh karena itu pengoptimalan seluler dan ergonomi adalah kuncinya. Anda harus mendesain ulang situs Anda dengan tata letak responsif (untuk penyesuaian otomatis ke berbagai lebar layar). Atau, buat situs seluler khusus yang tidak bergantung pada versi desktop dan hanya dioptimalkan untuk perangkat seluler.

#16. Tempatkan Ajakan Bertindak Di Mana Pengunjung Dapat Dengan Mudah Melihatnya

Pengguna seluler dapat dengan mudah mengabaikan item menu, oleh karena itu, letakkan tombol ajakan bertindak secara strategis di tempat yang dapat mereka lihat dengan mudah. Saat pengguna masuk ke situs Anda, mereka biasanya memiliki tugas khusus untuk diselesaikan. Mereka dapat lebih mudah menyelesaikan tugas di situs web yang menampilkan tombol ajakan bertindak (seperti melakukan pembayaran, menemukan agen, atau masuk) di badan utama. Tugas kecil dapat diakses melalui menu.

#17. Hindari Menu Panjang

Menu yang panjang mungkin berfungsi dengan baik untuk situs desktop, namun pengguna ponsel mungkin kurang sabar untuk menelusuri daftar opsi yang luas untuk menemukan apa yang mereka cari. Buatlah manis dan sesingkat mungkin.

#18. Seharusnya Lebih Mudah Untuk Kembali ke Halaman Beranda

Ketika pengunjung menavigasi melalui situs web, mereka membutuhkan cara mudah untuk kembali ke halaman beranda. Misalnya, mereka mungkin ingin memulai sesi penjelajahan baru atau kembali untuk melakukan pencarian lain. Anda harus memungkinkan pengunjung diarahkan kembali ke halaman beranda saat mereka mengetuk logo di bagian atas halaman web.

#19. Jangan Biarkan Iklan Mencuri Pertunjukan

Terlalu banyak iklan dan promosi dapat mengganggu. Mereka dapat menutupi konten web yang berdekatan, dan mempersulit pelanggan untuk menyelesaikan tugas. Misalnya spanduk iklan yang lebih besar dapat mengalihkan perhatian pengguna dan bahkan membuat mereka kehilangan tombol navigasi, sehingga menyulitkan mereka untuk mengakses layanan lain. Anda dapat menggunakan spanduk iklan yang mudah ditutup agar tidak mengalihkan pengunjung dari pengalaman.

#20. Jadikan Bilah Pencarian Situs Terlihat

Pengguna yang mencari informasi tertentu biasanya beralih ke bilah pencarian – jadi bilah pencarian harus terlihat jelas. Anda harus memposisikan bilah pencarian di bagian atas halaman beranda Anda.

#21. Hasil Pencarian Situs Web Harus Relevan atau Memandu Klien Potensial Untuk Hasil Pencarian Situs Web yang Lebih Baik

Hasil pencarian harus relevan, memberikan solusi terbaik kepada klien sehingga mereka tidak perlu menelusuri beberapa halaman untuk menemukan apa yang mereka cari. Buat hidup lebih mudah bagi pengunjung dengan menawarkan fitur pencarian cerdas modern seperti pemeriksa ejaan, pelengkapan otomatis, dan menyediakan kecocokan terkait dan menyarankan istilah pencarian.

Untuk situs web yang melayani beragam segmen klien, sebaiknya ajukan beberapa pertanyaan kepada pengunjung sebelum mereka melakukan penelusuran untuk memastikan mereka mendapatkan hasil dari segmen konten yang bagus. Misalnya, pengecer pakaian besar dapat mengizinkan pengguna untuk memulai pencarian mereka dengan meminta mereka memilih jenis kelamin dan ukuran pakaian yang mereka cari.

#22. Gunakan Filter untuk Membantu Pengguna Mempersempit Hasil Mereka

Banyak pengunjung mengandalkan filter untuk melakukan pencarian dan benar-benar meninggalkan situs yang tidak mengurangi volume. Oleh karena itu, pertimbangkan untuk menyediakan filter yang mudah digunakan kepada pengguna untuk membantu mereka mendapatkan hasil yang relevan dalam waktu singkat. Selain itu, jangan mengubur filter di bagian bawah halaman web. Pengguna tidak perlu menggulir ke bawah ke akhir hasil pencarian sebelum mereka dapat memfilter lagi.

#23. Kurangi Waktu Pemuatan

Tidak ada yang menyukai situs yang membutuhkan waktu lebih lama untuk memuat. Anda dapat membuat halaman web Anda memuat lebih cepat dengan mengoptimalkan ukuran gambar, menggabungkan kode ke dalam file JavaScript atau menggunakan CSS pusat (ini meminimalkan permintaan HTTP sehingga mempercepat waktu muat.

#24. Jadikan itu ramah pengguna

Saat ini orang mengakses situs menggunakan beberapa perangkat dengan ukuran layar yang berbeda, jadi sangat penting untuk membuat situs Anda ramah untuk perangkat pencarian. Jika situs Anda tidak ramah untuk perangkat pencarian, Anda dapat membangunnya kembali menggunakan tata letak responsif (ini salah satu prinsip desain web terbaru) sehingga dapat disesuaikan dengan ukuran layar yang berbeda atau membuat situs web seluler khusus (situs seluler terpisah situs yang dioptimalkan khusus untuk klien seluler).

Menavigasi situs harus lebih mudah. Inilah yang memungkinkan pengguna untuk dengan cepat melihat informasi tambahan seperti halaman atau tautan tanpa tersesat atau frustrasi.

#25. Pilih Warna yang Tepat

Pastikan bahwa kombinasi warna yang Anda pilih menyenangkan untuk dilihat. Penggunaan warna yang tepat meningkatkan pengalaman pengguna. Beberapa warna dapat membuat mata pengguna tegang sehingga mempersulit mereka untuk bernavigasi. Warna kontras bagus untuk teks isi dan latar belakang karena membuat membaca lebih mudah. Yang saling melengkapi menciptakan keseimbangan yang sempurna. Warna-warna cerah tidak dianjurkan karena mereka menciptakan emosi, namun mereka dapat digunakan dengan hemat (misalnya untuk tombol ajakan bertindak). Ruang putih efektif untuk memberikan tampilan yang rapi pada situs.

Sebagai prinsip umum, Anda harus menghindari menempatkan teks berwarna terang pada latar belakang gelap. Warna latar belakang situs web Anda harus sedikit lebih terang daripada teks agar lebih mudah dibaca.

Selain itu, gunakan ukuran dan gaya font yang tepat. Pilih teks dan ukuran font yang mudah dibaca. Situs dengan teks yang tidak dapat dibaca dan kombinasi warna yang buruk membuat pengguna enggan untuk kembali.

#26. Gunakan gambar berkualitas tinggi

Memilih foto yang tepat untuk situs Anda berguna dalam hal penentuan posisi merek dan menarik audiens target Anda. Anda dapat mempertimbangkan untuk membeli gambar profesional berkualitas tinggi untuk meningkatkan tampilan situs Anda. Juga pertimbangkan untuk menggunakan video, grafik, dan info-grafik, karena ini lebih efektif dalam berkomunikasi.

#27. Gabungkan widget media sosial

Gunakan widget media sosial untuk menghubungkan situs web Anda dengan lebih banyak pengguna. Mengizinkan akses melalui Twitter, Facebook, Instagram, dan platform media sosial lainnya memberi pengunjung lebih banyak opsi untuk mengakses situs web Anda.

Mengembangkan dan merancang situs yang efisien membutuhkan lebih dari sekadar pengumpulan informasi. Itu harus mudah diakses, menarik secara visual, menarik dan lebih mudah digunakan. Penerapan Prinsip Desain Web oleh seorang desainer web profesional dapat menyelesaikan beberapa masalah yang menjadi penghambat keberhasilan bisnis online Anda.

Wawasan para ahli tentang tren dan strategi desain web modern

Alex Cohan

Pendiri & CEO Offen

Jangan takut untuk mengambil inspirasi dari desain yang sudah kamu sukai

Jelas ada batas antara terinspirasi dan menyalin, tetapi mencatat hal-hal tertentu yang dilakukan dengan benar bukanlah kejahatan. Palet warna merek, misalnya, mungkin merupakan kombinasi yang luar biasa, tetapi Anda tidak akan mengambil warna yang tepat dan menerapkannya pada desain Anda. Sebaliknya, Anda dapat melihat hubungan antara warna dan menentukan apa yang membuatnya bekerja sama dengan sangat baik.

Sampaikan tujuan utama Anda secepat mungkin

Anda hanya memiliki beberapa detik untuk menarik perhatian seseorang di situs web Anda. Banyak orang bahkan tidak akan mencapai bagian bawah beranda Anda jika mereka merasa tidak menemukan apa yang mereka cari. Apa pun saus spesial Anda, beri tahu pengguna sesegera mungkin.

Dapatkan umpan balik

Situs web Anda tidak tepat untuk Anda; Ini untuk audiens/pelanggan Anda. Seperti halnya produk apa pun, dapatkan umpan balik dari orang lain saat Anda membuatnya untuk memastikannya menarik dan efektif seperti yang Anda yakini. Cara terbaik untuk mempelajari produk Anda sendiri adalah dengan membagikannya kepada audiens target Anda dan melihat mereka berinteraksi dengannya tanpa bantuan apa pun dari Anda. Anda bisa melihat mereka terjebak pada sesuatu atau benar-benar melewatkan fitur/bagian yang Anda terapkan. Desain terbaik tidak selalu datang pada percobaan pertama.

Stacy Caprio

Pendiri Her.CEO

Desain untuk Seluler Pertama

Salah satu tip desain web adalah mendesain untuk seluler terlebih dahulu. Cobalah untuk merancang antarmuka seluler yang juga dapat Anda gunakan di desktop dan perangkat lain. Mendesain situs Anda dengan mempertimbangkan seluler akan memungkinkan pengalaman pengguna yang lebih bersih dan lebih mudah, dan memungkinkan Anda hanya perlu mendesain satu situs web yang dapat Anda gunakan di semua perangkat. Saat Anda memiliki terlalu banyak tab, tautan, dan elemen desain gila di situs Anda, navigasi menjadi sulit di desktop, dan tidak mungkin dinavigasi di seluler. Seringkali ponsel akan memotong tab atau elemen desain lainnya agar tidak terlihat saat seseorang menggunakan ponsel, itulah sebabnya desain sangat penting agar semuanya berfungsi dengan sempurna saat diakses di ponsel. Ketika semuanya bekerja dengan baik dan terlihat bagus di seluler, biasanya juga berfungsi dengan baik dan terlihat bagus di desktop, namun, sebaliknya tidak demikian, itulah mengapa sangat penting untuk mendesain untuk seluler terlebih dahulu.

Pertahankan Warna Sederhana

Palet warna adalah sesuatu yang dapat membuat atau menghancurkan tampilan dan nuansa situs bagi pengunjung. Jangan mencoba menjejalkan terlalu banyak warna atau terlalu banyak pola. Jangan hanya warna-warna cerah yang berbenturan. Ketika sebuah situs tidak memiliki ruang putih dan hanya warna super cerah, itu bisa membuat pengunjung merasa kewalahan dan bingung. Inilah sebabnya mengapa Anda harus memilih dua warna utama yang cocok satu sama lain dan memastikan keduanya menambah nuansa keseluruhan situs web tanpa mengganggu. Melakukan ini adalah cara terbaik untuk memastikan pengunjung tidak terganggu atau kewalahan, dan mendapatkan perasaan yang baik ketika mereka datang ke situs Anda. Memilih lebih sedikit warna daripada terlalu banyak juga membantu situs Anda memiliki nuansa yang lebih tenang, lebih koheren, dan membuat pengunjung tetap fokus pada pesan situs Anda dibandingkan dengan warna dan tampilannya.

Sam Orchard

Direktur Kreatif, Edge of the Web

Mungkin mudah untuk fokus dalam membuat situs web yang terlihat luar biasa, tetapi memiliki dasar teknis yang kuat masih penting untuk desain web modern. Beberapa fitur yang sering diabaikan tetapi penting adalah:

Desain responsif

Kedengarannya jelas, tetapi ini adalah sesuatu yang banyak situs web masih belum benar dan berpotensi mengasingkan segmen besar audiens Anda. Tidak cukup hanya membuat versi seluler situs Anda lagi. Pengguna dapat melihat situs web Anda di berbagai perangkat yang berbeda, menggunakan platform yang berbeda dan orientasi yang berbeda. Desain responsif adalah tentang membuat situs web yang terlihat bagus di perangkat apa pun dan merespons tampilannya.

Kecepatan Halaman

Kecepatan halaman situs web Anda dapat memengaruhi segalanya, mulai dari pengoptimalan tingkat konversi hingga pengoptimalan mesin telusur, dan itu akan memberikan dampak yang lebih besar lagi dengan pembaruan Google yang akan datang akhir tahun ini. Yang terpenting, ini memengaruhi pengalaman pengguna, dan situs web yang lambat dan lamban dapat menjadi perbedaan antara pengguna yang memilih untuk melakukan pembelian atau beralih ke situs web pesaing. Anda harus memeriksa cara DIY ini untuk meningkatkan kecepatan situs web.

Aksesibilitas

Dengan semakin banyaknya orang yang mengandalkan sumber daya online daripada sebelumnya, aksesibilitas telah beralih dari fitur tambahan menjadi kebutuhan. Di awal proses desain web, pengembang harus mempertimbangkan pengguna penyandang disabilitas di samping mereka yang tidak. Hal-hal sederhana seperti kontras warna, ukuran font, dan teks video sering kali dapat membuat perbedaan besar. Saya akan merekomendasikan Standar Aksesibilitas W3C sebagai tempat yang bagus untuk memulai bagi siapa saja yang ingin memahami lebih lanjut tentang membangun situs web yang dapat diakses.

Sheila Mendengar

Pendiri Mediavandal

Buat satu liner yang menarik.

Ada istilah dalam desain web yang disebut “above the flip”, yang pada dasarnya berarti apa yang terlihat segera setelah mengunjungi situs web tanpa menggulir.

Istilah ini berasal dari media cetak dan diasosiasikan dengan semua teks yang berada “di paro atas” surat kabar. Ini adalah real estat yang penting karena merupakan hal pertama yang dilihat pelanggan di kios koran. Judul surat kabar yang ditulis dengan baik bisa berarti surat kabar Anda akan dibeli lebih dari pesaing.

Meskipun situs web telah ada cukup lama sehingga orang tahu untuk menggulir, tajuk utama (atau "satu baris") masih menjadi hal pertama yang dilihat pelanggan saat mengunjungi situs web Anda. Judul yang menarik dapat menjadi faktor penentu bagi pelanggan yang menggulir ke bawah untuk membaca lebih lanjut, atau melanjutkan ke situs web lain.

Tugas one liner adalah membuat pelanggan Anda membaca seluruh situs web Anda, dan cara terbaik untuk melakukannya adalah dengan memikirkan apa yang ditawarkan bisnis Anda, bagaimana hal itu akan membuat hidup pelanggan Anda lebih baik, dan bagaimana pelanggan Anda dapat dapatkan produk atau layanan Anda, lalu gabungkan dalam pernyataan singkat, jelas, dan ringkas dan letakkan di bagian atas situs web Anda.

Undang pelanggan Anda ke dalam sebuah cerita

Kesalahan yang dilakukan banyak pemilik bisnis di beranda situs web mereka adalah membuat konten tentang diri mereka sendiri. Sementara keahlian Anda memainkan faktor dalam proses pengambilan keputusan pelanggan, simpanlah untuk sisa situs! Tugas beranda Anda adalah memastikan bahwa pelanggan Anda berada di tempat yang tepat untuk memecahkan masalah MEREKA. Cara yang bagus untuk melakukan ini adalah dengan menggunakan kekuatan cerita. Untuk mencapai hal ini, buatlah serangkaian headline yang mudah dibaca dan teks pendek yang diperluas pada setiap headline. Jika hanya membaca berita utama, pelanggan akan tetap merasa Anda memahami masalah mereka dan lebih cenderung terlibat dengan bisnis Anda. Berikut kerangka kerja cepat untuk mencapai ini:

• Sebutkan taruhannya: – masalah apa yang dihadapi pelanggan, bagaimana perasaan mereka dan apa yang dipertaruhkan jika mereka tidak memperbaikinya.
• Buat daftar proposisi nilai Anda: – manfaat apa yang akan diterima pelanggan Anda dari produk atau layanan Anda.
• Posisikan diri Anda sebagai otoritas: – sertakan pernyataan empatik tentang masalah pelanggan Anda dan bagaimana Anda dapat membantu mereka menyelesaikannya. Ini juga merupakan tempat yang tepat untuk meletakkan sertifikasi, penghargaan, atau testimoni pelanggan sebelumnya.

Berikan pelanggan Anda rencana yang mudah diikuti

Bagaimana seharusnya pelanggan Anda berbisnis dengan Anda? Meskipun mungkin tampak jelas bagi Anda, mungkin tidak begitu jelas bagi pelanggan Anda. Sertakan bagian dengan 3-5 langkah tentang bagaimana pelanggan dapat terlibat dengan perusahaan Anda. Itu harus sederhana, jelas dan mudah diikuti.

Contoh Toko Nutrisi :
Langkah 1 – Kunjungi halaman toko kami dan pilih produk Anda
Langkah 2 – Tambahkan ke keranjang Anda dan ikuti proses checkout kami yang mudah digunakan.
Langkah 3 – Terima produk Anda melalui pos dan dapatkan kembali kesehatan Anda.

Infografis: Wawasan Ahli tentang Tren dan Strategi Desain Web Modern

FAQ

Membungkus

Ingat – ergonomi pengguna dan fungsionalitas konsekuen adalah kunci untuk menjalankan situs yang sukses. Baik itu dengan membuat situs baru atau memperbarui situs yang sudah ketinggalan zaman, intinya adalah untuk melibatkan dan memberi tahu pelanggan tentang merek Anda – sederhana! Setelah melakukannya, kisah sukses Anda diurutkan!