Akhir Dari Formulir Web, Apa Maksudnya?

on

|

views

and

comments

Formulir web itu menjengkelkan, tidak efisien, dan membuat orang takut. Adakah yang benar  benar suka mengisi formulir web? Namun demikian, mereka adalah “kejahatan yang perlu” yang dapat membuat atau menghancurkan beberapa interaksi online paling kritis.

Formulir web sebagian besar masih didasarkan pada formulir kertas lama — sisa-sisa zombie dari UI sistem-sentris (vs pengguna-sentris). Sudah tiga puluh tahun dan kami masih mengetik informasi yang sama dalam bentuk berulang-ulang.

Desain web-form ux ui berasal dari desain form berbasis kertas
Orang dapat melihat bagaimana formulir web berasal dari formulir kertas seperti aplikasi pekerjaan KFC ini.

Untungnya, ada pergeseran besar di jalan. Lima tahun dari sekarang, kita akan melihat kembali dengan ngeri pada cara yang canggung, lambat, membuat frustrasi yang kita gunakan untuk memasukkan data pribadi ketika mengisi aplikasi pekerjaan, aplikasi kartu kredit — berurusan dengan checkout eCommerce, pendaftaran akun … hampir semua tugas yang memerlukan entri informasi. Terlepas dari pentingnya interaksi ini, desain bentuk-bentuk yang memungkinkannya sering kali dipikirkan dengan sangat buruk.

Desain formulir web DMV
Siapa yang tidak suka DMV? Bentuk seperti ini diharapkan akan menjadi peninggalan yang berdebu dari masa lalu yang hilang segera.

Intinya adalah, sebagian besar formulir web saat ini — apakah desktop atau seluler — hanyalah pengalaman pengguna yang mengerikan. Terlepas dari banyak buku, penelitian, artikel, dan whitepaper dari pakar industri UX seperti The Nielsen Norman Group , Baymard Institute (eCommerce) dan Luke Wroblewski (co-founder dari Interaction Design Association), banyak organisasi — bahkan mereka yang sumber kehidupannya bergantung padanya —Jangan mengikuti praktik terbaik bentuk web dan desain.

Itu berarti miliaran dan miliaran pendapatan yang hilang.

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

Saat ini, sebagian besar formulir web membuat frustrasi, lambat untuk mengisi dan menempatkan kegunaan terakhir.

Desain web-form UX UI
Formulir pendaftaran akun seperti ini adalah tekanan mental pada orang dan memakan waktu untuk mengisi.

Dalam hal waktu dan ketegangan kognitif, formulir online cenderung menjadi gangguan raksasa. 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.

Aplikasi pekerjaan web-bentuk desain ux
Formulir lamaran pekerjaan memiliki beberapa UX terburuk. Seorang pencari kerja yang aktif mengisi formulir ini dengan informasi yang sama berulang kali.

Organisasi sering mencoba mengumpulkan terlalu banyak informasi dari pengguna bahkan ketika itu tidak diperlukan untuk menyelesaikan transaksi. Bentuk sumbangan seringkali merupakan pelanggar terbesar karena mereka bersikeras mengumpulkan data profil donor untuk statistik mereka sendiri, tanpa mempertimbangkan kepentingan donor. Bayangkan jika Anda diberi tahu bahwa Anda akan memberi seseorang koin hasil jerih payah Anda yang harus Anda tunggu, uang tunai, karena mereka akan memanggang Anda dengan pertanyaan sepenuhnya untuk penggunaan statistik mereka sendiri. Tidak, terima kasih.

Formulir seluler — pendaftaran akun, checkout, dll. — Penuh dengan masalah dan tantangan ux 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 dikotori dengan kesalahan ketik, bahkan pada perangkat dengan keyboard mini khusus.

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

Desain web bentuk ux seluler
Langkah-langkah “buat profil” Domino Pizza dipenuhi dengan kegunaan yang buruk pada perangkat seluler dan membutuhkan terlalu banyak interaksi pengguna yang canggung.

Formulir Web yang Berkembang

Bentuk web berada di tengah fase evolusi. Menjelang lahirnya paradigma yang sama sekali baru, kita berada di suatu tempat di antara fase awal “mengetik ke dalam bentuk” yang menyakitkan, kikuk, dan berulang-ulang serta masa depan yang mudah-angin-ombak, mudah di mana Touch ID, pencetakan suara, visi komputer, pengenalan wajah, dan pemindaian iris akan membuka kunci data pribadi kami dan memberikan semua informasi yang diperlukan ke sistem yang membutuhkannya dengan mulus dan aman.

