Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

Panduan Desain untuk Pengambilan Data

Pengantar

Petugas kesehatan masyarakat melihat perangkat seluler.

Mengisi kuesioner adalah tugas inti bagi sebagian besar petugas kesehatan yang menggunakan aplikasi kesehatan seluler.

Entri data bisa sulit dan kesalahan dapat terjadi. Sasaran kami dengan library Pengambilan Data Terstruktur (SDC) dan panduan desain adalah membantu Anda meningkatkan pengalaman pengguna saat memasukkan data dan kualitas data yang diambil.

Empat tema yang dibahas dalam bagian ini adalah:

Tata letak & navigasi
Pertanyaan dan petunjuk
Pengambilan data
Validasi data dan pesan error

Tata letak & navigasi

Tampilan tata letak panjang yang digulirkan dan tata letak yang dipaginasi.

Tata letak scroll panjang & berpaginasi

Membandingkan tata letak scroll panjang dan berpaginasi. Scroll panjang memiliki 3
pertanyaan dalam satu halaman, sedangkan yang berpaginasi memiliki satu pertanyaan. — Tata letak scroll panjang (kiri) dan tata letak berhalaman (kanan).

Android FHIR SDK memiliki dua opsi tata letak yang dapat Anda pilih:

Scroll panjang (default)
Berhalaman

Kuesioner scroll panjang menampilkan semua pertanyaan di satu halaman dan pengguna membuka setiap pertanyaan dengan men-scroll.

Kuesioner berpaginasi menampilkan konten di seluruh halaman terpisah. Pertanyaan atau kolom input terkait dapat dikelompokkan bersama di satu halaman. Tombol kembali dan berikutnya ditambatkan di bagian bawah halaman untuk berpindah antarhalaman.

Pelajari cara membuat kuesioner yang dipaginasi di GitHub

Tata letak mana yang harus Anda pilih?

Setiap opsi tata letak memiliki kelebihan dan kekurangan. Berikut adalah beberapa atribut setiap jenis tata letak yang perlu dipertimbangkan saat Anda membuat pilihan tentang tata letak yang akan digunakan.

	Scroll panjang	Berhalaman
Kecepatan navigasi	Lebih cepat untuk dinavigasi	Lebih lambat untuk dijelajahi
Akurasi navigasi	Navigasi yang kurang presisi	Navigasi yang lebih akurat
Memfokuskan kembali pertanyaan setelah beralih tugas	Sulit untuk kembali fokus setelah terganggu	Lebih mudah untuk berorientasi ulang setelah terganggu
Menyelesaikan kuesioner digital setelah kunjungan (menyalin dari kertas)	Lebih mudah saat menyalin dari kertas	Lebih sulit saat menyalin dari kertas
Layar kecil	Lebih buruk untuk layar kecil	Lebih baik untuk layar kecil
Aksesibilitas	Lebih buruk untuk aksesibilitas. Sulit dinavigasi.	Lebih baik untuk aksesibilitas. Layar terpisah yang dapat ditangani oleh pembaca layar, text-to-speech, dan teknologi lainnya.
Ruang untuk petunjuk dan penjelasan	Lebih buruk untuk panduan dan petunjuk	Lebih baik untuk panduan dan petunjuk

Scroll panjang

Kuesioner dengan angka yang ditampilkan di depan judul pertanyaan. — Lakukan — Beri nomor pada pertanyaan
Beri nomor pada pertanyaan untuk mempermudah navigasi dalam tata letak satu halaman.

Penomoran halaman

Pertanyaan yang dipaginasi "Di negara bagian mana mereka tinggal?" dengan
pilihan dropdown. — Lakukan — Satu pertanyaan per halaman
Keyboard, dropdown, dan komponen lainnya memakan ruang di halaman, jadi usahakan satu pertanyaan per halaman.

Kolom alamat yang dipaginasi dengan kolom bawah tidak terlihat di layar. — Jangan — Sembunyikan konten di bawah paruh atas
Konten harus terlihat di paruh atas.

