Cara Mengoptimalkan Formulir untuk Memanfaatkan IsiOtomatis

Kejutan! Anda dapat mempermudah pengguna untuk membeli produk Anda secara online dengan kekuatan isi otomatis.

Ini pasti hari keberuntunganmu. Atau, yah, bertahun-tahun?

IsiOtomatis bukanlah hal baru, meskipun telah ditingkatkan dari waktu ke waktu. Namun, ini adalah cara yang fantastis untuk mendorong pengguna mengisi formulir web Anda – apakah Anda ingin mereka menghubungi Anda atau memasukkan informasi pembayaran mereka sehingga mereka dapat menekan tombol Beli yang besar dan indah itu.

Pengisian formulir otomatis menghilangkan semua upaya dari formulir web yang bisa membosankan, memakan waktu, dan menghambat konversi. Saat Anda mengisi otomatis data formulir untuk pengguna Anda, Anda memberikan antarmuka pengguna dan pengalaman pengguna (UX) yang lebih baik dengan menghemat waktu pengguna dan mengurangi potensi kesalahan (seperti salah ketik).

Ini juga menyelamatkan pengguna dari keharusan berpikir terlalu banyak, atau lebih buruk lagi, bangun dari kenyamanan sofa mereka untuk berjalan jauh ke dompet mereka.

Anda mungkin berpikir kami dramatis, tetapi terkadang setelah seharian bekerja, keunggulan Anda terlalu lelah untuk bangun. Atau mereka ibu yang sibuk yang mengira mereka akan melakukan pembelian cepat selama 5 menit istirahat, dan tiba-tiba, mereka tidak punya waktu.

Dalam satu penelitian, Google menemukan bahwa pengguna menyelesaikan formulir 30% lebih cepat dengan pengisian formulir otomatis diaktifkan. Kecepatan ini, dikombinasikan dengan kemudahan isi otomatis, meningkatkan tingkat pengiriman formulir dan konversi sambil membuat pengguna senang dalam prosesnya. Dan pengguna yang senang adalah pengguna yang kembali.

Itu sebabnya kemampuan otomatis ada dalam daftar praktik terbaik desain formulir kami.

Jadi, bagaimana Anda membuat isi otomatis berfungsi di formulir web Anda?

Semuanya dimulai dengan meminta pengembang web Anda mengoptimalkan formulir Anda untuk bekerja dengan browser pengguna sehingga dapat mengenali bidang formulir Anda apa adanya.

Bagaimana Cara Kerja IsiOtomatis?

Bagaimana kalau kita mulai di sini: apa itu isi otomatis?

IsiOtomatis adalah alat bagus yang ditawarkan oleh sebagian besar browser untuk penggunanya. Saat pengguna mengaktifkan IsiOtomatis, browser mereka akan secara otomatis mengisi formulir untuk mereka dengan data pengguna yang berlaku yang telah disimpannya. Akibatnya, pengguna tidak perlu mengisi setiap bidang dengan tangan.

Peramban yang berbeda menyimpan data pengguna yang sedikit berbeda tetapi secara keseluruhan serupa:

Catatan: “Alamat” mencakup nomor telepon, alamat email, dan alamat pengiriman.

Sekarang, bagaimana isi otomatis melakukan keajaibannya?

Ini cukup sederhana. Peramban mengumpulkan informasi yang telah dimasukkan pengguna ke dalam formulir sebelumnya di situs web orang lain atau situs Anda sendiri. Beberapa pengguna bahkan dapat mengatur isi otomatis di pengaturan isi otomatis browser mereka dan memberikan informasi secara langsung untuk membuat hidup lebih mudah. Dalam hal ini, browser dapat menyimpan data sensitif, seperti metode pembayaran, melalui prosedur otentikasi.

Pengguna mengontrol preferensi IsiOtomatis melalui pengaturan IsiOtomatis mereka dan dapat memilih untuk mengaktifkan atau menonaktifkannya.

