UX แบบปัดนิ้วเพื่อดำเนินการ: ทำให้สามารถค้นพบท่าทางที่ซ่อนอยู่ได้และปลอดภัย
วิธีการออกแบบการดำเนินการปัดในรายการ: ตัวระบุ เกณฑ์ การดำเนินการปัดแบบเต็ม เลิกทำ การเข้าถึง และสาเหตุที่การปัดไม่ควรเป็นเพียงวิธีเดียว
หลัก Takeaway
การปัดนิ้วเป็นปุ่มลัดที่รวดเร็วสำหรับการดำเนินการในรายการบ่อยครั้ง เช่น เก็บถาวรหรือลบ แต่การดำเนินการดังกล่าวจะถูกซ่อนไว้ ดังนั้นจึงต้องไม่ใช่วิธีเดียวที่จะทำบางสิ่งบางอย่าง ใช้สำหรับการดำเนินการที่คาดหวัง แสดงเกณฑ์ที่ชัดเจนในขณะที่รายการเคลื่อนไหว ปล่อยให้การปัดบางส่วนเปิดเผยและการกระทำการปัดแบบเต็ม และเสนอการยกเลิกสำหรับการดำเนินการทำลายล้าง
ปัญหาการใช้งาน
Nielsen Norman Group พบปัญหาที่เกิดซ้ำกับการดำเนินการปัดเพื่อเปิดเผย: การไม่มีตัวระบุทำให้ไม่ชัดเจนว่าการปัดทำงานที่ใด การกระทำที่ไม่เป็นมาตรฐานเบื้องหลังการปัดจะทำให้ผู้คนประหลาดใจที่คาดว่าจะลบหรือเก็บถาวร การซ่อนการกระทำหลายอย่างไว้เบื้องหลังการปัดทำให้ค้นพบได้ยาก และการปัดอาจทำให้ไม่ชัดเจนเมื่อท่าทางสัมผัสเดียวกันนำทางระหว่างส่วนต่างๆ ด้วย
การดำเนินการปัดควรมีลักษณะอย่างไร
Material Design อธิบายรูปแบบทั่วไปบน Android: รายการสามารถแสดงปุ่มต่างๆ ได้เมื่อปัดนิ้ว และการดำเนินการหลักคือตัวเลือกสุดท้ายที่อยู่ในแนวเดียวกัน ซึ่งการปัดแบบเต็มจะทริกเกอร์โดยตรง
- ปัดนิ้วไว้บ่อยครั้งเพื่อดำเนินการตามที่คาดไว้: เก็บถาวร ลบ ทำเครื่องหมายว่าอ่านแล้ว
- แสดงการกระทำและสีในขณะที่รายการเคลื่อนไหว และเปลี่ยนแปลงอย่างเห็นได้ชัดเมื่อถึงเกณฑ์คอมมิต
- สปริงไอเท็มกลับหากปล่อยก่อนถึงขีดจำกัด
- เสนอการยกเลิกหรือขอการยืนยันสำหรับการดำเนินการทำลายล้าง
- อย่าผสมการปัดแนวนอนกับการนำทางแบบปัดแนวนอนบนหน้าจอเดียวกัน
ไม่เคยมีทางเดียว
เนื่องจากการปัดไม่สามารถมองเห็นได้ ให้ดำเนินการแบบเดียวกันในเมนูที่มองเห็นได้ เมนูแบบกดค้าง หรือหน้าจอรายละเอียด นอกจากนี้ยังครอบคลุมถึงการช่วยสำหรับการเข้าถึงด้วย: ผู้ใช้โปรแกรมอ่านหน้าจอและผู้ที่ไม่สามารถแสดงท่าทางที่แม่นยำได้จำเป็นต้องมีเส้นทางที่ไม่ใช่ท่าทาง และแพลตฟอร์มก็มีการดำเนินการสำหรับการเข้าถึงเพื่อจุดประสงค์นี้โดยเฉพาะ
การเคลื่อนไหวทำให้การปัดรู้สึกน่าเชื่อถือ
สิ่งของควรติดตามนิ้วอย่างแม่นยำ และเมื่อปล่อยสปริงที่มีความเร็วของนิ้ว จะทำให้การคอมมิตหรือดีดกลับให้ความรู้สึกทางกายภาพ การแตะแบบสัมผัสสั้นๆ ที่ธรณีประตูซึ่งแพลตฟอร์มรองรับ จะยืนยันการดำเนินการก่อนที่จะยกนิ้วขึ้น
คีย์ Principles ที่ต้องจำ
- การปัดถูกซ่อนอยู่: ให้ทางเลือกที่มองเห็นได้เสมอ
- ใช้เพื่อการกระทำที่คาดหวังและบ่อยครั้ง
- การแสดงการปัดบางส่วน การคอมมิตการปัดแบบเต็ม การรีลีสก่อนหน้าจะสปริงกลับ
- ยกเลิกหรือยืนยันการดำเนินการทำลายล้าง
- หลีกเลี่ยงท่าทางแนวนอนที่ขัดแย้งกันบนหน้าจอเดียว
คำถามที่พบบ่อย
แหล่งที่มา
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design3