Beberapa kolom teks dikelompokkan sebagai satu pertanyaan. Judul pertanyaan adalah
orang yang dapat dihubungi alternatif, dengan nama, hubungan, dan nomor telepon
sebagai kolom input. — Lakukan — Kelompokkan konten terkait sebagai satu pertanyaan
Contoh: Ketiga kolom teks ini semuanya terkait dengan info orang yang dapat dihubungi alternatif, sehingga dikelompokkan bersama dalam satu halaman.

Pertanyaan yang tidak terkait di halaman yang sama. Pertanyaan pertama adalah cakupan asuransi dan pertanyaan kedua adalah kondisi kesehatan sebelumnya. — Jangan — Mengelompokkan konten yang tidak terkait
Hindari pengelompokan konten yang tidak terkait dalam satu halaman, untuk menghindari kebingungan.

Indikator kemajuan

Indikator progres mencerminkan progres yang dibuat dalam kuesioner.

Sertakan indikator progres pada kuesioner panjang untuk membantu pengguna bernavigasi dan melihat progres. Indikator progres menunjukkan lokasi dalam kuesioner, dan berapa banyak yang tersisa untuk diselesaikan.

Indikator progres terletak di bagian atas, di bawah judul kuesioner. — Lakukan — Tata letak scroll panjang
Posisikan di bagian atas di atas pertanyaan dan jangkar sehingga selalu terlihat bahkan saat men-scroll.

Tombol Navigasi

Tombol navigasi (kembali, berikutnya) ditempatkan di bagian bawah kuesioner. Dalam scroll tanpa batas atau di halaman terakhir kuesioner yang dipaginasi, tombol berikutnya diberi label Kirim.

Pertahankan tombol di lokasi yang konsisten dan selalu gunakan tombol aktif yang diberi label dengan tindakannya, seperti kembali dan berikutnya.

Tombol navigasi aktif. Tombol berikutnya dengan warna biru. — Lakukan — Tombol aktif
Selalu tampilkan tombol aktif, meskipun formulir belum lengkap. Setelah mengetuk berikutnya, tampilkan dialog pop-up dengan petunjuk untuk melengkapi kolom yang belum diisi atau error validasi.

Tombol Berikutnya tidak aktif. Tombol berikutnya dengan pengisian abu-abu. — Jangan — Tombol tidak aktif
Tombol tidak aktif membuat pengguna sulit mengetahui cara memperbaiki masalah.

Jangan — Tombol hanya ikon
Hindari tombol hanya ikon. Selalu beri label tombol dengan tindakan deskriptif.

Pertanyaan & petunjuk

Kuesioner bernomor yang dianotasi menampilkan komponen pertanyaan dan petunjuk. — Ringkasan 9 komponen yang dibahas di bagian ini dan cara menggabungkan komponen dalam kuesioner dengan penomoran halaman.

Judul kuesioner.

Indikator progres.

Header grup.

Judul pertanyaan.

Petunjuk.

Kolom input.

Format entri.

Kolom wajib diisi.

Bantuan.

Header grup

Header grup adalah header teks yang ditampilkan di atas judul pertanyaan.

Gunakan header grup untuk mengelompokkan pertanyaan serupa. Gunakan header grup hanya jika header tersebut menambahkan informasi yang berguna.

Header grup adalah Riwayat Pasien. — Lakukan — Judul singkat
Gunakan judul singkat untuk mengelompokkan pertanyaan serupa. Contoh: semua pertanyaan terkait histori pasien dikelompokkan.

Header grup adalah informasi pribadi dan informasi gaya hidup. — Jangan — Judul panjang
Hindari judul yang rumit atau judul panjang yang melebihi satu baris.

Judul pertanyaan

Judul pertanyaan menjelaskan secara ringkas informasi yang diminta. Judul pertanyaan memiliki ukuran font terbesar di halaman untuk menarik perhatian pengguna ke pertanyaan.

Setiap halaman atau pertanyaan harus memiliki judul pertanyaan. Buat judul pertanyaan singkat atau susun sebagai pertanyaan.

