หลักเกณฑ์การออกแบบสําหรับการรวบรวมข้อมูล

เกริ่นนำ

การตอบแบบสอบถามเป็นงานหลักสำหรับบุคลากรทางการแพทย์ส่วนใหญ่ที่ใช้แอปสุขภาพบนอุปกรณ์เคลื่อนที่

การป้อนข้อมูลอาจเป็นเรื่องยากและเกิดข้อผิดพลาดได้ เป้าหมายของเราสำหรับไลบรารี Structured Data Capture (SDC) และหลักเกณฑ์ในการออกแบบคือการส่งเสริมให้คุณปรับปรุงประสบการณ์การป้อนข้อมูลและคุณภาพของข้อมูลที่บันทึกสำหรับผู้ใช้

ประเด็น 4 ประการในส่วนนี้ได้แก่

1. เลย์เอาต์และการนำทาง
2. คำถามและวิธีการ
3. การบันทึกข้อมูล
4. การตรวจสอบข้อมูลและข้อความแสดงข้อผิดพลาด

เลย์เอาต์และการนำทาง

การเลื่อนยาวและเลย์เอาต์ที่มีเลขหน้า

เลย์เอาต์แบบเลื่อนแบบยาว (ซ้าย) และเลย์เอาต์ที่มีเลขหน้า (ขวา)

Android FHIR SDK มีตัวเลือกเลย์เอาต์ 2 แบบให้คุณเลือก ดังนี้

1. เลื่อนยาว (ค่าเริ่มต้น)
2. แบ่งหน้าแล้ว

แบบสอบถามแบบเลื่อนยาวจะแสดงคำถามทั้งหมดในหน้าเว็บ 1 หน้า และผู้ใช้ต้องเลื่อนไปยังคำถามแต่ละข้อด้วยการเลื่อนดู

แบบสอบถามที่มีเลขหน้าจะแสดงเนื้อหาในหน้าต่างๆ แยกกัน คำถามหรือช่องป้อนข้อมูลที่เกี่ยวข้องสามารถจัดกลุ่มไว้ด้วยกันได้ในหน้าเดียว ปุ่มย้อนกลับและปุ่มถัดไปจะตรึงอยู่ที่ด้านล่างของหน้าเพื่อไปยังหน้าต่างๆ

ดูวิธีใส่เลขหน้าแบบสอบถามใน GitHub

คุณควรเลือกเลย์เอาต์ใด

รูปแบบการจัดวางแต่ละตัวเลือกมีทั้งข้อดีและข้อเสีย ด้านล่างนี้คือแอตทริบิวต์บางส่วนของเลย์เอาต์แต่ละประเภทซึ่งควรเลือกใช้เมื่อเลือกว่าจะใช้เลย์เอาต์แบบใด

	เลื่อนยาว	แบ่งหน้าแล้ว
ความเร็วของการนำทาง	ไปยังส่วนต่างๆ ได้เร็วขึ้น	ไปยังส่วนต่างๆ ได้ช้าลง
ความถูกต้องของการนำทาง	การนำทางที่แม่นยำยิ่งขึ้น	การนำทางที่แม่นยำยิ่งขึ้น
โฟกัสที่คำถามใหม่หลังจากเปลี่ยนงาน	ยากต่อการจัดเรียงใหม่หลังจากการขัดจังหวะ	จัดระเบียบใหม่ได้ง่ายขึ้นหลังจากหยุดชะงัก
ตอบแบบสอบถามดิจิทัลหลังจากการเข้าชม (สำเนาจากกระดาษ)	ใช้งานคัดลอกจากกระดาษได้ง่ายขึ้น	คัดลอกจากกระดาษได้ยากขึ้น
หน้าจอขนาดเล็ก	แย่กว่าสำหรับหน้าจอขนาดเล็ก	เหมาะกับหน้าจอขนาดเล็ก
การช่วยเหลือพิเศษ	แย่กว่าสำหรับการช่วยเหลือพิเศษ ไปยังส่วนต่างๆ ได้ยาก	ดีกว่าสำหรับการช่วยเหลือพิเศษ หน้าจอแยกที่สามารถจัดการด้วยโปรแกรมอ่านหน้าจอ การอ่านออกเสียงข้อความ และเทคโนโลยีอื่นๆ ได้
พื้นที่สําหรับวิธีการและคำอธิบาย	แย่กว่าในแง่ของคำแนะนำและวิธีการ	เหมาะกับคำแนะนำและวิธีการ

