Tiga Tren Desain Situs Web WordPress Yang Perlu Anda Ketahui

Diterbitkan: 2022-06-30

Pikirkan tentang berapa banyak yang telah berubah sejak 2011. Berapa banyak tren desain situs web dan teknologi baru yang tidak disukai? Berapa banyak perangkat baru yang masuk ke pasar? Berapa banyak tren baru yang muncul dan menjadi populer?

Tidak mengherankan bahwa WordPress telah berevolusi dengan web. WordPress hari ini adalah binatang yang sangat berbeda dari WordPress lima tahun yang lalu, dan tidak dapat dikenali dibandingkan dengan WordPress tahun 2003. Tapi itu hal yang baik.

Lagi pula, satu-satunya konstanta di web adalah perubahan. Sebagai seorang desainer, Anda tahu itu lebih baik daripada siapa pun – sama seperti Anda tahu bahwa tugas Anda adalah untuk selalu mengetahui apa yang berubah dan apa yang akan berubah di masa depan. Untungnya, jika Anda tahu di mana mencarinya, itu tidak sulit.

Saya telah melakukan pencarian untuk Anda – berikut adalah beberapa tren paling menonjol dan penting yang melanda dunia desain WordPress (dan web yang lebih besar) tahun ini, yang semuanya terkait erat dengan mobilitas.

Desain Tanpa Halaman Akan Terus Mendominasi

Pertama kali masuk ke web sekitar tahun 2014, situs web satu halaman telah mendapatkan popularitas dengan kecepatan kereta barang yang melarikan diri. Sangat cocok untuk bisnis kecil, agensi desain, dan situs produk, situs web "halaman arahan" ini ideal untuk pengambilan prospek dan penceritaan. Dengan pemikiran ini, tidak mengherankan bahwa tema WordPress satu halaman juga mendapatkan banyak dukungan.

Tapi apa sebenarnya yang mendorong tren ini? Mengapa situs web 'tanpa halaman' begitu menonjol sekarang? Dan bagaimana Anda bisa tahu jika situs Anda sendiri harus mengikutinya?

“Situs web tradisional memiliki daftar lengkap masalah yang sama-sama memberatkan,” jelas Chuck Longanecker dari Digital Telepathy. “Mereka adalah penggerak di pesta koktail, mengoceh kepada siapa pun yang mendengar informasi yang berkembang pesat tanpa minat apa pun pada orang yang mendengarkan…Dengan koneksi cepat dan audiens yang terbiasa dengan pengalaman gulir panjang di aplikasi seluler, desain tanpa halaman menyingkir dari pengunjung sehingga mereka dapat menikmati alur dan menyelesaikan tujuan mereka.”

Dengan kata lain, perangkat seluler telah mengubah kebiasaan menjelajah audiens kami. Sebagai seorang desainer, Anda perlu memperhitungkan kebiasaan baru mereka – harapan mereka akan situs web yang sederhana dan efisien, kecenderungan mereka untuk menjelajah di ponsel atau tablet, dan keinginan mereka akan konten yang mudah dicerna.

Pergeseran pasar ini memiliki efek samping lain yang lebih tidak terduga: tema multiguna telah meledak selama beberapa tahun terakhir. Kaya fitur dan mudah dipasang, tema-tema ini memungkinkan pemilik situs web menyesuaikan halaman mereka dengan mudah untuk perangkat seluler, komputer desktop, dan segala sesuatu di luarnya. Mereka tahan masa depan, dan memungkinkan pembuatan situs web yang dirancang dengan baik yang juga masih sangat fungsional.

Lebih Banyak Gambar, Lebih Banyak Tipografi, Lebih Banyak Paralaks

Berkaitan erat dengan pergerakan menuju desain tanpa halaman, situs web meningkatkan fokus pada tipografi, citra, dan pengguliran paralaks. Minimalisme adalah raja kastil di sini, dan semakin sedikit elemen visual yang dapat diberikan halaman kepada pengguna sambil tetap menyampaikan pesannya, semakin baik. Ini tidak hanya membantu situs terlihat lebih tajam, tetapi juga mengurangi waktu muat hingga tingkat yang cukup besar.