Judul pertanyaan adalah tanggal lahir. — Lakukan — Judul pertanyaan singkat
Judul singkat memudahkan pengguna membaca.

Judul pertanyaannya adalah Kapan tanggal lahir Anda? Di kota mana Anda lahir? — Jangan — Judul pertanyaan panjang
Hindari pertanyaan yang terlalu panjang atau menggabungkan dua pertanyaan.

Tidak ada judul pertanyaan. — Jangan — Tidak ada judul pertanyaan
Selalu sertakan judul pertanyaan agar pengguna lebih mudah mengetahui informasi yang perlu mereka masukkan.

Petunjuk

Petunjuk adalah kolom teks opsional yang ditampilkan di bawah judul pertanyaan.

Gunakan kolom petunjuk untuk menjelaskan petunjuk yang relevan seperti apakah pertanyaan wajib diisi, berapa banyak pilihan yang dapat dibuat (satu atau banyak), dan apa yang harus dilakukan pengguna jika tidak dapat melengkapi semua info atau menjawab pertanyaan.

Petunjuk: Pilih salah satu. Pertanyaan wajib. — Lakukan — Jelaskan apa yang diperlukan
Gunakan kolom petunjuk untuk memberi tahu apakah pertanyaan wajib diisi dan berapa banyak pilihan yang dapat dibuat.

Petunjuk: Jika tanggal lahir yang tepat tidak diketahui, centang kotak tanggal lahir tidak diketahui. — Lakukan — Jelaskan apa yang harus dilakukan untuk kasus ekstrem
Gunakan petunjuk untuk memberi tahu pengguna apa yang harus dilakukan jika mereka menghadapi skenario seperti tidak dapat mengisi semua kolom.

Petunjuk: Kontak alternatif akan digunakan dalam situasi darurat dan dapat berupa kerabat dekat (misalnya, pasangan, ibu, saudara kandung). — Lakukan — Jelaskan konteks atau definisi
Gunakan petunjuk untuk memberikan konteks atau definisi tambahan untuk istilah yang digunakan dalam judul pertanyaan.

Teks label

Teks label memberi tahu pengguna tentang informasi yang diminta untuk bidang teks atau dropdown. Saat kolom dipilih, teks label akan berpindah dari tengah kolom teks ke bagian atas.

Setiap kolom teks dan kotak dropdown harus memiliki label. Teks label harus singkat, jelas, dan terlihat sepenuhnya.

Teks label: Nama depan. — Lakukan — Singkat
Teks label harus singkat, jelas, dan terlihat sepenuhnya.

Teks label: masukkan nama klien. — Jangan — Terlalu bertele-tele
Teks label tidak boleh terlalu panjang, terpotong, atau menempati beberapa baris.

Tidak ada teks label. — Jangan — Tanpa label
Selalu beri label pada kolom teks agar pengguna tahu informasi apa yang harus dimasukkan.

Format entri

EntryFormat ditampilkan di bawah kolom teks untuk memberi tahu pengguna tentang format data tertentu yang harus dimasukkan. Pesan error akan ditampilkan di kolom EntryFormat dan menggantikan petunjuk EntryFormat yang ada.

Gunakan EntryFormat untuk tanggal, nomor telepon, unit, dan bilangan bulat.

Format tanggal: hh/bb/tttt. — Lakukan — Gunakan EntryFormat
Tampilkan format tanggal di bawah kolom dan sertakan frasa deskriptif.

Tidak ada format tanggal. — Jangan — Tidak Ada Format Entri
Tidak menampilkan format data dapat menyebabkan data dimasukkan dengan tidak benar.

Di bawah kolom teks Detak jantung, Format entri menampilkan: Rentang
normal: 60-100 bpm. Di bawah kolom teks Saturasi oksigen dalam darah, format Entri menunjukkan: Rentang normal: 95-100%. — Lakukan — Tampilkan rentang normal
Saat memasukkan rentang medis, berikan contoh rentang normal. Hal ini dapat membantu pengguna menemukan error atau angka yang berada di luar rentang.