เลื่อนยาว

สิ่งที่ควรทำ — คำถามแบบตัวเลข
ใส่ลำดับเลขคำถามเพื่อให้ไปยังส่วนต่างๆ ในเลย์เอาต์แบบหน้าเดียวได้ง่ายขึ้น

สิ่งที่ควรทำ — ปรับขนาดแบบอักษร
ทำให้ขนาดแบบอักษรของชื่อคำถามเล็กลงเมื่อใช้การเลื่อนยาวๆ เพื่อให้มองเห็นเนื้อหาบนหน้าจอได้มากขึ้น ตัวอย่างเช่น การเลื่อนยาวๆ คือ 16 พิกเซล แบ่งหน้าเป็น 28 พิกเซล

การใส่เลขหน้า

สิ่งที่ควรทำ — 1 คำถามต่อหน้า
แป้นพิมพ์ เมนูแบบเลื่อนลง และคอมโพเนนต์อื่นๆ ใช้พื้นที่ในหน้า ดังนั้นให้ตอบคำถาม 1 ข้อต่อหน้า

ไม่ควร — ซ่อนเนื้อหาครึ่งหน้าล่าง
เนื้อหาควรแสดงอยู่ในครึ่งหน้าบน

สิ่งที่ควรทำ — จัดกลุ่มเนื้อหาที่เกี่ยวข้องให้เป็นคำถาม 1 ข้อ
ตัวอย่างเช่น ช่องข้อความ 3 ช่องนี้ทั้งหมดเกี่ยวข้องกับข้อมูลผู้ติดต่อสำรอง ดังนั้นจึงมีการจัดกลุ่มเนื้อหาไว้ด้วยกันในหน้าเดียว

อย่า — จัดกลุ่มเนื้อหาที่ไม่เกี่ยวข้อง
หลีกเลี่ยงการจัดกลุ่มเนื้อหาที่ไม่เกี่ยวข้องไว้ในหน้าเดียวเพื่อป้องกันความสับสน

สัญญาณบอกสถานะความคืบหน้า

ตัวบ่งชี้ความคืบหน้าจะแสดงความคืบหน้าในแบบสอบถาม

ใส่สัญญาณบอกสถานะความคืบหน้าไว้ในแบบสอบถามแบบยาวเพื่อช่วยให้ผู้ใช้ไปยังส่วนต่างๆ และเห็นความคืบหน้าได้ สัญญาณบอกสถานะความคืบหน้าจะแสดงตําแหน่งภายในแบบสอบถามและจํานวนเวลาในการตอบแบบสอบถาม

ทำ — เลย์เอาต์แบบเลื่อนยาว
ตำแหน่งอยู่ด้านบนเหนือคำถามและ Anchor เพื่อให้มองเห็นได้เสมอแม้ในขณะที่เลื่อน

สิ่งที่ควรทำ — เลย์เอาต์ที่มีเลขหน้าเท่านั้น
วางไว้ที่ด้านล่างแทนได้ โดยให้อยู่เหนือปุ่มกลับและปุ่มถัดไป เลย์เอาต์นี้ให้คุณแสดงหน้าที่ผู้ใช้อยู่ได้ด้วย

ปุ่มนำทาง

ปุ่มการนำทาง (ย้อนกลับ ถัดไป) จะตรึงอยู่ที่ด้านล่างของแบบสอบถาม ในการเลื่อนได้ไม่รู้จบหรือในหน้าสุดท้ายของคำถามที่มีการใส่เลขหน้า ปุ่มถัดไปจะมีป้ายกำกับว่า "ส่ง"

รักษาปุ่มต่างๆ ไว้ในตำแหน่งที่สอดคล้องกัน และใช้ปุ่มที่ใช้งานอยู่ ซึ่งมีป้ายกำกับเป็นการกระทำ เช่น ย้อนกลับ และปุ่มถัดไป เสมอ

