Slider dan komidi putar menjadi tren desain beberapa tahun lalu. Anda akan semakin sulit menemukan blog yang tidak menawarkannya hari ini.

Tapi ada sesuatu yang berubah. Desainer dan pengembang sudah mulai meninggalkan slider untuk pencitraan statis. Ketika minat pada desain minimalis dan situs web dengan pengguliran panjang tumbuh, spanduk geser menjadi gangguan dan ancaman yang dirasakan terhadap desain super sederhana.

Dan jika desainer telah memilih untuk menerapkan gerakan ke situs web, itu akan menjadi pengguliran paralaks, ikon animasi, atau pada pemutar video.

Namun, ada beberapa desainer yang berpendapat bahwa penggeser dan komidi putar adalah elemen desain efektif yang membantu meningkatkan keterlibatan pengguna, jika digunakan dengan benar. Kami akan mengeksplorasi validitas argumen tersebut hari ini dan memberi Anda tips dan alat yang dapat Anda gunakan untuk memastikan keterlibatan pengguna di situs Anda blog WordPress.

Haruskah kita benar-benar menggunakannya?

Bagi banyak desainer yang mencari kesederhanaan saat ini, mungkin sulit bagi mereka untuk memahami bagaimana konten yang berputar dapat dimasukkan dengan cara yang ideal.

Penggunaan carousels atau tidak

kerugian

Berikut adalah beberapa argumen yang paling umum tentang caroussels:

  • Pembebanan lambat: Menambahkan penggeser dan carousel memperlambat waktu buka situs web, yang dapat mematikan pengunjung.
  • Buruk untuk SEO : Karena begitu banyak konten dijejalkan ke dalam satu slider, sulit untuk mengoptimalkan halaman dan SEO untuk semua konten itu.
  • gangguan yang tidak perlu: Rotasi kursor membuat pengunjung terganggu dari konten disekitarnya.
  • Sulit digunakan: Beberapa slide memberi pengunjung terlalu banyak pilihan untuk diikuti dan seringkali membutuhkan terlalu banyak usaha, sehingga sulit untuk mengakses data yang mereka cari.
  • UX menyela: Bagi pengunjung yang lebih suka pengguliran vertikal cepat dari konten, slider dapat mempengaruhi kesabaran mereka, karena mereka harus duduk dan menunggu masing-masing meluncur "Gulungan.
  • Rasio klik-tayang buruk: Menurut beberapa penelitian, slider tidak efektif dalam interaksi yang dicari (klik). Meskipun pengunjung mungkin tertarik untuk membaca satu atau mungkin bahkan beberapa slide, kebanyakan tidak melakukan tindakan apa pun.
  • menyakitkan mata : Banyak desainer berpikir bahwa " slider » dan carousel jelek, terutama jika digunakan memajukan gambar dan pesan iklan berwawasan ke depan.

manfaat

Sekarang, mari kita lihat argumen pendukung slider:

  • Penghemat ruang : Komidi putar dapat menampilkan banyak informasi dalam ruang kecil.
  • Kurangi kekacauan : Untuk beberapa situs, penting untuk memamerkan berbagai produk, sampel, anggota tim, dan lainnya. Penggeser dapat mengurangi kekacauan yang dialami pengguna seluler.
  • Menarik perhatian Menambahkan gerakan ke panel geser dapat membantu menarik perhatian pengunjung.
  • Disediakan dengan perspektif : Beberapa situs web memiliki produk atau layanan yang perlu disorot dari sudut yang berbeda. Contoh bagus dari kasus ini adalah pengecer telepon yang ingin menampilkan sejumlah gambar perangkat seluler mereka dari berbagai sudut pandang.

Metode 6 yang akan membantu Anda menambahkan slider / komidi putar ke blog Anda

Situs web Anda dirancang untuk berfungsi dengan baik. Inilah sebabnya mengapa banyak masalah anti-kursor valid. Jika Anda menggunakan bilah geser untuk menenangkan klien hanya karena mereka benar-benar menginginkannya atau karena Anda tidak meluangkan waktu untuk meneliti tip dan alat untuk menggunakannya dengan baik, Anda dapat membahayakan kinerja situs web Anda.

Jika keterlibatan pengguna adalah yang Anda cari, pengalaman pengguna harus selalu ada di pikiran Anda selama pengembangan. Jadi, saat menambahkan "penggeser" ke situs web Anda, perhatikan kiat-kiat berikut:

# 1: Maksimalkan investasi

Saat disorot, bilah geser berada di bagian paling atas halaman beranda, tempat sebagian besar desainer saat ini menempatkan gambar penting. Sebagai pengembang WordPress, Anda tahu bahwa ada area lain di situs yang berpotensi untuk memanfaatkan konten geser dengan baik.

WPmudev slider tutorial

# 2: Pikirkan tentang ukurannya

Apakah Anda perlu menyertakan "slider" lebar penuh atau akan memakan ruang yang tidak perlu? Selalu pertimbangkan tujuan penggeser, ukuran gambar di dalamnya, dan keseimbangan yang dapat dibuatnya dengan elemen lainnya pada halaman untuk menentukan ukuran optimalnya.

# 3: Gunakan konten penting di slider Anda

Pengunjung Anda ingin melihat konten yang berharga bagi mereka. Pastikan gambar dan konten yang digunakan dalam bilah geser Anda memperkuat misi situs Anda dan memberikan motivasi kepada pengunjung untuk melihatnya secara keseluruhan.

Contoh Slider WPMUDEV

# 4: Pilih gambar beresolusi tinggi

Secara umum, adalah praktik yang buruk untuk menggunakan gambar beresolusi rendah atau berkualitas buruk di situs web Anda. Hal yang sama harus diterapkan pada "slider" atau carousel, terutama karena pengaruh elemen ini bergantung pada foto yang disertakan di dalamnya.

# 5: Jaga agar teks tetap minimum

Slider dan komidi putar fantastis untuk menampilkan gambar, tetapi teks dapat merusak pengalaman ini. Gambar yang kelebihan beban seringkali membuat sulit untuk membaca teks yang ditumpangkan padanya. Selain itu, jika kursor berputar terlalu cepat, pengunjung tidak akan punya cukup waktu untuk membacanya. Tetapi juga, Anda juga harus mempertimbangkan bahwa teks yang disematkan dalam gambar mungkin tidak akan ditampilkan dengan benar di ponsel. Jika memungkinkan, jangan mempertimbangkan untuk menggunakan teks, terutama jika itu akan mempengaruhi kualitas.

# 6: Perhatikan scrolling

Ada sejumlah metode yang dapat Anda gunakan untuk mengontrol pengguliran. Keputusan untuk memilih salah satu biasanya tergantung pada konten di " slider ". Pengguliran otomatis berfungsi baik untuk penggeser bingkai tunggal, selama pengguliran tidak berjalan cepat. Taruhan terbaik Anda mungkin memaksa slide berhenti segera setelah seseorang mengklik atau mengarahkan kursor ke " slider ". Kemudian akan tergantung pada mereka untuk menentukan kapan mereka ingin melanjutkan pengguliran.

Contoh slider wpmudev

Lalu apa yang harus kita lakukan?

Pekerjaan kami terbatas pada menyajikan hal-hal kepada Anda sehingga Anda dapat membuat keputusan dan memilih apa yang tepat untuk blog Anda. Secara pribadi saya menggunakan Slider, tetapi saya memastikan untuk mengoptimalkan gambar dan konten, untuk memaksimalkannya.

Apa yang Anda gunakan di rumah? Apakah Anda punya preferensi? Silakan berbagi dengan kami.