Desainer UX terus berupaya untuk meningkatkan pengalaman dan mengurangi rasa sakit yang datang dengan mengisi formulir web, tetapi pada tahap menengah ini masih hanya menyediakan “vitamin” —bahkan solusi “penghilang rasa sakit” yang paling ampuh.

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 bentuk konvensional. Mereka memang berhasil membuat hidup kita jauh lebih mudah, tetapi masih ada jalan yang harus ditempuh.

Desain formulir web UI percakapan berdasarkan Typeform
Typeform menggunakan “UI percakapan” untuk pengalaman pengguna yang cepat pada formulir aplikasi pekerjaan ini. Pintasan keyboard ditunjukkan dan dibangun di sebagian besar langkah dan jawaban, menjadikannya cara yang sangat efisien untuk mengisi formulir.

IsiOtomatis Datang ke Penyelamatan

Browser Google Chrome dan fitur IsiOtomatisnya merupakan anugerah yang sudah 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 25% lebih sedikit pengiriman formulir. Studi menunjukkan bahwa tanpa pengalaman itu sangat menjengkelkan, beberapa pengguna meninggalkan mengisi formulir sama sekali.

Mengherankan! Mengetik dalam bentuk yang membosankan adalah sesuatu yang orang ingin hindari.

IsiOtomatis Google Chrome
Fitur IsiOtomatis Google Chrome membantu pengisian formulir web berulang-ulang.

Pengelola Kata Sandi Meringankan Rasa Sakit

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

IsiOtomatis pengelola kata sandi seluler
Setelah dibuka dengan kata sandi utama atau ID sentuh sidik jari, dengan otomatis melakukan pengisian kata sandi Dashlane.

Sign-in Mengakhiri Pendaftaran

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

Masuk sosial, masuk sosial

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 ponsel (kamera, GPS, suara, daftar kontak) untuk mengisi formulir sebelumnya dan data format otomatis (berdasarkan kode ZIP pra-pilih Negara AS).

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

Apple Pay, visi komputer
Aplikasi Apple Pay menggunakan kamera iPhone dan visi komputer untuk hanya mengambil gambar kartu untuk mendaftarkannya, tidak diperlukan input keyboard yang membosankan.

Sebagaimana 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 ini. Dalam upaya untuk meninggalkan formulir web konvensional sepenuhnya, desainer menghadirkan pengguna dengan UI bersih dan area yang digarisbawahi untuk menandakan ke mana input teks pergi. Dengan cara ini, mengisi formulir terasa lebih alami dan kurang seperti entri data.

Desain formulir web seluler
Untuk menjauh dari tampilan “entri data” dengan bidang input dan dropdown, desainer membuat desain yang lebih bersih untuk formulir seluler.
Desain formulir web desktop
Formulir Google desktop .

Tren lain adalah membuat meminta input pengguna lebih banyak bicara, yang menciptakan interaksi yang lebih manusiawi. Sebuah pendahulu ke dunia obrolan yang lebih canggih dan metode input lainnya di masa depan, ini melibatkan jalinan bidang input pengguna ke dalam kalimat dan pertanyaan yang mengalir secara alami.

Desain formulir web UI percakapan
Formulir kontak yang sederhana dan percakapan
( Nelu Cebotari )
Desain formulir web seluler perdagangan percakapan
Bentuk seluler menjadi minimalis dan percakapan.
(Desain oleh Alex Cristache dan Fabio Basile di Dribbble)

Mesin Bicara Kembali. Chatbots dan Bangkitnya Agen Otomatis

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

Walaupun waktu yang dibutuhkan mungkin sama — untuk menyelesaikan pemesanan perjalanan sederhana misalnya — karena interaksinya adalah percakapan dan dipecah menjadi potongan-potongan, tekanan kognitif berkurang dan pengalaman meningkat.

Obrolan UI obrolan GoVoteBot
R / GA dan Dewan Iklan membangun bot pemungutan suara untuk mendorong Millennial ke tempat pemungutan suara. Cukup disebut GoVoteBot , ini berinteraksi dengan pengguna secara real time di Facebook Messenger.

Wisatawan sekarang dapat membuat reservasi dengan Hyatt Hotels menggunakan aplikasi Facebook Messenger , atau sekadar melakukan obrolan langsung dengan tim Hyatt untuk mengajukan pertanyaan bentuk-bebas — seperti apakah ada ketersediaan di sekitar hari libur tertentu.

Percakapan UI percakapan komersial chatbot Hyatt
Menggunakan Facebook Messenger, Hyatt Hotels menggunakan staf hubungan pelanggan untuk membantu para tamu membuat reservasi dan memeriksa ketersediaan.

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

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

Jack asuransi obrolan UI obrolan
Jack adalah chatbot sederhana yang menuntun para profesional melalui proses asuransi — tanpa formulir.