ทำ — ปุ่มที่ใช้งาน
แสดงปุ่มที่ใช้งานเสมอ แม้ว่าแบบฟอร์มจะไม่สมบูรณ์ก็ตาม เมื่อแตะถัดไป จะแสดงกล่องโต้ตอบป๊อปอัปพร้อมวิธีการกรอกข้อมูลในช่องที่ขาดหายไปหรือข้อผิดพลาดในการตรวจสอบ

ไม่ควร — ปุ่มที่ไม่ได้ใช้งาน
ปุ่มที่ไม่ใช้งานทำให้ผู้ใช้ไม่ทราบวิธีแก้ไขปัญหา

ไม่ควร — ปุ่มที่มีเฉพาะไอคอน
หลีกเลี่ยงปุ่มที่มีเฉพาะไอคอน ติดป้ายกำกับปุ่มโดยใช้การทำงานที่เป็นคำอธิบายเสมอ

คำถามและวิธีการ

ภาพรวมขององค์ประกอบ 9 อย่างที่กล่าวถึงในส่วนนี้และวิธีรวมองค์ประกอบต่างๆ ในแบบสอบถามที่มีเลขหน้า

1. ชื่อแบบสอบถาม
2. สัญญาณบอกสถานะความคืบหน้า
3. ส่วนหัวกลุ่ม
4. ชื่อคำถาม
5. คำแนะนำ
6. ช่องป้อนข้อมูล
7. รูปแบบรายการ
8. ช่องที่ต้องกรอก
9. ความช่วยเหลือ

ส่วนหัวกลุ่ม

ส่วนหัวของกลุ่มคือส่วนหัวของข้อความที่จะปรากฏเหนือชื่อคำถาม

ใช้ส่วนหัวของกลุ่มเพื่อจัดกลุ่มคำถามที่คล้ายกันไว้ด้วยกัน ใช้ส่วนหัวกลุ่มเมื่อเพิ่มข้อมูลที่เป็นประโยชน์เท่านั้น

สิ่งที่ควรทำ — ชื่อย่อ
ใช้ชื่อสั้นๆ เพื่อจัดกลุ่มคำถามที่คล้ายกันไว้ด้วยกัน ตัวอย่าง: ระบบจะจัดกลุ่มคำถามทั้งหมดที่เกี่ยวข้องกับประวัติของผู้ป่วย

ไม่ควร — ชื่อยาว
หลีกเลี่ยงการใช้ชื่อที่ซับซ้อนหรือชื่อยาวที่ยาวเกิน 1 บรรทัด

ชื่อคำถาม

ชื่อคำถามจะอธิบายข้อมูลที่ขออย่างกระชับ ชื่อคำถามมีขนาดแบบอักษรที่ใหญ่ที่สุดในหน้านั้นเพื่อดึงดูดสายตาของผู้ใช้มาที่คำถาม

ทุกหน้าเว็บหรือคำถามควรมีชื่อคำถาม ตั้งชื่อคำถามสั้นๆ หรือเขียนวลีเป็นคำถาม

สิ่งที่ควรทำ — ชื่อคำถามสั้นๆ
ชื่อย่อช่วยให้ผู้ใช้อ่านได้ง่ายขึ้น

ไม่ควร — ชื่อคำถามยาวๆ
หลีกเลี่ยงคำถามที่ยาวมากหรือซ้อนคำถาม 2 ข้อไว้ด้วยกัน

ไม่ควร — ไม่มีชื่อคำถาม
ใส่ชื่อคำถามเสมอเพื่อให้ผู้ใช้ทราบว่าต้องป้อนข้อมูลใด

วิธีการ

วิธีการคือช่องข้อความที่ไม่บังคับซึ่งแสดงอยู่ใต้ชื่อคำถาม

ใช้ช่องinstructionsเพื่ออธิบายวิธีการที่เกี่ยวข้อง เช่น หากต้องตอบคำถาม สามารถเลือกได้กี่ข้อ (เลือกได้ 1 รายการหรือหลายรายการ) และสิ่งที่ผู้ใช้ควรทำหากกรอกข้อมูลไม่ครบถ้วนหรือตอบคำถามไม่ได้

ทำ - อธิบายสิ่งที่ต้องระบุ
ใช้ช่องวิธีการเพื่อให้ทราบว่าต้องตอบคำถามหรือไม่และระบุจำนวนตัวเลือกที่ทำได้