Selama diaktifkan, browser mereka akan menggunakan beberapa heuristik untuk menentukan bidang formulir mana yang dapat diisi otomatis berdasarkan izin pengguna.

Cara Menambahkan Pengisian Formulir Otomatis ke Formulir Web Anda

Apakah Anda siap untuk beberapa kabar baik?

Selama Anda membuat formulir web menggunakan praktik terbaik formulir, pengisian otomatis biasanya diberikan karena fungsi utama dimasukkan ke dalam browser atau perangkat pengguna. Jadi, Anda hanya perlu fokus mengembangkan formulir yang memenuhi standar pengkodean. Kelola itu, dan isi otomatis akan berfungsi di formulir seluler dan desktop Anda.

Jika tidak, Google memberikan dua alasan mengapa isi otomatis mungkin tidak berfungsi untuk pengguna:

1. 1. Situs web Anda mungkin tidak cukup aman bagi Chrome untuk menyediakan data pengguna.
   2. Jika situs web Anda aman, Chrome mungkin tidak dapat mendeteksi bidang formulir Anda.

Untuk mencegah masalah ini dengan formulir web Anda, pastikan situs web Anda cukup aman untuk memenuhi standar browser. Tetapkan pedoman keamanan, perbarui situs web dan perangkat lunak Anda, gunakan firewall dan VPN, serta cegah silo data.

Jika situs web Anda aman dan IsiOtomatis tidak berfungsi dengan sendirinya, konfirmasikan bahwa formulir Anda mengikuti praktik terbaik kode formulir berikut.

Bentuk Praktik Terbaik untuk Menjamin Pekerjaan IsiOtomatis

Sementara browser melakukan keajaibannya untuk membuat hidup pengguna lebih mudah, ada beberapa cara yang dapat Anda lakukan untuk membantu mereka. Dengan mengembangkan formulir web yang memberikan petunjuk yang tepat ke browser, Anda dapat menjaminnya akan dapat mengisi data formulir secara otomatis untuk pengguna Anda.

Mulailah dengan memberikan petunjuk kepada browser tentang jenis data yang harus diisi dengan bidang formulir Anda, sehingga lebih mudah bagi browser untuk membaca formulir Anda dan melakukan tugasnya.

Untuk melakukannya, pastikan Anda menggunakan jenis input yang benar dan label input yang sesuai. Anda juga ingin memberikan atribut nama dan atribut pelengkapan otomatis untuk setiap elemen input. Gambar di bawah ini menunjukkan nama umum dan atribut pelengkapan otomatis sesuai standar HTML yang mungkin Anda perlukan.

Foto dari Pengembang Google.

Untuk mematuhi praktik formulir HTML standar, Anda atau pengembang situs web Anda juga harus memastikan bahwa elemen masukan dibungkus dengan tag <form> untuk mengaktifkan isi otomatis. Peramban web Google Chrome memerlukan bidang formulir dalam tag formulir HTML, atau hanya akan menawarkan saran dan tidak akan mengisi data formulir secara otomatis.

Yang Tidak Boleh Dilakukan: Praktik yang Mencegah IsiOtomatis

Sementara beberapa praktik membantu browser mengisi data formulir secara otomatis, yang lain menghalangi. Saat membuat formulir, pastikan Anda:

• • Hindari perangkap validasi bidang seperti validasi sisi klien
  • Gunakan bidang input standar alih-alih membuat sendiri
  • Gunakan atribut placeholder di bidang input alih-alih placeholder palsu
  • Jangan salin alamat pengiriman ke alamat penagihan
  • Pastikan Formulir Anda Bekerja Dengan Pengelola Kata Sandi
  • Terkadang data browser bukan satu-satunya uluran tangan dalam hal pengisian formulir otomatis.

Pengguna sudah bosan melacak sejuta kata sandi, dan dapatkah Anda menyalahkan mereka? Tidak ada yang lebih buruk daripada menebak kata sandi sampai Anda terkunci dari akun atau menyerah dan mengatur ulang kata sandi hanya untuk diberi tahu bahwa Anda tidak dapat menggunakan yang sekarang. (Bukankah kamu sudah mencobanya ?!)