Kolom wajib diisi

Kolom wajib diisi menunjukkan bahwa pengguna harus mengisi kolom dan tidak dapat melanjutkan hingga kolom tersebut diisi.

Untuk menunjukkan bahwa kolom wajib diisi, tampilkan tanda bintang (*) di akhir judul pertanyaan. Sertakan 'pertanyaan wajib diisi' di kolom petunjuk karena tidak semua orang memahami arti tanda bintang (*). Jika tidak ada judul pertanyaan, tampilkan tanda bintang (*) dalam teks label.

Tanda bintang setelah judul pertanyaan dan pertanyaan wajib diisi dalam petunjuk di bawah. — Lakukan — Penjelasan tertulis
Tunjukkan bahwa kolom wajib diisi dengan tanda bintang (*) dan sertakan petunjuk tertulis yang menunjukkan `pertanyaan wajib diisi`.Banyak orang yang tidak tahu arti tanda bintang(*) dan akan mendapatkan manfaat dari penjelasan tersebut.

Tanda bintang setelah judul pertanyaan, tetapi tidak ada deskripsi tertulis yang menjelaskan arti tanda bintang. — Jangan — Tidak ada penjelasan
Hindari menampilkan hanya tanda bintang (*) tanpa deskripsi tertulis tentang artinya.

Tanda bintang setelah judul pertanyaan dan pertanyaan wajib ditampilkan dalam petunjuk di bawah. — Lakukan — Melokalkan terminologi
Gunakan istilah yang paling dikenal oleh pengguna Anda. Contoh: "Wajib" mungkin merupakan istilah yang lebih umum dan digunakan di beberapa negara, bukan "Wajib".

Tanpa tanda bintang. Pertanyaan opsional ditampilkan dalam petunjuk. — Lakukan — Tunjukkan pertanyaan opsional saja
Jika sebagian besar pertanyaan wajib dijawab, tunjukkan pertanyaan yang opsional saja.

Tanda bintang setelah teks label. Pertanyaan wajib diisi yang ditampilkan di kolom format Entri. — Lakukan — Tampilkan tanda bintang dalam teks label
Jika tidak ada judul pertanyaan, tampilkan tanda bintang dalam teks label.

Bantuan

Ikon bantuan ditampilkan di samping judul pertanyaan. Setelah mengetuk ikon, kotak informasi bantuan akan muncul dengan informasi tambahan. Mengetuk ikon lagi akan menutup kotak informasi bantuan.

Ini merupakan komponen opsional. Gunakan hanya jika berguna untuk menampilkan informasi tambahan yang tidak perlu selalu terlihat.

Bantuan: Vaksin flu musiman juga disebut imunisasi influenza. — Lakukan — Tampilkan info opsional di kotak bantuan
Gunakan bantuan untuk informasi yang mungkin hanya perlu dilihat pengguna sekali atau yang memberikan informasi tambahan.

Bantuan: Pilih salah satu. — Jangan — Sembunyikan petunjuk di kotak bantuan
Hindari menyembunyikan petunjuk di dalam kotak Bantuan yang seharusnya dapat dilihat oleh semua orang.

Pengambilan data

Kapan harus menggunakan komponen yang mana?

Jenis entri data	Penggeser	Pengisian otomatis
Pilih Ya atau Tidak
Pilih 1 opsi		hati-hati
Pilih beberapa opsi		hati-hati
Teks
Tanggal
Angka	hati-hati

Kolom teks

Kolom teks menunjukkan bahwa pengguna dapat memasukkan informasi.

Gunakan kolom teks saat seseorang perlu memasukkan teks ke dalam kuesioner, seperti nama, nomor telepon, atau alamat. Batasi entri data yang memerlukan entri teks (keyboard) saat pilihan yang telah diisi otomatis (pilihan ganda atau pilihan tunggal) dapat digunakan sebagai gantinya.

Pelajari lebih lanjut kolom teks di material.io