สิ่งที่ควรทำ - อธิบายสิ่งที่ควรทำสำหรับกรณีที่เป็นปัญหาที่สุด
ใช้วิธีการแจ้งให้ผู้ใช้ทราบถึงสิ่งที่ต้องทำหากพบสถานการณ์ เช่น กรอกข้อมูลในช่องทั้งหมดไม่ได้

สิ่งที่ควรทำ — อธิบายบริบทหรือคำจำกัดความ
ใช้วิธีการให้บริบทหรือคำจำกัดความเพิ่มเติมสำหรับคำที่ใช้ในชื่อคำถาม

ข้อความป้ายกำกับ

ข้อความของป้ายกำกับจะแจ้งให้ผู้ใช้ทราบถึงข้อมูลที่ขอในช่องข้อความหรือเมนูแบบเลื่อนลง เมื่อเลือกช่องแล้ว ข้อความของป้ายกำกับจะย้ายจากตรงกลางช่องข้อความขึ้นไปด้านบน

ช่องช่องข้อความและเมนูแบบเลื่อนลงทุกช่องควรมีป้ายกำกับ ข้อความของป้ายกำกับ ควรสั้น ชัดเจน และมองเห็นได้ครบถ้วน

สิ่งที่ควรทำ — กระชับ
ข้อความในป้ายกำกับควรสั้น ชัดเจน และมองเห็นได้ครบถ้วน

ไม่ควร - ใช้คำมากเกินไป
ข้อความในป้ายกำกับไม่ควรยาวเกินไป ถูกตัดให้สั้นลง หรือยาวหลายบรรทัด

ไม่ควร — ไม่มีป้ายกำกับ
ติดป้ายกำกับที่ช่องข้อความเสมอเพื่อให้ผู้ใช้ทราบว่าต้องป้อนข้อมูลใด

รูปแบบข้อมูล

EntryFormat จะแสดงใต้ช่องข้อความเพื่อแจ้งให้ผู้ใช้ทราบว่าต้องป้อนข้อมูลรูปแบบที่เฉพาะเจาะจง ข้อความแสดงข้อผิดพลาดจะแสดงในช่อง EntryFormat และแทนที่คำแนะนำ EntryFormat ที่มีอยู่

ใช้ EntryFormat สำหรับวันที่ หมายเลขโทรศัพท์ หน่วย และจำนวนเต็ม

สิ่งที่ควรทำ — Use EntryFormat
แสดงรูปแบบวันที่ใต้ช่องและใส่วลีอธิบาย

ไม่ควร — No EntryFormat
การไม่แสดงรูปแบบข้อมูลอาจทำให้การป้อนข้อมูลไม่ถูกต้อง

สิ่งที่ควรทำ — แสดงช่วงปกติ
เมื่อป้อนช่วงทางการแพทย์ ให้แสดงตัวอย่างของช่วงปกติ ซึ่งจะช่วยให้ผู้ใช้พบข้อผิดพลาดหรือตัวเลขที่ไม่อยู่ในช่วง

ช่องที่ต้องกรอก

ช่องที่ต้องกรอกระบุว่าผู้ใช้ต้องกรอกข้อมูลในช่องนี้และถูกบล็อกไม่ให้ไปยังหน้าดังกล่าวจนกว่าจะกรอกข้อมูลในช่องเสร็จสิ้น

หากต้องการระบุว่าต้องกรอกช่องใดช่องหนึ่ง ให้แสดงเครื่องหมายดอกจัน (*) ท้ายชื่อคำถาม ใส่ "คำถามที่ต้องตอบ" ในช่องวิธีการ เนื่องจาก ผู้ชมอาจไม่เห็นความหมายของเครื่องหมายดอกจัน (*) หากไม่มีชื่อคำถาม ให้แสดงเครื่องหมายดอกจัน (*) ในข้อความป้ายกำกับ

สิ่งที่ควรทำ — เป็นคำอธิบายอย่างเป็นลายลักษณ์อักษร
ต้องใส่เครื่องหมายดอกจัน (*) ในช่องนี้และมีคำสั่งที่เป็นลายลักษณ์อักษรระบุว่า "คำถามที่ต้องตอบ" หลายคนไม่คุ้นเคยกับความหมายของเครื่องหมายดอกจัน(*) และจะได้ประโยชน์จากคำอธิบายนี้

