Mengapa Situs WordPress Anda Harus Memiliki Elemen UI Lengket, dan Cara Membuatnya

Kontribusi ini pada elemen UI lengket di WordPress adalah oleh Lexie Lu.


Ada beberapa perasaan campur aduk tentang elemen UI yang lengket. Beberapa mengatakan bahwa mereka – yang dapat mencakup semuanya, mulai dari opsi berbagi media sosial hingga informasi perusahaan – menjadikan pengalaman pengguna yang buruk. Namun, bahkan para pencela mengakui bahwa ini bisa menjadi pilihan desain yang sangat efektif bila dilakukan dengan benar.

Elemen lengket (tombol, blok konten, bersama dengan bentuk lain yang disebut "navigasi lengket") adalah elemen tetap pada halaman yang tetap pada tempatnya saat pengguna menggulir ke bawah. Ketika elemen UI lengket dirancang dengan baik dan dengan tujuan yang jelas, penelitian menunjukkan mereka adalah cara yang bagus untuk mendapatkan tindakan yang diinginkan dari pengunjung ke situs web Anda.

Singkatnya, situs WordPress Anda dapat menggunakan elemen UI lengket untuk memaksimalkan nilai setiap kunjungan ke situs Anda. Elemen-elemen ini dapat membantu mengarah pada pendaftaran buletin, mengikuti media sosial, dan panggilan penting lainnya untuk bertindak.

Mungkin yang paling penting, mereka dapat meningkatkan pengalaman pengguna. Dengan semua manfaat itu, tidak ada navigasi yang lengket menjadi semakin umum karena semakin populer.

Catatan Editor. Kami telah tumbuh untuk menikmati berbagai elemen situs juga. Blog CodeinWP menggunakan satu elemen seperti itu sendiri, dan kami juga telah membuat navigasi tetap menjadi salah satu karakteristik utama Zerif – tema terpopuler kami (lihat demo). Mengapa? Ini hanya berfungsi untuk pengguna. Tapi biarkan Lexie menjelaskan ini secara rinci:

Mengapa elemen UI lengket di WordPress berfungsi

Menggunakan elemen lengket di WordPress secara efektif dapat membantu menyampaikan informasi penting dan memudahkan perjalanan pengunjung melalui situs Anda. Satu situs web eCommerce menemukan bahwa menggabungkan navigasi lengket membantu meningkatkan konversi dari 30 persen menjadi 33 persen.

Tes A / B terpisah yang dilakukan untuk tujuan penelitian menemukan itu 100 persen pengunjung lebih menyukai elemen desain yang lengket – meskipun banyak dari mereka yang tidak tahu persis mengapa.

Untuk memanfaatkan kekuatan elemen UI yang lengket di WordPress, Anda tidak bisa hanya mengunduh plugin WordPress dan menyaksikan angka Anda meningkat di seluruh papan. Anda harus hati-hati merencanakan elemen mana yang paling cocok untuk situs Anda. Anda juga harus memastikan bahwa elemen-elemen ini – yang kadang-kadang bisa menjadi rewel jika Anda tidak memiliki pengalaman pengkodean – berfungsi sebagaimana dimaksud.

Untungnya, ada sejumlah jenis elemen UI dan plugin untuk membantu Anda memasukkannya ke situs WordPress Anda:

Tombol berbagi media sosial yang lengket

Cara orang menemukan situs web telah berubah. Lama pergi adalah hari-hari di mana sebagian besar pengunjung datang dengan mengetikkan URL dan kemudian mencari-cari konten. Sementara itu masih sering terjadi, lalu lintas jauh lebih banyak sekarang berasal dari media sosial.

Rata-rata, drive media sosial 31 persen dari semua lalu lintas ke situs web. Meskipun angka itu tidak diragukan lagi lebih rendah untuk beberapa situs web (dan lebih tinggi untuk yang lain), itu menyoroti pentingnya membuat konten yang menarik.

(Diagram oleh WordPress Charts dan Graphs Lite.)

Konten yang bagus, bagaimanapun, hanyalah langkah pertama. Anda juga dapat mendorong pengguna dan meningkatkan lalu lintas rujukan dengan membuatnya sangat mudah bagi orang untuk membagikan konten Anda. Cara yang baik untuk melakukannya adalah melalui tombol media sosial lengket untuk menemani konten Anda.