Pada gilirannya, pengelola kata sandi yang melacak semua nama pengguna dan kata sandi Anda di satu tempat semakin populer. Manajer terbaik ini, seperti LastPass dan 1Password, hadir dengan kemampuan untuk mengisi otomatis kata sandi dalam formulir login.

Untuk pemilik situs web, ini berarti memastikan formulir login Anda berfungsi dengan aplikasi pengisian otomatis kata sandi.

Untungnya, pengelola kata sandi menghubungkan ke formulir yang dibuat dengan benar sendiri – seperti halnya browser. Ikuti tip formulir di atas, dan formulir Anda akan bekerja dengan lancar dengan LastPass dan 1Password.

Namun, seperti halnya browser, ada beberapa cara untuk membantu pengelola kata sandi membaca formulir Anda dan menjamin fungsinya:

• • Jangan gunakan formulir masuk yang secara dinamis menambah atau menghapus bidang
  • Tunjukkan formulir Anda pada render pertama halaman web
  • Gunakan atribut placeholder sebagaimana dimaksud
  • Hindari menggunakan formulir login multi-halaman jika memungkinkan

Cara IsiOtomatis: Tips Lainnya

Ketika datang untuk membentuk UX, memenuhi harapan pengguna adalah persyaratan minimum, dan melebihi harapan adalah tujuannya. Terkadang ini berarti menerapkan fleksibilitas tata letak formulir untuk beradaptasi dengan perbedaan dalam harapan pengguna.

Dalam hal fungsi pengisian otomatis, membuat tata letak formulir yang fleksibel dapat menjadi sangat penting bagi bisnis yang melakukan bisnis di atau melayani konsumen di banyak negara karena orang di seluruh dunia menulis alamat secara berbeda. Untuk mengakomodasi harapan dan browser pengguna ini, pertimbangkan untuk menyediakan formulir fleksibel yang menyesuaikan bidang alamat.

Menyiapkan Formulir IsiOtomatis untuk Aplikasi

Saat membuat aplikasi yang akan diakses pengguna di perangkat Apple, pastikan aplikasi Anda mendukung fungsi IsiOtomatis Kata Sandi Apple, dan atur domain terkait aplikasi Anda seperti yang diinstruksikan di sini:

Persyaratan IsiOtomatis iOS

Untuk aplikasi di perangkat Android, framework IsiOtomatis Android akan otomatis mengisi formulir selama aplikasi Anda menggunakan tampilan standar. Anda dapat mengoptimalkan cara kerja aplikasi Anda dalam kerangka kerja dengan menyelesaikan alur kerja IsiOtomatis, menyiapkan domain terkait, menandai bidang sebagai penting, dan menggunakan atribut android:autofillHints seperti yang dijelaskan di sini:

Operasi dan Instruksi IsiOtomatis Android

Dapatkan Terima Kasih dalam Konversi

Memastikan formulir Anda berfungsi dengan baik dengan kemampuan isi otomatis browser dan pengelola kata sandi adalah salah satu cara terbaik untuk meningkatkan UX formulir dan mengurangi gesekan seputar pengiriman formulir. Siapa yang tidak senang mendapatkan hasil yang sama dengan setengah (atau kurang!) usaha?

IsiOtomatis membuat hidup pengguna lebih mudah dengan membuat formulir lebih cepat dan lebih mudah untuk diselesaikan, yang berarti pengguna mendapatkan apa yang mereka cari, dan Anda mendapatkan lebih banyak konversi.

Dan, menurut kami, konversi adalah cara terbaik yang dapat dilakukan pengguna untuk mengucapkan terima kasih.

Tertarik untuk membuat formulir Anda mati untuk (alias cepat, cantik, ramah pengguna dan dioptimalkan untuk mengisi data formulir secara otomatis)? Tim kami bersemangat tentang semua itu, dan kami senang berbicara. Mencapai.