อย่า - ไม่มีคำอธิบาย
หลีกเลี่ยงการแสดงเฉพาะเครื่องหมายดอกจัน (*) โดยไม่มีคำอธิบายว่ามันหมายความว่าอย่างไร

สิ่งที่ควรทำ — แปลคำศัพท์
ใช้คำศัพท์ที่ผู้ใช้คุ้นเคยมากที่สุด เช่น "บังคับ" อาจเป็นคําที่คุ้นหูมากกว่าและใช้ในบางประเทศแทน "ต้องระบุ"

สิ่งที่ควรทำ — ระบุคำถามที่ไม่บังคับแทน
หากต้องตอบเป็นคำถามส่วนใหญ่ ให้ระบุว่าคำถามใดไม่บังคับ

สิ่งที่ควรทำ — แสดงเครื่องหมายดอกจันในข้อความของป้ายกำกับแทน
หากไม่มีชื่อคำถาม ให้แสดงเครื่องหมายดอกจันในข้อความของป้ายกำกับ

ความช่วยเหลือ

ไอคอนความช่วยเหลือจะแสดงอยู่ข้างชื่อคำถาม เมื่อแตะไอคอน ช่องข้อมูลความช่วยเหลือจะปรากฏขึ้นพร้อมข้อมูลเพิ่มเติม การแตะไอคอนอีกครั้ง จะเป็นการปิดกล่องข้อมูลความช่วยเหลือ

นี่เป็นองค์ประกอบเสริม ใช้เมื่อเป็นประโยชน์ในการแสดงข้อมูลเพิ่มเติม ที่ไม่จำเป็นต้องมองเห็นได้ตลอดเท่านั้น

สิ่งที่ควรทำ — แสดงข้อมูลที่ไม่บังคับในช่องความช่วยเหลือ
ใช้ความช่วยเหลือสำหรับข้อมูลที่ผู้ใช้อาจต้องการดูเพียงครั้งเดียวหรือให้ข้อมูลเพิ่มเติม

ไม่ควร — ซ่อนวิธีการในช่องความช่วยเหลือ
หลีกเลี่ยงการซ่อนวิธีการในช่องความช่วยเหลือที่ควรแสดงต่อ ทุกคน

การบันทึกข้อมูล

8 คอมโพเนนต์การบันทึกข้อมูลหลักใน Android FHIR SDK

ควรใช้คอมโพเนนต์ใด

ประเภทการป้อนข้อมูล	ตัวเลือกบูลีน	ตัวเลือกเดียว	หลายตัวเลือก	เปิดตัวเลือก	เมนูแบบเลื่อนลง	เครื่องมือเลือกวันที่	ช่องข้อความ	Slider	เติมคำอัตโนมัติ
เลือก "ใช่" หรือ "ไม่"
เลือก 1 ตัวเลือก									ข้อควรระวัง
เลือกหลายตัวเลือก									ข้อควรระวัง
ข้อความ
วันที่
Numbers								ข้อควรระวัง

ช่องข้อความ

ช่องข้อความจะระบุว่าผู้ใช้ป้อนข้อมูลได้

ใช้ช่องข้อความเมื่อมีคนจำเป็นต้องป้อนข้อความในแบบสอบถาม เช่น ชื่อ หมายเลขโทรศัพท์ หรือที่อยู่ จำกัดการป้อนข้อมูลที่ต้องใช้การป้อนข้อความ (แป้นพิมพ์) เมื่อใช้ตัวเลือกที่มีการป้อนข้อมูลไว้ล่วงหน้า (หลายตัวเลือกหรือตัวเลือกเดียว) แทน

ดูข้อมูลเพิ่มเติมเกี่ยวกับช่องข้อความใน material.io

สิ่งที่ควรทำ — ใช้ช่องข้อความสำหรับการป้อนข้อมูลที่ไม่ซ้ำกัน
ใช้ช่องข้อความสำหรับการป้อนข้อมูลที่ต้องพิมพ์คำหรือตัวเลขที่ไม่ซ้ำกัน

ไม่ควร - จำกัดการใช้คำตอบที่เป็นข้อความอิสระ
หลีกเลี่ยงการใช้คำตอบแบบข้อความอิสระเมื่ออาจเป็นการเลือกหลายรายการ เมนูแบบเลื่อนลง หรือตัวเลือกแบบตัวเลือกเดียวแทน

