Akhir dari Formulir Web

Formulir web menjengkelkan, tidak efisien, dan membuat orang ketakutan. Apakah ada yang benar-benar suka mengisi formulir web? Namun demikian, mereka adalah "kejahatan yang diperlukan" yang dapat membuat atau menghancurkan beberapa interaksi online yang paling kritis.

Formulir web sebagian besar masih didasarkan pada formulir kertas lama — sisa-sisa zombie dari UI yang berpusat pada sistem (vs. yang berpusat pada pengguna). Sudah 30 tahun, dan kami masih mengetik informasi yang sama ke dalam formulir berulang kali.

Untungnya, pergeseran besar sedang dalam perjalanan. Lima tahun dari sekarang, kita akan melihat ke belakang dengan ngeri pada cara yang canggung, lambat, dan membuat frustrasi yang kita gunakan untuk memasukkan data pribadi saat mengisi lamaran kerja, aplikasi kartu kredit—berurusan dengan pembayaran eCommerce, pendaftaran akun… hampir semua tugas yang memerlukan entri informasi. Terlepas dari pentingnya interaksi ini, desain bentuk yang memungkinkannya sering kali tidak dipikirkan dengan matang.

Intinya adalah, sebagian besar formulir web saat ini—baik desktop maupun seluler—adalah pengalaman pengguna yang buruk. Terlepas dari tak terhitung banyaknya buku, studi, artikel, dan whitepaper dari pakar industri UX seperti The Nielsen Norman Group, Baymard Institute (eCommerce) dan Luke Wroblewski (salah satu pendiri Interaction Design Association), banyak organisasi—bahkan mereka yang sumber hidupnya bergantung padanya —jangan ikuti praktik terbaik desain ux formulir web.

Itu berarti miliaran dan miliaran pendapatan yang hilang.

Yang mengejutkan, Amazon—raksasa eCommerce multi-miliar dolar yang besar—berperingkat sangat rendah dalam “kinerja UX checkout keseluruhan” oleh Baymard Institute ketika mempertimbangkan interaksi pengguna dengan formulir seperti pengiriman dan pengambilan di toko, informasi kartu kredit, kesalahan validasi, dan lagi. Berapa banyak bisnis yang hilang karena UX yang buruk?

Saat ini, sebagian besar formulir web membuat frustrasi, lambat untuk diisi, dan mengutamakan kegunaan.

Dalam hal waktu dan ketegangan kognitif, formulir online cenderung menjadi gangguan besar. Mereka sangat rawan kesalahan, tidak memiliki nilai default, pelengkapan otomatis, dan pemformatan otomatis; mereka menangani kesalahan input dengan buruk—dan itu bahkan tidak berbicara tentang formulir seluler yang memerlukan pola pikir desain yang berbeda dan memiliki masalah kegunaan yang berbeda.

Organisasi sering kali mencoba mengumpulkan terlalu banyak informasi dari pengguna meskipun tidak diperlukan untuk menyelesaikan transaksi. Formulir donasi seringkali merupakan pelanggar terbesar karena mereka bersikeras mengumpulkan data profil donor untuk statistik mereka sendiri, tidak mempertimbangkan kepentingan donor. Bayangkan jika Anda diberi tahu saat Anda akan memberi seseorang koin yang diperoleh dengan susah payah bahwa Anda harus menunggu, uang tunai di tangan, karena mereka memanggang Anda dengan pertanyaan sepenuhnya untuk penggunaan statistik mereka sendiri. Tidak, terima kasih.

Formulir seluler—pendaftaran akun, pembayaran, dll.—penuh dengan masalah dan tantangan ux unik mereka sendiri. Input canggung karena layarnya kecil dan tidak memiliki keyboard ukuran penuh. Orang harus menggunakan ujung jari mereka untuk mengetuk dan menggesek elemen UI. Entri teks sangat lambat dan penuh dengan kesalahan ketik, bahkan pada perangkat dengan keyboard mini khusus.

Layar kecil berarti lebih sedikit opsi yang terlihat pada waktu tertentu, mengharuskan pengguna mengandalkan memori jangka pendek mereka untuk membangun model mental sistem di belakang layar.

Formulir Web yang Berkembang

Bentuk web berada di tengah-tengah fase evolusi. Menjelang kelahiran paradigma yang sama sekali baru, kita berada di suatu tempat antara fase awal "mengetik ke dalam formulir" yang menyakitkan, kikuk, membosankan, dan berulang-ulang dan masa depan yang mudah berangin dan tahan kesalahan di mana Touch ID, pencetakan suara, visi komputer, pengenalan wajah, dan pemindaian iris mata akan membuka kunci data pribadi kita dan memberikan semua informasi yang diperlukan dengan mulus dan aman ke sistem yang membutuhkannya.

