การโต้ตอบด้วยเคอร์เซอร์

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

ข้อควรทราบเมื่อปรับให้เข้ากับอินพุตของเดสก์ท็อป

1. เพิ่มสถานะเมื่อวางเมาส์และการโต้ตอบลงในระบบที่มีอยู่
2. พิจารณาการโต้ตอบด้วยการคลิกขวาเพื่อเพิ่มประสิทธิภาพ
3. เป้าหมายควรมีขนาดที่แม่นยำยิ่งขึ้น

คลิกหลัก

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

คลิกขวา

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

วางเมาส์

นอกจากการเปลี่ยนไอคอนเคอร์เซอร์แล้ว คุณยังระบุการโต้ตอบได้ด้วยการ เปลี่ยนสถานะภาพขององค์ประกอบเมื่อวางเมาส์ ดูคำแนะนำด้านการออกแบบเพิ่มเติมได้ที่สถานะ

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

ลากและวาง

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

การเลือก

ปรับปรุงการโต้ตอบการเลือกสำหรับประสบการณ์การใช้งานบนเดสก์ท็อปโดย ระบุเป้าหมายการคลิกโดยเฉพาะ

ขนาดเป้าหมาย

เมื่อปรับขนาดองค์ประกอบ UI สำหรับการโต้ตอบด้วยเคอร์เซอร์ ให้หลีกเลี่ยงปุ่มที่มีขนาดใหญ่เกินไป หรือมีเป้าหมายการสัมผัสโดยธรรมชาติอยู่นอกขอบเขตภาพขององค์ประกอบ

เป้าหมายของเคอร์เซอร์อาจมีขนาดเล็กกว่าเป้าหมายการสัมผัสมาตรฐาน 48 x 48 dp สำหรับ การโต้ตอบของเคอร์เซอร์แบบอื่น เช่น การเก็บถาวรเมื่อวางเมาส์เหนือรายการ ซึ่งจะปรากฏ หลังจากเลือกรายการแล้วเป็นหลัก

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