ตัวเลือกเดียวและบูลีน

ตัวเลือกเดียวและตัวเลือกบูลีนเป็นการควบคุมการเลือกที่ปรากฏเป็นปุ่มตัวเลือกเมื่อระบบขอให้ผู้ใช้เลือกตัวเลือกเดียว

ใช้ boolean choice เมื่อมีตัวเลือกไบนารีเป็น "ใช่" หรือ "ไม่ใช่" หรือใช้คอมโพเนนต์ตัวเลือกเดียว หากมีตัวเลือกมากกว่า ~10 รายการในรายการ ให้ใช้เมนูแบบเลื่อนลงแทนตัวเลือกเดียว เมนูแบบเลื่อนลงจะแน่นขึ้นและ ไปยังส่วนต่างๆ ได้ง่ายขึ้นเมื่อมีตัวเลือกจำนวนมาก

สิ่งที่ควรทำ — ตัวเลือกบูลีน
ใช้ตัวเลือกบูลีนเมื่อตัวเลือกเป็น "ใช่" และ "ไม่ใช่"

สิ่งที่ควรทำ — ตัวเลือกเดียว
ใช้ตัวเลือกเดียวเมื่อผู้ใช้เลือก 1 ตัวเลือกในรายการได้

ไม่ควร — รายการที่ยาวมาก
หลีกเลี่ยงการใช้ตัวเลือกเดียวสำหรับรายการที่ยาวมาก (10 รายการขึ้นไป) โปรดใช้เมนูแบบเลื่อนลงแทน

เครื่องมือเลือกวันที่

เครื่องมือเลือกวันที่ช่วยให้ผู้ใช้ป้อนวันที่ได้จากทั้งตัวเลือกวันที่ในปฏิทินและแป้นพิมพ์ เครื่องมือเลือกวันที่ของปฏิทินจะเปิดใช้งานเมื่อแตะไอคอนปฏิทิน

ใช้เครื่องมือเลือกวันที่ของปฏิทินเฉพาะกับวันที่ที่ใกล้เคียงกับวันนี้ เช่น รอบเดือนครั้งล่าสุดหรือการเข้าชมครั้งถัดไป หรือจัดลำดับความสำคัญของรายการแป้นพิมพ์ สำหรับวันต่างๆ เช่น วันเกิด

ทำ — ตัวเลือกทั้งสองรายการ
สำหรับการป้อนวันที่ ให้เปิดใช้ทั้งรายการแป้นพิมพ์ (การแตะกล่องข้อความ) และ เครื่องมือเลือกวันที่ในปฏิทิน (ไอคอนการแตะ)

ไม่ควร - หลีกเลี่ยงการใช้ปฏิทินเท่านั้น
หลีกเลี่ยงการเปิดใช้เครื่องมือเลือกวันที่ในปฏิทินเป็นวิธีป้อนข้อมูลวันเกิดเพียงอย่างเดียว การนำทางไปที่เดือนและปีนั้นเป็นเรื่องยาก

เมนูแบบเลื่อนลง

เมนูแบบเลื่อนลงช่วยให้ผู้ใช้สามารถเลือกจากตัวเลือกต่างๆ ได้ เมื่อผู้ใช้เริ่มพิมพ์ ตัวเลือกจะกรองตามสิ่งที่ป้อน วิธีนี้จะช่วยให้ผู้ใช้ พบตัวเลือกที่ต้องการจากรายการขนาดใหญ่ได้อย่างรวดเร็ว

เมนูแบบเลื่อนลงเป็นทางเลือกที่ดีแทนตัวเลือกเดียวเมื่อรายการตัวเลือกมีความยาวมาก (มากกว่า 10 ตัวเลือก) เนื่องจากใช้พื้นที่น้อยกว่า

สิ่งที่ควรทำ — ใช้สำหรับรายการที่ยาว
ใช้เมนูแบบเลื่อนลงเมื่อเลือกตัวเลือก 1 ตัวเลือกในรายการตัวเลือกที่ยาวมากๆ เช่น เลือกรัฐหรือเมือง

ไม่ควร — เมื่อพิมพ์ง่าย
หลีกเลี่ยงการใช้เมนูแบบเลื่อนลงเมื่อพิมพ์เนื้อหาได้ง่ายขึ้น แทนที่จะต้องเลื่อนผ่านตัวเลือกทั้งหมด เช่น อายุ

