• UI & UX

Prinsip Pareto dalam desain web - mendesain situs web yang lebih efektif dengan aturan 80/20

  • Lene Wandrey
  • 1 min read
Prinsip Pareto dalam desain web - mendesain situs web yang lebih efektif dengan aturan 80/20

Masalah menjadi perfeksionis dalam desain web

Perfeksionisme bisa menjadi tantangan bagi banyak desainer grafis dan web. Berjuang untuk mencapai kesempurnaan memang mengagumkan, tetapi hal ini dapat menyebabkan frustrasi dengan perubahan dan penyesuaian tanpa henti sampai setiap elemen situs web menjadi sempurna. Bagi banyak desainer, mudah untuk hanyut dalam proses desain dan lupa waktu saat memilih tipografi, palet warna, dan merenungkan ratusan keputusan desain yang sempurna. Tentu saja, penting untuk memberikan karya yang hebat, tetapi sebagai seorang desainer, mudah untuk kehilangan fokus tentang apa artinya ini? Sebuah situs web seharusnya bukan tentang tujuan desainer, melainkan tentang memenuhi hasil yang diinginkan klien, dan pada saat yang sama menyeimbangkan keterbatasan waktu, sumber daya, dan energi. Tanpa adanya batasan, sebuah situs web dapat dengan mudah berakhir dengan rekayasa yang berlebihan, lambat, dengan terlalu banyak elemen dan fitur yang membingungkan pengguna. Juga sulit untuk menyesuaikan semua fitur dalam waktu yang terbatas, sehingga desainer mungkin kehabisan waktu, dan gagal memberikan situs web yang bagus sesuai tenggat waktu sangat menegangkan bagi semua orang yang terlibat.

Apakah Prinsip Pareto itu?

"Aturan 80/20," kadang-kadang disebut prinsip Pareto, menyatakan bahwa 80% efek berasal dari 20% penyebabnya. Prinsip Pareto pertama kali diperkenalkan oleh seorang ekonom Italia bernama Vilfredo Pareto pada tahun 1895 ketika ia mengamati bahwa 80% kekayaan Italia hanya dimiliki oleh 20% dari populasinya. Dia juga memperhatikan bahwa 20% polong kacang polong di kebunnya menghasilkan 80% kacang polong! Prinsip Pareto menunjukkan bahwa beberapa elemen kunci bertanggung jawab untuk menghasilkan sebagian besar hasil yang diberikan. Sejak saat itu, prinsip ini telah diterapkan pada banyak bidang lain termasuk bisnis, ekonomi, psikologi dan bahkan bisa menjadi praktis untuk kehidupan sehari-hari.

Hal ini juga dapat diterjemahkan dengan baik ke dalam contoh-contoh berskala lebih kecil; pernahkah Anda memperhatikan bahwa sebagian besar penghasilan Anda berasal dari beberapa klien tetap yang sama? Atau bahwa Anda tampaknya selalu mengenakan pakaian yang sama, sementara sebagian besar lemari pakaian Anda tidak digunakan? Meskipun rasionya tidak selalu persis 80/20 dan selalu ada pengecualian, ini adalah alat yang hebat untuk membantu orang mengidentifikasi tindakan mana yang memiliki dampak terbesar pada kesuksesan mereka dan memprioritaskan tindakan-tindakan ini.

Prinsip Pareto dalam desain web dan pemasaran digital

Prinsip Pareto yang diterapkan pada desain web, mengasumsikan bahwa sebagian besar hasil akan datang dari sejumlah kecil fitur utama. Dalam pemasaran, beberapa kampanye akan jauh lebih baik daripada yang lain. Untuk mencapai hasil terbaik, masuk akal untuk fokus pada sejumlah kecil fitur utama ini terlebih dahulu dan memastikan mereka mendapatkan perhatian paling banyak, sementara bagian yang kurang penting dapat dilakukan lebih cepat. Salah satu cara untuk menggunakan Prinsip Pareto adalah dengan berfokus pada pengalaman pengguna dan kegunaan - dengan memperhatikan bagaimana pengguna berinteraksi dengan konten online Anda dan memastikan mereka dapat menemukan apa yang mereka butuhkan, Anda cenderung menuai hasil yang lebih besar daripada jika Anda hanya berfokus pada estetika saja. Ini mengajarkan kita bahwa kesempurnaan tidak selalu diperlukan, dan bahwa adalah mungkin untuk mencapai situs web yang lebih efektif dengan mengoptimalkan 20% fitur yang penting.