WordPress tidak kekurangan plugin untuk menambahkan tombol media sosial yang lengket / mengambang. Yang penting adalah memilih salah satu yang berperilaku intuitif dengan desain tema Anda. Ada begitu banyak contoh tombol media sosial mengambang itu berperilaku agak aneh di ponsel, atau ketika jendela browser desktop diubah ukurannya.

Desain yang buruk dapat memiliki efek sebaliknya seperti yang dimaksudkan, karena tombol media sosial lengket yang mengaburkan teks dan foto tidak akan mengarah ke saham media sosial apa pun. Lihatlah situs yang mengelola agar pengalaman pengguna benar.

Eksperimen dengan berbagai plugin WordPress di sebanyak mungkin perangkat dan sistem operasi, untuk memastikan tombol media sosial Anda berfungsi sebagaimana mestinya.

Ada dua bagian daftar lebih dari 30 plugin media sosial yang diterbitkan di sini di CodeinWP. Saya yakin Anda akan menemukan plugin yang sempurna untuk Anda di sana.

Kotak informasi lengket

Tergantung pada situs web Anda, kadang-kadang semua elemen lengket yang perlu Anda lakukan adalah menyampaikan beberapa informasi tambahan di bilah sisi. Menempatkan informasi kontak secara jelas di situs Anda adalah panggilan untuk bertindak yang sederhana namun efektif. 12Keys melakukan ini dengan sangat baik dengan memberikan informasi kontak sekilas, yang sangat penting bagi pengunjung yang mungkin dalam krisis.

12keysrehab

Ini juga bisa menjadi tempat di mana Anda membantu membangun kepercayaan dengan menyoroti kredensial, penghargaan, dan hal lainnya di sepanjang garis itu. Ini juga tempat yang bagus untuk menambahkan sentuhan pribadi dengan menjelaskan sedikit lebih banyak tentang diri Anda atau situs web Anda.

Untungnya, ini adalah jenis elemen yang paling mudah diterapkan di situs Anda. Anda tidak perlu khawatir tentang apa pun kecuali teks dan mungkin tautan ke email Anda. Plugin ini seharusnya dapat membantu Anda:


Elemen Lengket Elemen Lengket

Penulis: Stew Heckenberg

Versi Saat Ini: 1.3.5

Terakhir Diperbarui: 26 Januari 2019

sticky-element.1.3.5.zip


74% Peringkat


600+ Pemasangan


WP 3.0 + Membutuhkan

Tujuannya adalah agar elemen sidebar tidak terlalu mencolok atau mengganggu. Itu akan ada di sana selama pengunjung ada di situs, jadi Anda tidak ingin mematikannya dengan sesuatu yang dirancang dengan buruk atau terlalu mencolok. Keliru di sisi kesederhanaan, karena bilah samping mengambang harus menjadi lapisan gula pada kue untuk konten yang menyertainya.

Menu lengket

Menu sticky mungkin adalah jenis yang paling sederhana dari semua elemen UI sticky di WordPress, tetapi mereka juga salah satu yang paling berguna.

Idenya sederhana. Saat pengguna menggulir ke bawah, menu tetap di tempatnya.

Tetapi Anda dapat menerapkan ini dalam sejumlah cara berbeda:

a) Anda dapat memilih penempatan standar di atas.

Inilah yang dilakukan oleh tim ThemeIsle dengan mereka Tema Zerif, misalnya (Anda dapat melihat demo langsung di sini):

Zerif elemen lengket

Satu bonus tambahan di sini adalah bahwa menu itu bukan menu satu-baris sederhana, tetapi menu mega – ketika Anda mengarahkan kursor ke setiap item, mereka mengungkapkan struktur yang lebih rumit:

menu mega

b) Letakkan menu di samping.

Ini adalah opsi yang bagus untuk beberapa desain, dan terutama untuk situs-situs berat foto yang bertaruh visual untuk menceritakan kisah mereka.

Ini contoh dari RichBrown.info:

RichBrown

Menu ditetapkan ke kanan saat Anda menggulir ke bawah.

c) Letakkan di bagian bawah.

Bagian bawah adalah penempatan lain yang menarik untuk menu tetap, dan terutama jika Anda ingin membuat menu sedikit lebih tinggi daripada satu baris teks.

Ini contohnya oleh bulletpr:

bulletpr

Seperti yang Anda lihat, menu ini menampilkan gambar + teks, sehingga ditempatkan di bagian bawah sehingga tidak memakan ruang yang berharga di tajuk situs.

