Menguji formulir Anda

Pada modul sebelumnya, Anda telah mempelajari cara membuat formulir, membantu pengguna menghindari memasukkan kembali data, dan memvalidasi data formulir. Bagaimana cara Anda memastikan bahwa formulir tersebut sekarang dapat digunakan? Anda dapat menguji dan menganalisis formulir untuk menjawab pertanyaan ini.

Anda memulai dengan mengonfirmasi bahwa formulir berfungsi di perangkat Anda sendiri. Namun, ada banyak jenis perangkat yang dapat digunakan pengguna Anda. Bagaimana cara menguji apakah formulir Anda berfungsi dengan perangkat lain?

Pertama, uji formulir Anda di perangkat desktop. Kemudian, coba hanya gunakan keyboard. Selanjutnya, uji di ponsel. Sekarang Anda telah menguji formulir dengan berbagai metode input (keyboard, sentuh, dan mouse), ukuran layar yang berbeda, browser, dan sistem operasi yang berbeda.

Apakah Anda memiliki perangkat lain yang dapat diuji? Uji formulir Anda pada semuanya. Semakin banyak perangkat, browser, versi browser, dan sistem operasi yang dapat Anda uji, semakin baik!

Anda juga dapat menggunakan layanan pengujian untuk menguji formulir di banyak browser, versi browser, perangkat yang berbeda, dan sistem operasi yang berbeda. BrowserStack menawarkan akun pengujian gratis untuk project open source, guna mengaktifkan pengujian pada berbagai browser, perangkat, dan sistem operasi.

Bagaimana cara menguji apakah formulir Anda bermanfaat untuk orang lain?

Formulir pertama Anda sudah siap. Anda menghabiskan banyak waktu untuk memastikan bahwa desain tersebut berfungsi dengan baik. Bagaimana cara memastikan bahwa formulir Anda dapat digunakan oleh orang lain? Sebagai langkah pertama, Anda dapat meminta teman dan kolega untuk mengisi formulir.

Duduk bersebelahan atau berbagi layar. Dengan cara ini, Anda dapat melihat cara mereka berinteraksi dengan formulir. Lihat bagaimana mereka mengisi formulir. Minta mereka untuk mengatakan dengan lantang apa yang mereka lakukan dan apakah mereka mengalami masalah. Setelah mereka menyelesaikan tugas, ajukan pertanyaan kepada mereka. Apakah sudah jelas apa yang harus mereka isi? Apakah mereka mengalami masalah saat mengisi formulir? Apakah ada sesuatu yang tidak jelas? Pertanyaan-pertanyaan ini membantu Anda membuat formulir yang lebih baik lagi.

Bagaimana cara mengukur performa formulir Anda?

Anda mengonfirmasi bahwa formulir dapat digunakan oleh orang lain. Sebagai langkah berikutnya, Anda harus mengukur performa formulir Anda. Ada alat gratis yang tersedia untuk ini. Mari kita lihat beberapa di antaranya.

PageSpeed Insights (PSI)

PSI mengukur performa situs dan memberikan petunjuk tentang cara meningkatkannya.

Coba: PageSpeed memberikan laporan performa menggunakan data lab dan kolom. Situs yang cepat adalah tanda pertama bahwa formulir Anda dapat digunakan. Situs Anda belum cepat? PSI menunjukkan rekomendasi tentang cara meningkatkan performa.

Lihat kembali laporan situs yang Anda uji sebelumnya dengan PSI. Lihat informasi tentang Data Web Inti? Ini adalah ringkasan jika situs Anda memenuhi kriteria Data Web Inti. Data Web Inti membantu Anda memahami pengalaman pengguna saat membuka halaman web.

Mercusuar

Lighthouse membantu Anda mengidentifikasi performa, pengoptimalan mesin telusur (SEO), praktik terbaik, dan masalah aksesibilitas.

Ada berbagai cara untuk menggunakan Lighthouse. Salah satu opsinya adalah menjalankannya langsung di DevTools. Buka URL dengan formulir Anda di Chrome, buka DevTools, beralihlah ke tab Lighthouse, dan jalankan audit.