Desainer UX terus berupaya untuk meningkatkan pengalaman dan mengurangi rasa sakit yang muncul dengan mengisi formulir web, tetapi dalam fase peralihan ini masih hanya menyediakan "vitamin"—bukan solusi "penghilang rasa sakit" yang paling utama.

Untuk memberikan pengalaman pengguna yang lebih ramah pengguna dan mulus, beberapa desain formulir terbaru mencoba menghilangkan beberapa frustrasi dengan menerapkan antarmuka yang tidak memiliki kemiripan dengan formulir konvensional. Mereka berhasil membuat hidup kita jauh lebih mudah, tetapi masih ada jalan yang harus ditempuh.

IsiOtomatis Datang untuk Menyelamatkan

Peramban Google Chrome dan fitur IsiOtomatisnya adalah anugerah yang telah lama ditunggu-tunggu untuk penyelesaian formulir yang lebih efisien. Ini menyimpan data pribadi yang sering dimasukkan dengan aman—termasuk kartu kredit—untuk pengisian formulir web yang cepat. Sebuah studi baru-baru ini oleh Google menemukan bahwa menonaktifkan fitur IsiOtomatis Chrome menghasilkan pengiriman formulir 25% lebih sedikit. Studi tersebut menunjukkan bahwa tanpanya pengalaman itu sangat mengganggu, beberapa pengguna mengabaikan pengisian formulir sama sekali.

Kejutan! Pengetikan yang membosankan ke dalam formulir adalah sesuatu yang ingin dihindari orang.

Pengelola Kata Sandi Menghilangkan Rasa Sakit

Mengambil dan mengetik kata sandi terus-menerus untuk ratusan akun online itu melelahkan. Pengelola kata sandi datang untuk menyelamatkan beberapa tahun yang lalu dan sekarang banyak digunakan. 1Password dan Dashlane adalah dua solusi terdepan yang, dengan beberapa klik atau ketuk, menyimpan dengan aman dan mengisi otomatis kata sandi terenkripsi untuk situs web dan aplikasi.

Masuk Sosial Mengakhiri Pendaftaran

Menurut penelitian yang dikumpulkan oleh WebHostingBuzz, 86% pengguna melaporkan merasa terganggu karena harus membuat akun baru. Sebuah sign-in sosial menghilangkan kebutuhan untuk pendaftaran. Ini adalah bentuk single sign-on menggunakan informasi yang ada dari layanan jejaring sosial seperti Facebook, Google+, LinkedIn dan Twitter. Ini meningkatkan pendaftaran dan meminimalkan hambatan masuk dengan mengurangi kebutuhan akan nama pengguna dan kata sandi.

Teknologi Perangkat Seluler Meringankan Beban Formulir

Ada banyak peningkatan kegunaan yang dibuat untuk formulir seluler yang juga mendorong beberapa praktik terbaik baru di desktop—seperti menyimpan dan mengambil nilai yang sering digunakan, menggunakan fitur telepon (kamera, GPS, suara, daftar kontak) untuk mengisi formulir dan data format otomatis (berdasarkan kode ZIP, pilih Negara Bagian AS sebelumnya).

Juga, tergantung pada jenis input yang dibutuhkan, keyboard dapat diubah; saran/pelengkapan otomatis berdasarkan huruf pertama yang diketik dapat digunakan, dan nomor telepon dan nomor kartu kredit dapat diformat secara otomatis.

Tren Formulir Web

Seperti yang telah dibahas, desain formulir web tradisional mengikuti model berbasis kertas lama; itu sebabnya mereka terlihat sangat mirip. Sebelumnya, teknologi untuk mengumpulkan data pribadi dengan cara lain tidak tersedia, tetapi sekarang ada. Dalam upaya untuk sepenuhnya meninggalkan formulir web konvensional, desainer menghadirkan UI yang bersih dan area yang digarisbawahi kepada pengguna untuk menandakan ke mana arah input teks. Dengan cara ini, mengisi formulir terasa lebih alami dan tidak seperti entri data.

Tren lainnya adalah membuat permintaan masukan pengguna lebih bersifat percakapan, yang menciptakan interaksi yang lebih manusiawi. Perintis ke dunia chatbots dan metode input lain yang lebih canggih di masa depan, melibatkan jalinan kolom input pengguna ke dalam kalimat dan pertanyaan yang mengalir secara alami.

