กำหนดค่าวิดเจ็ตให้แสดงเนื้อหาหรือข้อมูลที่เลือกจากแอป
กรณีที่ควรใช้การกำหนดค่า
อนุญาตให้ผู้ใช้กำหนดค่าวิดเจ็ตได้ในระหว่างการเลือกวิดเจ็ตหรือ ผ่านการแตะค้างไว้ พิจารณาว่าการปรับแต่งมีความสําคัญต่อประสบการณ์การใช้งานวิดเจ็ตของคุณมากน้อยเพียงใดเพื่อตัดสินใจว่าจะเปิดให้ใช้งานเมื่อใด
- หากวิดเจ็ตปรากฏเป็นค่าว่างโดยไม่ได้เลือกการตั้งค่าหรือการปรับแต่ง ส่วนกลาง ให้เปิดเวิร์กโฟลว์การกำหนดค่าโดยตรงในระหว่างการวางวิดเจ็ต
- หากวิดเจ็ตมีค่าเริ่มต้นที่ต้องการหรือไม่จำเป็นต้องให้ผู้ใช้เลือกก่อนดูเนื้อหา วิดเจ็ตของคุณก็ไม่จำเป็นต้องมีหน้าจอการกำหนดค่าเริ่มต้น ในกรณีเหล่านี้ ให้ผู้ใช้เข้าถึงการกำหนดค่า หลังจากการวาง
ผู้ใช้โดยตรง
เราขอแนะนำให้คุณระบุขั้นตอนการกำหนดค่าเพื่อมอบประสบการณ์ที่ปรับแต่งได้และ ดูได้อย่างรวดเร็วสำหรับแอปที่มีเนื้อหาหลายหมวดหมู่ เช่น แอปอีเมล
กรณีที่ควรใช้การกำหนดค่า
อนุญาตให้ผู้ใช้กำหนดค่าวิดเจ็ตระหว่างการเลือกวิดเจ็ตกับ การปรากฏบนหน้าจอหลัก หรือผ่านการแตะค้างไว้ พิจารณาว่าการปรับแต่งมีความสําคัญต่อประสบการณ์การใช้งานวิดเจ็ตของคุณมากน้อยเพียงใดเพื่อตัดสินใจว่าจะเปิดให้ใช้งานเมื่อใด
- หากวิดเจ็ตปรากฏเป็นค่าว่างโดยไม่ได้เลือกการตั้งค่าหรือการปรับแต่ง ส่วนกลาง ให้เปิดเวิร์กโฟลว์การกำหนดค่าโดยตรงในระหว่างการวางวิดเจ็ต
- หากวิดเจ็ตมีค่าเริ่มต้นที่ต้องการหรือไม่จำเป็นต้องให้ผู้ใช้เลือกก่อนดูเนื้อหา วิดเจ็ตของคุณก็ไม่จำเป็นต้องมีหน้าจอการกำหนดค่าเริ่มต้น ในกรณีเหล่านี้ ให้ผู้ใช้เข้าถึงการกำหนดค่า หลังจากการวาง
ผู้ใช้โดยตรง
แนะนําผู้ใช้ตลอดการกําหนดค่าและแสดงความคิดเห็นที่ชัดเจน หากแอปมีขั้นตอนการกำหนดค่าอยู่แล้ว คุณสามารถจำลองประสบการณ์การกำหนดค่าในแอป โดยควรลดให้เหลือ 1-2 หน้าจอ
ควรทำ
ตัวอย่างเช่น หน้าจอการกำหนดค่าการปลุกทางด้านซ้ายจะอนุญาตให้ผู้ใช้ เลือกหมวดหมู่การปลุก แล้วเพิ่มวิดเจ็ตเท่านั้น การแตะหมวดหมู่จะปิด ขั้นตอนการกำหนดค่าและเพิ่มวิดเจ็ต หากการกำหนดค่าไม่เสร็จสมบูรณ์ อย่ากดยกเลิกการเพิ่มวิดเจ็ต ระบุสถานะเพื่อให้สามารถกู้คืนหรือ กำหนดค่าภายในวิดเจ็ตได้
ไม่ควรทำ
ในตัวอย่างนี้ ไม่ชัดเจนว่าการปิดมุมมองการกำหนดค่าผ่านไอคอน x จะเพิ่มวิดเจ็ต แม้ว่าจะเลือกเนื้อหาที่จะแสดงแล้วก็ตาม
ระบุสถานะว่างหากไม่มีค่าที่กำหนดไว้ล่วงหน้าอื่นๆ สถานะว่าง สามารถแสดงการช่วยเริ่มต้นใช้งานหรือการช่วยเตือนการตรวจสอบสิทธิ์เพื่อให้แน่ใจว่าได้นำผู้ใช้ไปยังจุดที่ต้องการ
ปรับแต่งลักษณะที่ปรากฏของวิดเจ็ต
ระบุวิดเจ็ตเริ่มต้นที่ต้องการเมื่อเป็นไปได้เพื่อให้ผู้ใช้เริ่มต้นใช้งานได้อย่างรวดเร็วโดยไม่ต้องปรับแต่ง หรือเพื่อช่วยให้ผู้ใช้เข้าใจว่าวิดเจ็ตจะปรากฏในหน้าจอหลักอย่างไร
แสดงตัวอย่างวิดเจ็ตเมื่อปรับแต่งลักษณะที่ปรากฏของวิดเจ็ต
ใช้การเปิดเผยแบบค่อยเป็นค่อยไปสำหรับการควบคุมขั้นสูงเพื่อช่วยให้ผู้ใช้ปรับแต่งได้อย่างรวดเร็ว
นานารูปแบบ
สำหรับวิดเจ็ตที่มีการปรับแต่งแบบจำกัด ให้แสดงการกำหนดค่าที่ได้รับความนิยมหรือโดดเด่น ในเครื่องมือเลือกวิดเจ็ตโดยตรง ซึ่งจะช่วยให้ไม่ต้องมี หน้าจอการกำหนดค่าแยกต่างหาก
แอปสามารถรองรับวิดเจ็ตได้ไม่จำกัดจำนวน อย่างไรก็ตาม ตัวเลือกวิดเจ็ตต้อง มุ่งเน้นที่การแสดงเฉพาะงานที่สำคัญและรูปแบบที่เป็นประโยชน์ จำกัดตัวเลือกสี ตัวอย่างไว้ที่ 6-8 รูปแบบ อนุญาตให้เข้าถึงรูปแบบเพิ่มเติมผ่าน หน้าจอยืนยัน
ควรทำ
ไม่ควรทำ
การจัดวาง
ทําตามแนวทางปฏิบัติแนะนําพื้นฐานของเลย์เอาต์ หรือใช้ประโยชน์จากคอมโพเนนต์ Material Design เช่น เลย์เอาต์รายการที่มีสวิตช์ ช่องทําเครื่องหมาย และปุ่มเปิด/ปิด เมื่อสร้างหน้าจอการกําหนดค่า ดูข้อมูลเพิ่มเติมเกี่ยวกับการทำให้เลย์เอาต์วิดเจ็ตมีคุณภาพสูงได้ที่คุณภาพวิดเจ็ต