Bentuk Pop-up Kreatif yang dibuat dengan Benar

Pop-up adalah salah satu pola desain paling populer. Itulah mengapa kami mengumpulkan beberapa contoh pop-up yang dilakukan dengan benar dan mendukungnya dengan tutorial tentang cara membuatnya di UXPin.

Seluruh ide di balik persetujuan cookie

Ketika situs mengingat detail login Anda, preferensi, atau menyimpan item keranjang belanja Anda untuk nanti, itu semua berkat cookie web. Persetujuan cookie mungkin salah satu pop-up paling populer dan jelas. Namun, saat mendesainnya, Anda perlu memberikan pengalaman pengguna yang hebat dan memastikan privasi pengguna pada saat yang sama. 

Apa yang sebenarnya diperlukan dalam perpesanan kebijakan cookie

Menyalin pendekatan untuk menulis izin cookie bisa sangat berbeda dan dapat sangat bervariasi. Namun, minimal, persetujuan harus membahas:

  • Untuk apa Anda menggunakan cookie,
  • Apa yang mereka berikan,
  • Bagaimana pengguna Anda dapat mengelolanya.

Contoh spanduk persetujuan cookie yang dipilih dilakukan dengan benar

Sebagian besar situs web menampilkan persetujuan cookie di bagian bawah viewport. Ini dapat ditampilkan sebagai footer atau hanya di sudut kanan bawah atau kiri bawah. Mari kita lihat beberapa situs web yang melakukannya dengan benar.

Persetujuan cookie Squarespace tidak mengganggu, namun tetap terlihat di bagian bawah layar saat pengguna menggulir halaman. Ini memberi tahu Anda tentang kebijakan privasi dan cookie dan apa yang Anda setujui dengan terus menggunakan situs ini.

Cara lain adalah dengan menampilkan persetujuan cookie di sudut layar. Contoh dari FullStory lebih menonjol. Ini adalah dialog tetap di sudut kiri bawah viewport yang tetap di tempat itu sampai Anda berinteraksi dengannya.

Cara membuat spanduk cookie di UXPin

Anda dapat membuat sembulan seperti ini di UXPin dalam hitungan menit dengan menggunakan hanya beberapa elemen, seperti Kotak, elemen Teks, dan Tombol. Jika Anda ingin tahu cara membuatnya kembali secara bertahap, baca tutorial kami tentang Cara Membuat Pop-Up Persetujuan Cookie.

Jendela pop-up on-scroll

Alih-alih menyambut pengunjung situs Anda dengan pop-up sign-in segera, Anda mungkin ingin mengambil pendekatan yang sedikit halus. Anda dapat menampilkannya hanya jika relevan dengan konten dan pada gulir, seperti yang dilakukan Curate Labs.

Cara membuat pop-up on-scroll di UXPin

Untuk membuat prototipe pop-up pada-gulir di UXPin, Anda harus membangun interaksi yang menampilkan pop-up ketika halaman digulir ke posisi yang ditentukan. Tonton video di bawah ini untuk melihat cara membuat ulang langkah-demi-langkah atau ikuti tutorial kami.

sumber: uxpin.com

Latest articles

12.6k Followers
Follow

Related articles