Machines Talk Back: Chatbots dan Munculnya Agen Otomatis

Biasanya, bot adalah platform kecerdasan buatan yang menggunakan pesan instan sebagai antarmuka aplikasi. Alih-alih membebani pengguna dengan meminta mereka mengisi formulir, chatbot meringankan beban itu dengan membuat interaksi lebih alami dan percakapan—beberapa bot bukan AI tetapi manusia nyata yang berinteraksi melalui obrolan untuk memberikan pengalaman pengguna yang luar biasa.

Meskipun waktu yang dibutuhkan mungkin sama—untuk menyelesaikan pemesanan perjalanan sederhana misalnya—karena interaksinya bersifat percakapan dan dipecah menjadi beberapa bagian, ketegangan kognitif berkurang dan pengalaman meningkat.

Wisatawan sekarang dapat melakukan reservasi dengan Hyatt Hotels menggunakan aplikasi Facebook Messenger, atau cukup terlibat dalam obrolan langsung dengan tim Hyatt untuk mengajukan pertanyaan dengan format bebas—seperti apakah ketersediaan tersedia di sekitar hari libur tertentu.

Asuransi adalah industri lain yang siap untuk diganggu oleh munculnya agen otomatis. Facebook membuat platform Messenger-nya tersedia bagi siapa saja untuk mengembangkan dan menyebarkan chatbots juga membuka pintu bagi agen asuransi otomatis.

Jack Insurance di Inggris melakukan hal itu. Itu dibangun untuk memberikan asuransi bisnis sederhana untuk materi iklan lepas dan profesional web seperti desainer web, pengembang, dan ilustrator.

Namun, pengalaman mengisi formulir dengan bantuan pita dengan chatbots dan sejenisnya hanyalah setengah ukuran. Ini tidak akan berhasil dalam jangka panjang karena orang akan terus harus memberikan banyak data pribadi berulang kali.

Kita tidak dapat memecahkan masalah dengan menggunakan cara berpikir yang sama seperti yang kita gunakan saat menciptakannya. - Albert Einstein

Untuk beralih dari fase "vitamin" ke obat penghilang rasa sakit sejati, kita perlu berpikir secara berbeda dan membuat lompatan besar ke dalam paradigma baru.

Bangkitnya AI: Pengumpulan Data Masa Depan yang Mudah Digunakan

Siapa yang tidak melalui proses yang sulit dan berulang untuk mencoba memesan liburan musim panas? Ketika saya merencanakannya baru-baru ini, saya mengisi berbagai formulir berulang kali dengan tiga maskapai penerbangan, selusin hotel, dua perusahaan penyewaan mobil, transfer bandara… nama, alamat, nomor kartu kredit yang sama, nomor klub frequent flyer, nomor telepon, email alamat ... prosesnya benar-benar membunuh jiwa dan benar-benar konyol.

Google melaporkan bahwa stres tidak terkendali: 69% pelancong liburan khawatir mereka tidak menemukan harga terbaik atau membuat keputusan terbaik saat memesan perjalanan. Selain itu, pengalaman pengguna yang buruk mengisi formulir tanpa akhir dengan informasi yang sama 90% dari waktu, dan kita berbicara tentang proses yang sangat membuat frustrasi dan stres. Bahkan dengan fitur IsiOtomatis Chrome dan kemudahan lain yang disebutkan sebelumnya, pengalamannya masih mengerikan dan penuh dengan kebosanan.

Visi UX jangka panjang bukanlah untuk terus menyempurnakan formulir web, tetapi untuk membunuhnya sama sekali.

Seperti disebutkan sebelumnya, karena berbagai teknologi yang tersedia di ponsel: GPS, sidik jari (Touch ID), cetak dan pengenalan suara, pemindaian iris, pengenalan wajah, visi komputer, asisten AI, dan chatbots, pengumpulan data pribadi yang tidak dapat dihindari yang harus terjadi untuk transaksi online yang sukses akan merevolusi di ponsel pertama. Oleh karena itu, situs desktop dapat memanfaatkan kemampuan teknologi perangkat seluler untuk verifikasi ID yang canggih dengan menautkannya.

Mari bayangkan masa depan yang ideal dengan brankas data pribadi yang menyimpan segala sesuatu tentang seseorang dengan sangat aman: nama, alamat rumah, alamat kantor, nomor telepon, miles frequent flyer, tanggal lahir, dll. Gudang data pribadi ini dapat dibuka dengan kombinasi verifikasi biometrik, pertanyaan keamanan, dan kata sandi utama. Setelah dibuka kuncinya dan diberikan akses, situs atau aplikasi akan dapat mengakses semua informasi yang diperlukan yang dibutuhkannya tanpa pengguna harus mengetikkan informasi apa pun.