Judul pertanyaan: mendaftarkan orang baru. Kolom teks 1: nama. Kolom
2: nomor telepon. — Lakukan — Gunakan kolom teks untuk entri data unik
Gunakan kolom teks untuk entri data yang memerlukan pengetikan kata atau angka unik.

Judul pertanyaan: alasan berkunjung? Kolom teks: jelaskan alasan — Jangan — Batasi penggunaan respons teks bebas
Hindari penggunaan respons teks bebas jika dapat berupa pilihan ganda, dropdown, atau pilihan tunggal.

Pilihan tunggal & pilihan boolean

Pilihan tunggal dan pilihan boolean adalah kontrol pilihan yang muncul sebagai tombol pilihan saat pengguna diminta memilih satu pilihan dari beberapa opsi.

Gunakan pilihan boolean jika ada pilihan biner 'Ya' atau 'Tidak'. Jika tidak, gunakan komponen pilihan tunggal. Jika ada lebih dari 10 opsi dalam daftar, gunakan drop-down, bukan pilihan tunggal. Dropdown lebih padat dan lebih mudah dinavigasi jika ada banyak opsi.

Judul pertanyaan: apakah ini kunjungan pertama mereka? Opsi pemilihan boolean
adalah ya dan tidak. — Lakukan — Pilihan Boolean
Gunakan pilihan Boolean jika opsinya adalah 'ya' dan 'tidak'.

Judul pertanyaan: Apa tingkat pendidikan tertinggi yang dicapai?
Opsi pilihan tunggal adalah: 1. Tidak tahu 2. Tidak ada persyaratan pendidikan

3. sekolah dasar 4. sekolah menengah. — Lakukan — Pilihan tunggal
Gunakan pilihan tunggal saat pengguna dapat memilih satu opsi dalam daftar.

Daftar pilihan tunggal yang menampilkan daftar negara bagian yang sangat panjang. Negara bagian 23-27
dapat dilihat. — Jangan — Daftar yang sangat panjang
Hindari pilihan tunggal untuk daftar yang sangat panjang (10+). Gunakan dropdown.

Pemilih tanggal

Pemilih tanggal memungkinkan pengguna memasukkan tanggal melalui pemilih tanggal kalender dan keyboard. Pemilih tanggal kalender diaktifkan saat ikon kalender diketuk.

Gunakan pemilih tanggal kalender hanya untuk tanggal yang mendekati tanggal hari ini, seperti hari terakhir menstruasi atau kunjungan berikutnya. Jika tidak, prioritaskan entri keyboard untuk tanggal seperti tanggal lahir.

Tanggal lahir. Entri tanggal keyboard aktif. Ikon kalender di sisi kanan kotak kolom teks. Kotak centang dicentang yang menunjukkan bahwa tanggal
bersifat perkiraan. — Lakukan — Kedua opsi entri
Untuk memasukkan tanggal, aktifkan entri keyboard (mengetuk kotak teks) dan pemilih tanggal kalender (mengetuk ikon).

Tampilan kalender pemilih tanggal. — Jangan — Hindari hanya kalender
Hindari mengaktifkan pemilih tanggal kalender sebagai satu-satunya metode input untuk tanggal lahir. Sulit untuk membuka bulan dan tahun.

Menu Dropdown memungkinkan pengguna membuat pilihan dari beberapa opsi. Saat pengguna mulai mengetik, opsi akan difilter berdasarkan apa yang dimasukkan. Hal ini dapat membantu pengguna menemukan opsi yang tepat dengan cepat dari daftar yang panjang.

Menu Dropdown adalah alternatif yang bagus untuk pilihan tunggal jika daftar opsi sangat panjang (lebih dari 10 opsi) karena tidak memakan banyak ruang.

Dropdown untuk listingan Negara Bagian A-F. — Lakukan — Gunakan untuk daftar panjang
Gunakan dropdown saat memilih satu opsi dalam daftar opsi yang sangat panjang, seperti memilih negara bagian atau kota.