Sebagai contoh, kami baru saja melihat data lalu lintas dari sebuah toko ecommerce kecil yang menjual produk buatan tangan dan memperhatikan beberapa tren Pareto. Misalnya, hampir semua pengunjung mereka mengakses situs melalui ponsel. Sebagian besar penjualan produk berasal dari sejumlah kecil kategori. Facebook adalah sumber lalu lintas media sosial terbesar mereka. Saat memeriksa peta panas halaman produk, beberapa area mendapatkan lebih banyak keterlibatan. Pola F yang khas dapat diamati, dengan kelompok interaksi di baris atas dan di sisi kiri halaman.

Devices popularity

Dashboard with website analytics data

Apa yang bisa dilakukan dengan informasi ini untuk meningkatkan penjualan bagi klien ini?

Dalam contoh ini, kemenangan tercepat adalah meningkatkan pengalaman seluler situs web ini, yang awalnya dibuat untuk desktop. Peta panas dari semua halaman dapat diperiksa untuk mempelajari lebih lanjut tentang preferensi pengguna. Misalnya, pertanyaan yang paling banyak diklik dari bagian FAQ bisa dipindahkan ke halaman beranda, bukannya disembunyikan. Produk dengan keuntungan tinggi bisa ditampilkan di area halaman di mana kemungkinan besar klik paling banyak terjadi.

Selalu mulai dengan 'Mengapa'

Always start with the Why(Sumber Gambar: Envato Elements)

Dari pengalaman saya di industri ini, saya perhatikan bahwa banyak desainer yang dengan senang hati menerima brief dan mulai mengerjakan desain, bahkan jika mereka kehilangan informasi penting yang berkaitan dengan tujuan proyek. Mungkin orang yang menyusun brief mengira bahwa informasi ini tersirat, atau klien tidak mengungkapkannya secara ringkas. Luangkan waktu sejenak untuk mundur sebelum Anda mulai bekerja. Tanpa pemahaman yang jelas tentang mengapa Anda melakukan apa yang Anda lakukan, desain web Anda akan kurang terarah. Situs web Anda mungkin terlihat bagus bagi Anda dan bahkan bagi klien, tetapi meskipun Anda telah bekerja berjam-jam, hasilnya akan mengecewakan jika tidak mencapai hasil yang diantisipasi klien.

Tanyakan pada diri Anda sendiri: Mengapa situs web ini ada? Siapa yang akan menjadi pengguna akhir situs web dan bagaimana mereka akan berinteraksi di situs web? Bagaimana situs web akan menciptakan nilai dan kesuksesan bagi klien Anda? Bagaimana klien akan mengukur keberhasilan ini? Bagaimana situs web akan menarik pengunjung dan menangkap prospek? Ketika Anda dapat menjawab pertanyaan-pertanyaan ini, dan Anda memahami 'Mengapa', akan lebih mudah untuk memprioritaskan 'Apa' dan 'Bagaimana' dari elemen desain. Ketika Anda dapat memvisualisasikan hasil yang diinginkan, ini akan membantu Anda memusatkan energi Anda pada area yang paling penting untuk mencapainya.

Merangkul pendekatan produk minimum yang layak dalam desain web