หลายตัวเลือก

หลายตัวเลือกคือการควบคุมการเลือกที่ปรากฏเป็นช่องทำเครื่องหมายเมื่อผู้ใช้สร้างหลายส่วนจากรายการตัวเลือกได้

ใช้หลายตัวเลือกเมื่อผู้ใช้สามารถเลือกได้จากรายการตัวเลือกที่กำหนดไว้ล่วงหน้าเท่านั้น หากผู้ใช้เพิ่มคำตอบฟรีของตนเองได้ด้วย ให้ใช้คอมโพเนนต์ตัวเลือกแบบเปิดแทน ในช่องinstructions ให้เขียน "เลือกได้มากกว่า 1 ข้อ" เพื่อให้ผู้ใช้ทราบว่าสามารถเลือกหลายตัวเลือกได้

ทำ — การเลือก 1 รายการต่อแถว
ลักษณะที่ปรากฏเริ่มต้นคือคอนเทนเนอร์รอบช่องทำเครื่องหมายเพื่อทำให้บริเวณที่แตะได้ชัดเจน

ไม่ควร - ตัวเลือกหลายรายการต่อแถว
หลีกเลี่ยงการแสดงตัวเลือกหลายรายการต่อแถว เนื่องจากขนาดหน้าจอโทรศัพท์และขนาดข้อความมีความแตกต่างกัน ข้อความอาจถูกตัดออก

เปิดตัวเลือก

ตัวเลือกแบบเปิดคล้ายกับตัวเลือกแบบหลายตัวเลือก แต่เพิ่มความสามารถให้ผู้ใช้เลือกอื่นๆ และพิมพ์ข้อความตามอิสระได้

ใช้ตัวเลือกแบบเปิดเมื่อมีรายการตัวเลือกที่กำหนดไว้ล่วงหน้า แต่ผู้ใช้ก็เพิ่มตัวเลือกอื่นๆ ได้เช่นกัน ใช้ตัวเลือกแบบเปิดเมื่อทราบตัวเลือกส่วนใหญ่ แต่คุณคาดว่าผู้ใช้บางรายจะเลือกอื่นๆ เนื่องจากไม่มีตัวเลือกใดที่ใช้ได้

ควรทำ — ใช้เพื่อการรวบรวมข้อมูลที่แม่นยำยิ่งขึ้น
ใช้เมื่อต้องมีการเก็บรวบรวมข้อมูลที่แม่นยำที่จำเป็น และไม่มีตัวเลือกที่กำหนดไว้ล่วงหน้า ตัวอย่าง: อาชีพ

ไม่ใช้ — หากคำตอบทั้งหมดจะเป็นคำตอบอื่น
หลีกเลี่ยงการใช้หากคำตอบส่วนใหญ่นั้นจำเป็นต้องเลือกอื่นๆ ในกรณีนี้ ให้ใช้ช่องข้อความหรือช่องย่อหน้าแทน

Slider

แถบเลื่อนช่วยให้ผู้ใช้เลือกช่วงค่าได้ แถบเลื่อนใน Android FHIR SDK เป็นแถบเลื่อนแยก แถบเลื่อนแบบแยกกันช่วยให้ผู้ใช้เลือกค่าที่เจาะจงจากช่วงที่กำหนดไว้ล่วงหน้าได้ อาจมีการใช้เครื่องหมายถูกเพื่อระบุค่าที่มี หลีกเลี่ยงการใช้แถบเลื่อนเพื่อป้อนข้อมูลที่เป็นตัวเลข ให้ใช้ช่องข้อความหรือเมนูแบบเลื่อนลงแทน

ดูข้อมูลเพิ่มเติมเกี่ยวกับแถบเลื่อนใน material.io

ไม่ควร - ใช้แถบเลื่อนสำหรับตัวเลขที่เจาะจง
หลีกเลี่ยงการใช้แถบเลื่อนสำหรับค่าที่เจาะจงเมื่อมีช่วงขนาดใหญ่ ใช้ช่องข้อความที่มีการป้อนข้อมูลด้วยแป้นพิมพ์แทน

การตรวจสอบข้อมูลและข้อผิดพลาด