Dropdown untuk usia, mencantumkan angka satu hingga enam. — Jangan — Saat mengetik mudah
Hindari penggunaan dropdown jika lebih mudah mengetik konten daripada men-scroll semua opsi, seperti usia.

Pilihan ganda

Pilihan ganda adalah kontrol pilihan yang muncul sebagai kotak centang saat pengguna dapat membuat beberapa pilihan dari daftar opsi.

Gunakan pilihan ganda saat pengguna hanya dapat memilih dari daftar opsi yang telah ditentukan. Jika pengguna juga dapat menambahkan respons bebas mereka sendiri, gunakan komponen pilihan terbuka. Di kolom petunjuk, tulis "Pilih semua yang berlaku" agar pengguna tahu bahwa mereka dapat memilih beberapa opsi.

Judul pertanyaan: Apa alasan kunjungan hari ini? Empat kotak centang
dan opsi ditampilkan, satu di setiap baris. — Lakukan — Satu pilihan per baris
Tampilan default adalah penampung di sekitar kotak centang untuk membuat area yang dapat diketuk terlihat jelas.

Judul pertanyaan: apa alasan kunjungan hari ini. Enam kotak centang
dan opsi ditampilkan, dua di setiap baris. Beberapa teks terpotong untuk dua opsi. — Jangan — Beberapa opsi per baris
Hindari menampilkan beberapa opsi per baris, karena variasi ukuran layar dan ukuran teks ponsel, teks dapat terpotong.

Buka pilihan

Pilihan terbuka mirip dengan pilihan ganda, tetapi menambahkan kemampuan bagi pengguna untuk memilih Lainnya dan mengetik teks bebas.

Gunakan pilihan terbuka jika ada daftar opsi yang telah ditetapkan, tetapi pengguna juga dapat menambahkan opsi tambahan. Gunakan pilihan terbuka jika sebagian besar opsi diketahui, tetapi Anda memperkirakan beberapa pengguna akan memilih Lainnya karena tidak ada opsi yang disediakan.

Lainnya dipilih. Kolom teks untuk menambahkan teks bebas aktif.
Keyboard terlihat. — Lakukan — Gunakan untuk pengumpulan data yang lebih akurat
Gunakan jika penting untuk mengumpulkan data yang akurat dan tidak ada opsi yang telah ditentukan sebelumnya yang berlaku. Contoh: pekerjaan.

Judul pertanyaan: Ada yang ingin ditambahkan? Tiga opsi: Ya, Tidak, dan
Lainnya. Lainnya dipilih. Kolom teks untuk menambahkan teks bebas aktif. — Jangan — Jika semua respons akan berupa lainnya
Hindari penggunaan jika sebagian besar respons memerlukan pemilihan **Lainnya**. Dalam hal ini, gunakan kolom teks atau kolom paragraf sebagai gantinya.

Penggeser

Penggeser memungkinkan pengguna membuat pilihan dari rentang nilai. Penggeser di Android FHIR SDK adalah penggeser diskret. Penggeser diskrit memungkinkan pengguna memilih nilai tertentu dari rentang yang telah ditentukan. Tanda centang dapat digunakan untuk menunjukkan nilai yang tersedia. Hindari penggunaan penggeser untuk entri data numerik. Sebagai gantinya, gunakan kolom teks atau menu dropdown.

Pelajari lebih lanjut penggeser di material.io

Judul pertanyaan: berapa banyak anak yang dimiliki klien? Penggeser
dengan angka empat dipilih. — Jangan — Gunakan penggeser untuk angka tertentu
Hindari penggunaan penggeser untuk nilai tertentu jika ada rentang yang besar. Gunakan kolom teks dengan entri keyboard sebagai gantinya.

Validasi dan error data

Validasi data

Validasi data membatasi jenis data atau nilai yang dapat dimasukkan dalam kolom teks. Validasi data dapat meningkatkan kualitas data yang dikumpulkan.

Gunakan kolom EntryFormat untuk menampilkan batasan format atau nilai. Tampilkan pesan error validasi data yang bermakna secara inline dan langsung agar pengguna dapat memperbaiki error.