Dengan begitu banyak keputusan yang harus dibuat saat mendesain situs web, mungkin sulit untuk mengetahui harus mulai dari mana. Pendekatan minimum viable product (MVP) melibatkan pembangunan hanya elemen inti dari sebuah situs web segera dan kemudian terus menyempurnakannya melalui umpan balik pelanggan dari waktu ke waktu. Ini biasanya dilakukan untuk menghemat biaya dan waktu, atau ketika ide bisnis didasarkan pada banyak asumsi. Alih-alih mencoba semuanya sekaligus, pengembang dapat memprioritaskan fitur berdasarkan kebutuhan pelanggan dan membuat prototipe sesegera mungkin. Bahkan ketika Anda tidak memiliki tekanan waktu atau anggaran, merangkul situs web sebagai MVP adalah cara yang fantastis untuk menerapkan prinsip Pareto dan untuk memerangi kecenderungan perfeksionis. Secara mental, akan membantu untuk mengetahui bahwa Anda selalu dapat menambahkan lebih banyak fitur nanti, tetapi Anda harus fokus pada elemen yang paling penting untuk saat ini.

Mendesain untuk mobile-first dapat membantu Anda menyederhanakan situs web Anda

Saat mendesain situs web, Anda ingin memberikan pengalaman yang efektif dan intuitif kepada pengguna. Cara terbaik untuk mencapainya adalah mendesain dengan pendekatan desain "mobile-first". Konsep ini melibatkan pembuatan situs web yang dioptimalkan untuk perangkat seluler terlebih dahulu, daripada situs web desktop yang disesuaikan untuk seluler. Mengapa hal ini perlu? Pada tahun 2022, menurut techjury.net, ponsel menghasilkan 60,66% lalu lintas situs web, sementara desktop dan tablet bersama-sama bertanggung jawab atas 39,34%. Hal ini mungkin bervariasi di industri yang berbeda dan di situs web yang berbeda, tetapi trennya perlu diperhatikan. Dengan memfokuskan desain Anda pada versi seluler situs, Anda dapat menumpuk peluang keberhasilan yang menguntungkan Anda.

Begitu Anda mulai mendesain untuk perangkat seluler, Anda akan segera menyadari bahwa ada lebih sedikit ruang untuk kata-kata dan kekacauan. Cukup sulit untuk beradaptasi, jika Anda telah mendesain untuk desktop untuk waktu yang lama. Tetapi pendekatan ini sangat cocok dengan prinsip Pareto, karena membantu Anda memilih konten dengan dampak terbesar. Hal ini memiliki dua manfaat: situs Anda akan dioptimalkan untuk platform seluler yang disukai oleh pengguna, dan ketika Anda mengadaptasinya untuk desktop, secara visual akan terlihat modern dan bersih. Anda masih perlu mengadaptasi situs web Anda ke desktop nanti, tetapi ketika bekerja dari pendekatan mobile-first, hal itu menjadi jauh lebih mudah karena Anda sudah memiliki desain yang disederhanakan.

Lakukan penelitian dan analisis situs web pesaing

Ketika berbicara tentang desain web, kita sering berpikir bahwa riset adalah melihat situs web atau templat lain yang menginspirasi dengan elemen desain yang indah. Tetapi penelitian untuk desain web lebih dari sekadar mengagumi estetika situs web lain. Penting untuk memahami bagaimana orang menggunakan web, bagaimana pengguna berinteraksi dengan desain yang berbeda, dan bagaimana konten diatur untuk membuat situs web yang efektif. Dengan meminta data analitik apa pun yang dapat diberikan klien atau menggunakan alat pemantauan seperti Ranktracker, kami dapat mengidentifikasi area peluang untuk perbaikan untuk situs web dengan kinerja yang lebih baik.

Riset harus mencakup pemeriksaan standar industri yang ada, audiens target dan preferensi pengguna melalui analisis pesaing. Anda dapat menemukan pesaing dengan bertanya kepada klien, atau dengan melakukan pencarian sendiri dan melihat situs web mana yang berada di peringkat atas. Setelah Anda mengidentifikasi beberapa pesaing, Anda memerlukan sumber yang dapat diandalkan untuk data tentang mereka. Salah satu fitur favorit saya dari Ranktracker adalah kemampuan untuk menambahkan pesaing Anda sendiri yang teridentifikasi dan itu akan menampilkan kinerja pesaing di kolom di sebelah hasil domain Anda sendiri. Jika pesaing mengungguli Anda untuk kata kunci Anda sendiri, ada baiknya Anda menganalisis situs web mereka untuk belajar dari mereka. Untuk menambahkan pesaing, Anda cukup menempelkan URL mereka.