Adapun tipografi, dengan pergeseran ke minimalis, pemilik situs, penerbit, dan pengguna mulai mengharapkan desain yang lebih bersih di situs yang mereka kunjungi. Bagian dari kuncinya terletak pada penyediaan teks yang tampak lebih baik dan disajikan dengan lebih baik. Alat seperti Google Fonts dan Adobe Typekit juga telah melakukan banyak hal untuk membantu banyak hal, membuatnya lebih mudah untuk membuat situs web dengan teks yang terlihat lebih baik dan lebih profesional.

Akhirnya, pengguliran paralaks – yang selalu sangat saya nikmati – mendapatkan banyak cinta baru-baru ini. Untuk yang belum tahu, cara kerjanya cukup sederhana: Anda cukup mengonfigurasi situs Anda sehingga latar belakang bergerak lebih lambat daripada latar depan (jika ada). Ini tidak hanya menciptakan ilusi kedalaman bidang, tetapi ini adalah cara yang bagus untuk memberikan situs web satu halaman sedikit suar ekstra.

Banyak Bicara Tentang Interaksi Mikro

Aplikasi seluler agak memanjakan pengguna akhir, jika Anda berhenti dan memikirkannya. Yang dirancang terbaik diisi dengan fitur yang dikenal sebagai interaksi mikro: sedikit umpan balik yang diberikan kepada pengunjung berdasarkan cara mereka berinteraksi dengan situs Anda. Memang, konsep ini tidak terlalu baru. Kembali pada tahun 2013, Foster of Mysterious Trousers menyebutnya sebagai interaksi bungkus gelembung. Ini karena mereka memuaskan, dan sangat meningkatkan pengalaman pengguna dengan membuat segalanya lebih mendalam.

Bagi Anda, ini berarti bahwa – terutama mengingat peralihan grosir ke seluler – Anda perlu mempelajari tentang interaksi mikro, dan cara memasukkannya ke dalam situs Anda.

“Di UX, yang penting adalah bagaimana Anda berurusan dengan pengguna dan bagaimana perasaan mereka saat menggunakan produk [dalam hal ini, situs web Anda],” tulis Dmytro Svarytsevych dari Web Designer Depot. “Interaksi mikro memberi pengguna umpan balik yang dibutuhkan dan pemahaman tentang proses yang sedang berlangsung, membuat antarmuka dapat didekati tidak peduli seberapa rumit logika di baliknya.”
Inilah cara Anda dapat menambahkan interaksi mikro ke situs Anda, menurut Creative Bloq:

  • Ketahui pemicunya: Inilah yang terjadi untuk memulai interaksi mikro. Bisa apa saja dari pengguna yang masuk ke situs Anda untuk pertama kalinya hingga mereka meninggalkan komentar pada artikel atau membeli produk. Pemicu terbaik adalah pemicu di mana sistem mengamati perilaku pengguna dan menggunakannya untuk konteks – mis. memberi mereka halaman yang sering mereka kunjungi ketika mereka tiba di situs Anda.
  • Tetapkan aturan: 'Aturan' mungkin sedikit keliru di sini. Pada dasarnya, mereka adalah pedoman yang menentukan bagaimana interaksi mikro tertentu bekerja - apa yang bisa terjadi, apa yang harus terjadi, dan apa yang tidak bisa atau tidak terjadi. Misalnya, situs e-niaga mungkin memperingatkan Anda jika Anda secara tidak sengaja menambahkan produk yang sama ke keranjang dua kali.
  • Tentukan umpan balik: Umpan balik apa yang akan Anda berikan kepada pengguna? Bagaimana Anda akan meningkatkan pengalaman mereka di situs Anda?
  • Cari tahu berapa lama interaksi mikro berlangsung: Apakah interaksi mikro Anda berakhir secara otomatis tanpa masukan pengguna? Bagaimana perubahannya setiap kali digunakan?

“Umpan balik adalah tempat untuk menambahkan lapisan kepribadian ke interaksi mikro Anda,” tulis Creative Bloq. “Kadang-kadang sedikit humor atau keunggulan dapat bekerja dengan sangat baik dan dihargai – terutama dalam situasi yang dapat membuat frustasi, seperti pesan kesalahan atau ketika sesuatu membutuhkan waktu lama untuk dimuat.”

Tetap di Atas Tren Desain Situs Web

WordPress terus berkembang, berdampingan dengan web. Anda tidak perlu tidak menyadarinya oleh evolusi itu. Dengan memperhatikan tren terbaru, Anda dapat memastikan bahwa Anda berada di depan kurva ketika tren tersebut akhirnya menjadi kenyataan.