Pendaftaran email lengket

Seperti yang mungkin Anda ketahui, salah satu cara terbaik untuk menjangkau audiens Anda adalah melalui email. Email yang dikirim ke daftar pelanggan Anda adalah lima kali lebih mungkin untuk dilihat daripada posting di Facebook.

Membangun daftar kualitas pelanggan email sangat penting untuk membawa bisnis Anda ke tingkat berikutnya. Berkat formulir lengket, mendapatkan pelanggan lebih mudah dari yang Anda pikirkan.

Ada banyak cara untuk mendorong pengunjung situs mendaftar ke milis Anda. Bentuk yang lengket, baik di bilah sisi atau di atas halaman Anda, bisa sangat membantu. Satu situs yang melakukan ini dengan baik adalah TwelveSkip, sebuah perusahaan media digital. Ajakan mereka untuk bertindak di bagian atas halaman jelas dan menarik perhatian tanpa terlalu di hadapan Anda atau mengganggu.

twelveskip

Bagian atas bilah samping Anda adalah tempat lain yang bagus untuk mendapatkan pelanggan email. Terkadang tidak ada salahnya memiliki banyak tempat di mana orang dapat mendaftar. Pelanggan email sangat berharga sehingga perlu upaya ekstra untuk membangun daftar Anda.

CodeinWP, misalnya, menggunakan berbagai bentuk untuk tujuan ini, dan banyak dari yang lengket. Seperti yang ini:

codeinwp

Iklan tempel

Mari kita hadapi itu – iklan adalah kejahatan yang perlu bagi kebanyakan dari kita. Pembaca kami tidak menyukainya dan begitu juga banyak pembuat situs web. Namun, mereka penting untuk membayar tagihan, dan di situlah iklan digital masuk.

Time Magazine menggunakan iklan mereka sebagai blok lengket, jadi itu akan bergulir kapan Anda sedang membaca artikel apa pun.

waktu

Ini jauh lebih tidak mengganggu daripada iklan percikan raksasa atau pop-up, jadi itu bukan cara yang buruk untuk menghasilkan beberapa pendapatan tanpa mematikan terlalu banyak pembaca.

Seperti semua iklan, ini harus dilakukan hanya dalam jumlah sedang. Dinding iklan di sebelah kiri atau kanan artikel langsung mati. Satu atau dua, ditambah dengan tautan ke lebih banyak artikel, adalah cara yang baik untuk beriklan.

Elemen UI lengket kreatif di WordPress

Terlepas dari hal-hal yang tercantum di atas, Anda bisa menjadi jauh lebih kreatif dengan penggunaan elemen UI yang lengket di WordPress, tetapi ini juga akan berarti lebih banyak pekerjaan yang berpotensi untuk membuatnya diterapkan.

Inilah satu contoh, oleh Gavick.com:

pulau

Jika Anda pergi ke situs itu, Anda akan melihat bahwa seluruh pulau tetap berada di tengah sebagian besar saat Anda menggulir ke bawah. Ini bergeser antara latar depan dan latar belakang, tetapi selalu di tengah. Hal semacam ini benar-benar menarik perhatian pengguna.

Tampaknya benar-benar tidak ada batasan untuk penggunaan kreatif elemen UI lengket di WordPress … karena seseorang dapat membuat pulau lengket.

Cara menemukan plugin yang tepat?

Ada tidak ada kekurangan plugin di WordPress.org yang dapat membantu Anda menerapkan elemen lengket ke dalam tema Anda. Beberapa mungkin bekerja sangat baik dengan tema Anda, sementara yang lain mungkin tidak dioptimalkan untuk situs Anda. Butuh beberapa percobaan dan kesalahan untuk menemukan yang paling berhasil.

Hasil akhirnya akan sia-sia, apakah Anda berharap untuk mengarahkan lalu lintas media sosial atau menyampaikan informasi penting kepada pembaca. Pastikan Anda menguji plugin Anda secara ekstensif untuk memastikan tidak ada kebiasaan desain.

Lexie Lu Tentang Penulis: Lexie Lu adalah perancang lepas dan blogger. Dia menikmati meneliti tren terbaru dan selalu memiliki secangkir kopi di dekatnya. Dia berhasil Desain panggang dan bisa diikuti di Twitter @lexieludesigner.

Semua suntingan dan penulisan ulang cerdas oleh Karol K.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map