Metrik performa dari PSI ditampilkan. Selain itu, Lighthouse memeriksa situs Anda untuk memeriksa apakah ada masalah SEO, praktik terbaik, dan aksesibilitas. Lupa menghubungkan label ke kontrol formulir? Lighthouse memperingatkan Anda dan memberikan panduan untuk memperbaiki masalah tersebut.

Alat untuk mengidentifikasi masalah umum

Ada banyak alat untuk mengidentifikasi masalah umum. Salah satu caranya adalah menggunakan Ekstensi pemecah masalah formulir. Peringatan ini memperingatkan Anda tentang atribut autocomplete yang tidak ada, atribut non-standar, label yang tidak ada atau kosong, dan lainnya.

Anda juga dapat menggunakan alat evaluasi aksesibilitas seperti WAVE atau kapak. Alat ini memberi tahu Anda tentang label yang tidak ada, koneksi yang hilang antara label dan kontrol formulir, kontras warna yang tidak memadai, dan berbagai masalah aksesibilitas lainnya.

Bagaimana cara memantau pengalaman formulir?

Memantau pengalaman pengguna yang sebenarnya pada formulir membantu Anda mengidentifikasi masalah baru dengan cepat. Mari kita lihat cara memantau formulir.

PSI

Salah satu cara untuk memantau pengalaman adalah dengan menggunakan PSI lagi. Anda dapat menggunakan PSI API untuk membangun alat pemantauan Anda sendiri: PageSpeed Insights API menjelaskan cara melakukannya.

PSI menyertakan data dari set data Laporan Pengalaman Pengguna Chrome (CrUX), jika tersedia untuk URL tertentu. Dengan cara ini, Anda juga dapat melihat data kolom secara langsung di laporan.

Mercusuar

Lighthouse dapat digunakan sebagai alat command line, sebagai modul Node, atau dengan alat Lighthouse CI. Pemantauan performa dengan Lighthouse CI menjelaskan cara menambahkan Lighthouse ke sistem continuous integration, seperti GitHub Actions.

Ada banyak tools lainnya yang tersedia untuk mengukur dan memantau situs Anda. Beberapa tersedia sebagai alat web, beberapa memungkinkan Anda menjalankan audit di command line, dan beberapa menawarkan API untuk mengintegrasikannya ke dalam alat Anda.

Cara menganalisis formulir

Anda telah menguji formulir dengan pengguna sungguhan, serta mempelajari cara mengukur dan memantaunya. Bagaimana cara mengumpulkan statistik tentang pengguna dan cara mereka berinteraksi dengan formulir Anda? Anda dapat menggunakan alat analisis. Mari kita lihat salah satunya dan bagaimana cara kerjanya.

Analisis

Satu alat yang dapat Anda gunakan adalah Google Analytics (GA). Setelah menyiapkannya, Anda akan mendapatkan cuplikan JavaScript yang disertakan di setiap halaman pada situs Anda. Mulai saat ini, Anda dapat mengetahui bagaimana orang menggunakan situs Anda.

Berapa banyak orang yang mengunjungi halaman yang menampilkan formulir Anda? Berapa banyak orang yang mengisi formulir dan melanjutkan ke halaman berikutnya? Anda mendapatkan jawaban atas pertanyaan ini dengan menggunakan alat analisis.

Anda juga dapat menyiapkan laporan analisis lanjutan lainnya. Ingin melacak jumlah pengguna yang mengklik tombol Submit? Anda dapat menentukan dan mengintegrasikan peristiwa untuk menganalisisnya.

Berbagai alat analisis tersedia. Beberapa bergaya minimalis, beberapa menawarkan banyak pilihan untuk individualisasi. Cobalah beragam alat untuk menemukan yang terbaik sesuai kebutuhan Anda.

Menguji pemahaman Anda

Uji pengetahuan Anda tentang pengujian formulir

Apa itu data lapangan?

Data dari kondisi sebenarnya.
Data dari pengguna nyata.
Data yang dikumpulkan di lapangan.
Data yang dikumpulkan di lab.

RUM mengumpulkan metrik dari:

pengguna sebenarnya
pengguna yang dipilih sebelumnya
browser dari pengguna akhir
browser standar

Referensi