Add competitors in Rank Tracker

Rank Tracker board

Klik untuk artikel mendalam yang bagus tentang cara melakukan analisis kompetitif.

Sementara Anda melakukan semua riset, buatlah 'daftar impian' dari semua kemungkinan fitur dan elemen yang bisa Anda sertakan (jangan khawatir, Anda akan mempersempitnya, tetapi akan sangat membantu untuk menyatukan semua ide).

Perencanaan: Mengidentifikasi Fitur Desain Utama

Planning: Identifying Key Design Features(Sumber gambar: Envato Elements)

Desain situs web harus didasarkan pada tujuan yang dimaksudkan. Lihatlah semua elemen/fitur dari daftar impian Anda dan pilihlah yang menurut Anda akan membantu klien Anda mencapai tujuan mereka. Ambil beberapa kertas kosong dan mulailah menggambar beberapa wireframe kasar untuk situs web Anda. Pada wireframe Anda, hubungkan setiap elemen yang Anda rencanakan untuk disertakan dengan hasil: jika Anda tidak dapat menemukan tujuan yang jelas untuk itu, hapus bagian itu. Jangan berpikir tentang estetika desain, fokuslah pada apa yang terbaik untuk pengalaman pengguna dan kegunaan.

Berlawanan dengan kepercayaan populer, wireframe pertama Anda tidak perlu dirancang dengan perangkat lunak desain yang mewah. Pendekatan analog dari pensil dan kertas akan bekerja dengan baik, dan terkadang bahkan lebih baik karena Anda tidak terganggu oleh perangkat lunak itu sendiri. Kertas lebih mudah dimaafkan dan tidak terlalu permanen; lebih cepat digunakan yang mungkin membantu selama proses kreatif. Jika Anda perlu mempresentasikan wireframe kepada klien Anda, ini dapat dilakukan secara lebih profesional setelah Anda mengerjakan gambar kasar.

Lakukan mock-up terlebih dahulu, jangan mendesain di platform web untuk menghemat waktu

Ada pepatah lama yang mengatakan bahwa Anda tidak bisa menerbangkan pesawat saat Anda sedang membangunnya. Hal ini berlaku untuk desain web: mencoba membangun situs web saat Anda masih mencari tahu keputusan tentang konten, fitur, dan desain, adalah resep untuk frustrasi. Untuk menjaga segala sesuatunya tetap efisien, Anda memerlukan rencana. Membuat mock-up dari setiap halaman tampaknya memakan waktu dan kontra-intuitif di sini, tetapi ini memiliki banyak tujuan dan akan menghemat waktu dalam jangka panjang. Mock-up memungkinkan klien Anda untuk memvisualisasikan situs web bahkan sebelum pengembangan web dimulai. Mereka dapat merasakan berbagai pilihan warna dan font, dan dengan mudah mengantisipasi apa yang perlu diubah. Membahas mock-up menciptakan banyak peluang untuk diskusi dan pertanyaan. Hal ini meningkatkan peluang bahwa klien Anda akan senang ketika mereka melihat situs langsung untuk pertama kalinya. Yang paling penting, bekerja dengan maket memungkinkan Anda membangun situs web lebih cepat begitu Anda sampai pada tahap pengembangan karena hampir semua keputusan kreatif telah dibuat.

Bekerja dengan konten yang akan mendapat peringkat yang baik di Mesin Pencari

Kadang-kadang, klien akan bersikeras agar Anda mulai mendesain dengan 'placeholder text' karena mereka berpikir bahwa peran Anda hanya untuk mendesain elemen estetika. Jika memungkinkan, hindari melakukan pekerjaan desain apa pun dengan teks placeholder generik. Meskipun desain Anda mungkin terlihat indah, situs web Anda tidak akan memiliki tujuan jika Anda mengabaikan unsur utama seperti konten yang ditulis dengan baik.