การตรวจสอบข้อมูล

การตรวจสอบข้อมูลจะจำกัดประเภทข้อมูลหรือค่าที่สามารถป้อนในช่องข้อความ การตรวจสอบข้อมูลจะช่วยปรับปรุงคุณภาพของข้อมูลที่รวบรวม

ใช้ช่อง EntryFormat เพื่อแสดงข้อจำกัดด้านรูปแบบหรือค่า แสดงข้อความแสดงข้อผิดพลาดเกี่ยวกับการตรวจสอบข้อมูลที่มีความหมายโดยตรงได้ทันทีเพื่อให้ผู้ใช้แก้ไขข้อผิดพลาดได้

สิ่งที่ควรทำ — แสดงข้อจำกัดในการตรวจสอบ
แสดงข้อจำกัดในการตรวจสอบข้อมูลล่วงหน้าเพื่อให้ผู้ใช้ทราบวิธีป้อนข้อมูล

อย่า - ซ่อนข้อจำกัดการตรวจสอบ
ผู้ใช้อาจพบข้อผิดพลาดโดยไม่ได้แสดงจำนวนหลัก และอาจใช้เวลาในการดำเนินการนานขึ้น

สิ่งที่ควรทำ — แสดงข้อผิดพลาดในการตรวจสอบทันที
แสดงข้อผิดพลาดในการตรวจสอบข้อมูลที่สำคัญทันทีหลังจากกรอกข้อมูล ในช่องเสร็จแล้ว ข้อความแสดงข้อผิดพลาดจะแทนที่ข้อความรูปแบบรายการที่มีอยู่

อย่ารอ - รอจนกว่าจะมีการส่ง
อย่ารอจนผู้ใช้กด "ส่ง" เพื่อแสดงข้อผิดพลาดในการตรวจสอบความถูกต้องเป็นครั้งแรก

ข้อผิดพลาด

ข้อความแสดงข้อผิดพลาดจะแจ้งเตือนผู้ใช้เมื่อมีปัญหาเกิดขึ้นและแจ้งวิธีแก้ไข

ใช้สี สัญลักษณ์ และข้อความในการสื่อสารข้อผิดพลาด

ดูข้อมูลเพิ่มเติมเกี่ยวกับข้อความแสดงข้อผิดพลาดใน Material.io

สิ่งที่ควรทำ - อธิบายวิธีแก้ไขข้อผิดพลาดอย่างชัดเจน
อธิบายสาเหตุที่เกิดข้อผิดพลาด (คําถามที่จําเป็น) และวิธีแก้ไข (เลือก 1 ข้อ)

อย่า — เขียนเฉพาะ "ข้อผิดพลาด"
ข้อความแสดงข้อผิดพลาดที่บอกแค่ "ข้อผิดพลาด" จะไม่มีประโยชน์ต่อผู้ใช้ในการรู้วิธีแก้ไขข้อผิดพลาด

สิ่งที่ควรทำ — อธิบายวิธีแก้ไขข้อผิดพลาดโดยไม่ต้องโทษ
ตัวอย่างเช่น "รูปแบบวันที่ไม่ถูกต้อง ต้องอยู่ในรูปแบบ วว/ดด/ปปปป"

อย่า - โทษผู้ใช้
หลีกเลี่ยงการกล่าวโทษผู้ใช้ด้วยข้อความแสดงข้อผิดพลาดที่มีคำว่า "คุณ" เช่น "คุณป้อนรูปแบบวันที่ผิด"

สิ่งที่ควรทำ — สัญลักษณ์ต่างๆ
ใช้สี สัญลักษณ์ และข้อความเพื่อแจ้งให้ผู้ใช้ทราบว่ามีข้อผิดพลาด

ไม่ควร — ใช้เฉพาะสี
เพื่อรองรับความบกพร่องทางสายตาที่พบบ่อย เช่น ตาบอดสีเขียวอมแดง หลีกเลี่ยงการใช้สีเพียงอย่างเดียวในการสื่อสารข้อผิดพลาด

ไม่ควร — ใช้ไอคอนมากเกินไป
เพียงไอคอนเดียวก็เพียงพอแล้ว อย่าใช้ไอคอนมากเกินไปในการสื่อสารเกี่ยวกับข้อผิดพลาด