Bergantung pada platform dan perangkat, metode dan fallback yang berbeda dapat digunakan untuk membuka kunci brankas. Untuk menghindari pengguna harus memasukkan data, sistem kemudian akan mengajukan pertanyaan sederhana menggunakan chatbot, atau UI percakapan lainnya dengan pengenalan suara opsional dan pemrosesan bahasa alami. Jika input suara tidak praktis, input keyboard akan tersedia.

Mengambil langkah lebih jauh, brankas data pribadi ini dapat ditautkan dengan brankas lain (misalnya milik pasangan atau pasangan) yang, dengan persetujuan pemilik, akan dibuka untuk sementara untuk mengakses informasi yang relevan (akses akan singkat dan hanya informasi yang diminta yang akan disediakan). Aplikasi atau situs perjalanan kemudian dapat mengakses semua data yang diperlukan dengan aman, dan membuat pengaturan perjalanan dengan mudah.

Formulir web akan segera menjadi kuno—artefak menarik dari era lampau yang tidak lagi dibutuhkan. Dalam skenario yang dijelaskan di atas, desainer UX akan dihadapkan dengan merancang pengalaman yang lebih baik tanpa formulir. Semua interaksi konvensional, termasuk mengetik informasi ke dalam formulir web, akan menghilang ke latar belakang.

Sifat Input Pengguna Berubah

Penggunaan internet dan smartphone telah menciptakan data yang berlimpah dan selalu ada. “Teknologi masa depan,” seperti visi komputer, IoT, kecerdasan buatan, dan pembelajaran mesin sudah ada di sini, mengubah sifat interaksi dan lanskap UX.

UI konvensional menghilang, dan formulir web adalah bagian dari perubahan itu. Tentu saja, beberapa kebutuhan akan formulir masukan pengguna tidak akan pernah hilang, tetapi antarmuka yang tidak terlihat—di mana semakin sedikit interaksi pengguna yang dibutuhkan untuk memberikan masukan—akan menjadi tersebar luas.

Teknik AI seperti pembelajaran mesin dapat mengekstrak nilai dari memiliki akses ke data pribadi, dan algoritme cerdas dapat memprediksi data apa yang diperlukan untuk mempermudah penyelesaian aplikasi pekerjaan, pemesanan perjalanan, dan pembelian online bagi pengguna.

Sementara kami memperjuangkan aspirasi yang penuh harapan dan mengejar cita-cita UX yang tinggi ini, masih ada celah antara cara-cara inventif untuk menghilangkan formulir web sepenuhnya dan masalah keamanan seputar data pribadi. Sistem yang kuat dan aman dapat dirancang, tetapi kita perlu menangani masalah ini. Studi telah menunjukkan bahwa orang bersedia untuk berbagi data pribadi dan memungkinkan pelacakan jika mereka memperoleh nilai yang signifikan dan penghematan waktu dari itu.

Untuk tetap terdepan dalam permainan, desainer UX harus mulai memikirkan skenario masa depan yang diisi dengan chatbot dan UI percakapan. Kita perlu mengoptimalkan pengalaman dan mencari tahu skenario kasus penggunaan. Apakah langkah-langkah interaksi semulus dan seefisien mungkin? Apa nada chatbotnya? Apakah kita mengurangi waktu yang dibutuhkan untuk menyelesaikan sesuatu atau menambahnya? Dengan verifikasi ID biometrik yang akan datang, seperti apa interaksi itu nantinya? Bagaimana kami dapat melayani pengguna kami dengan lebih baik dan memberikan pengalaman luar biasa yang membuat hidup lebih mudah?

Teknologi dan sifat interaksi akan berubah, tetapi jumlah dan substansi praktik terbaik desain UX—proses desain yang berpusat pada pengguna—akan terus berkembang dan pada akhirnya menang.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• eCommerce UX – Tinjauan Praktik Terbaik (dengan Infografis)
• Pentingnya Desain yang Berpusat pada Manusia dalam Desain Produk
• Portofolio Desainer UX Terbaik – Studi Kasus dan Contoh yang Menginspirasi
• Prinsip Heuristik untuk Antarmuka Seluler
• Desain Antisipatif: Cara Membuat Pengalaman Pengguna yang Ajaib