Namun, membantu band-mengisi pengalaman dengan chatbots dan sejenisnya hanya setengah ukuran. Ini tidak akan berfungsi dalam jangka panjang karena orang akan terus harus memberikan banyak data pribadi berulang kali.

Kita tidak bisa menyelesaikan masalah dengan menggunakan cara berpikir yang sama seperti yang kita gunakan saat kita menciptakannya. – Albert Einstein

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

Bangkitnya AI: Pengumpulan Data Besok yang ramah pengguna

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

Google melaporkan bahwa stres tidak terkendali: 69% pelancong merasa 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 sedang berbicara tentang proses yang sangat membuat frustrasi dan stres. Bahkan dengan fitur isi ulang otomatis Chrome dan kenyamanan lainnya yang disebutkan sebelumnya, pengalaman itu masih mengerikan dan penuh dengan kebosanan.

Visi UX jangka panjang bukanlah untuk menyempurnakan formulir web, tetapi untuk membunuhnya sekaligus.

Seperti yang disebutkan sebelumnya, karena berbagai teknologi yang tersedia di ponsel: GPS, sidik jari (Touch ID), cetak suara dan pengenalan, pemindaian iris, pengenalan wajah, penglihatan komputer, asisten AI, dan obrolan, pengumpulan data pribadi yang tak terhindarkan yang harus terjadi untuk transaksi online yang sukses akan merevolusi di ponsel terlebih dahulu. Dengan demikian, situs desktop dapat memanfaatkan kemampuan teknologi perangkat seluler untuk verifikasi ID canggih dengan menautkannya.

Pemesanan perjalanan percakapan alih-alih formulir web
Bisakah kita mengakhiri pencarian konvensional, memfilter hasil, dan formulir web dan menghasilkan interaksi yang lebih sederhana, secara radikal lebih menyenangkan ketika mencoba memesan perjalanan?

Mari kita 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, mil frequent flyer, tanggal lahir, dll. Gudang data pribadi ini dapat dibuka dengan kombinasi verifikasi biometrik, pertanyaan keamanan, dan kata sandi utama. Setelah dibuka dan diberikan akses, situs atau aplikasi akan dapat mengakses semua informasi yang diperlukan tanpa pengguna harus mengetikkan informasi apa pun.

Identifikasi biometrik dan keamanan data pribadi, formulir web

Bergantung pada platform dan perangkat, metode dan fallback yang berbeda dapat digunakan untuk membuka kunci lemari besi. 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.

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

Formulir web akan segera menjadi jadul — artefak menarik dari masa lalu 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 telepon pintar telah menciptakan data yang berlimpah dan berlimpah. “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 untuk bentuk input pengguna tidak akan pernah hilang, tetapi antarmuka yang tidak terlihat — di mana interaksi pengguna akan semakin sedikit untuk memberikan input — akan menjadi luas.

Teknik AI seperti pembelajaran mesin dapat mengekstraksi nilai dari memiliki akses ke data pribadi, dan algoritme pintar dapat memprediksi data apa yang dibutuhkan untuk membuat penyelesaian aplikasi pekerjaan, pemesanan perjalanan, dan pembelian online lebih mudah bagi pengguna.

Sementara kami memperjuangkan aspirasi penuh harapan dan mengejar cita-cita UX yang tinggi ini, masih ada fraktur antara cara-cara inventif untuk menghilangkan formulir web sepenuhnya dan masalah keamanan di sekitar data pribadi. Sistem yang kuat dan aman dapat dirancang, tetapi kita perlu menangani masalah ini. Penelitian telah menunjukkan bahwa orang-orang bersedia untuk membagikan data pribadi dan memungkinkan pelacakan jika mereka mendapatkan nilai yang signifikan dan penghematan waktu darinya.

Agar tetap terdepan dalam permainan, desainer UX harus mulai merenungkan skenario masa depan yang diisi dengan chatbots dan UI percakapan. Kami perlu mengoptimalkan pengalaman dan mencari tahu skenario kasus penggunaan. Apakah langkah interaksi sehalus dan seefisien mungkin? Apa nada dari chatbot? Apakah kita mengurangi waktu yang dibutuhkan untuk menyelesaikan sesuatu atau meningkatkannya? Dengan verifikasi ID biometrik yang akan datang, akan seperti apa interaksi itu? Bagaimana kami bisa 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.

sumber: toptal.com

Share this
Tags

Must-read

Mantaflow Creating Fire

Menciptakan efek api? Mudah dengan Mantaflow! https://www.youtube.com/watch?v=lR9vjaYzeYQ
spot_img

Recent articles

More like this