Sebuah situs web hanya berharga jika mendapat pengunjung, dan Search Engine Optimization (SEO) adalah bagaimana mesin pencari menemukan situs web Anda secara organik. Pilihan kata yang digunakan pada halaman sangat penting untuk SEO, dan elemen desain harus mendukung kata-kata tersebut. Jika Anda tahu apa kata kuncinya di muka, itu memberi Anda wawasan ekstra. Jika Anda bekerja dengan copywriter untuk konten Anda, pastikan mereka terbiasa dengan SEO. Bahkan jika Anda bukan ahli SEO, kenali topik ini sehingga Anda dapat lebih sadar akan hal ini selama proses desain web Anda.

Beberapa alat pencarian kata kunci rumit (terutama jika Anda baru mengenal SEO) tetapi Ranktracker Keyword Finder sangat sederhana dan intuitif: Anda cukup menambahkan kata kunci ke daftar dan menampilkan hasilnya dengan kode warna berdasarkan kesulitan kata kunci. Untuk SEO yang baik, Anda ingin memilih kata kunci dengan persaingan rendah tetapi volume pencarian yang memadai, jadi sangat membantu bahwa volume pencarian ditampilkan di sana.

Keyword Finder

Jadi, sebelum Anda mulai, cobalah untuk mendapatkan setidaknya draf kata-kata. Jika Anda adalah seorang desainer mandiri, kemungkinan Anda juga perlu membantu klien mencari tahu di mana kata-kata yang paling cocok di situs web. Kenyataan dari proses desain adalah bahwa kata-kata ini mungkin berubah beberapa kali, tetapi memiliki sesuatu untuk memulai jauh lebih baik daripada tidak ada sama sekali.

Sederhanakan pilihan tentang font, warna, hierarki, dan elemen visual

Jika Anda seorang desainer yang kurang berpengalaman atau hanya ingin menghemat waktu, akan sangat membantu jika Anda bekerja dengan templat dan menggunakannya sebagai fondasi. Untuk CMS seperti WordPress, ada ribuan templat yang bagus dengan harga yang wajar. Templat-templat ini sudah memiliki font, warna, hierarki, dan elemen visual yang dirancang dengan gaya yang kohesif. Jika Anda khawatir tentang orisinalitas, yakinlah bahwa hasil Anda akan terlihat berbeda dengan templat karena Anda mengadaptasinya dengan wireframe Anda. Memiliki beberapa aset desain dan gaya umum untuk memulai dapat benar-benar membantu Anda menemukan arah dan mengurangi kelelahan keputusan. Jangan menyertakan terlalu banyak warna: Anda dapat dengan aman membatasi warna situs web Anda menjadi 2 warna atau maksimal 3. Lihat 20 Kombinasi Warna Terbaik untuk Dicoba di Situs Web Anda untuk beberapa ide dan tren hebat saat memilih warna situs web.

Kesimpulan: Memaksimalkan Dampak

Mengetahui di mana harus fokus, dapat membantu seorang desainer mengelola kecenderungan perfeksionis mereka sambil tetap mencapai kesuksesan. Prinsip Pareto adalah aturan praktis dalam desain web yang menyatakan 80% dari pengalaman pengguna dapat dicapai dengan 20% usaha. Ini berarti desainer web perlu memfokuskan upaya mereka pada pengoptimalan konten, elemen desain pada halaman, kegunaan, dan faktor lain untuk membuat situs web yang efektif yang akan mendapat peringkat yang baik di mesin pencari.

Lene Wandrey

Lene Wandrey

Lene Wandrey is a tech-loving artist, graphic designer and entrepreneur living in South Africa. She's the founder of hot-designs.com. She is passionate about design and productivity.

Link: hot-designs.com

Coba Ranktracker secara GRATIS