วิดเจ็ตเป็นองค์ประกอบสำคัญในการปรับแต่งหน้าจอหลักของผู้ใช้ ผู้ใช้มักจะทำเส้นทางของผู้ใช้ที่สำคัญสำหรับแอปได้ด้วยการแตะเพียงครั้งเดียวโดยใช้วิดเจ็ตหรือดูข้อมูลสรุปสั้นๆ เกี่ยวกับการอัปเดตที่สำคัญ นอกจากนี้ ผู้ใช้ยังปรับแต่งวิดเจ็ตให้เหมาะกับความต้องการของตนเองได้ด้วย
รายการตรวจสอบความเข้ากันได้ของวิดเจ็ต
คุณภาพของวิดเจ็ตส่งผลต่อการมีส่วนร่วมของผู้ใช้กับเนื้อหาและฟีเจอร์ของแอป รายการตรวจสอบความเข้ากันได้จะกำหนดเกณฑ์เพื่อช่วยคุณประเมินคุณภาพของวิดเจ็ต ระดับต่างๆ มีดังนี้
ระดับ 3 - คุณภาพต่ำ
วิดเจ็ตเหล่านี้ไม่เป็นไปตามแถบคุณภาพขั้นต่ำและมอบประสบการณ์การใช้งานที่ไม่ดีแก่ผู้ใช้ วิดเจ็ตจะถือว่ามีคุณภาพต่ำหากไม่อยู่ในเกณฑ์มาตรฐานด้านเลย์เอาต์ สี การค้นพบ และเนื้อหา
ระดับที่ 2 - มาตรฐาน
วิดเจ็ตเหล่านี้มีประโยชน์ ใช้งานได้ และมอบประสบการณ์การใช้งานที่มีคุณภาพ วิดเจ็ตจะเป็นไปตามเกณฑ์เลย์เอาต์ สี การค้นพบ และเนื้อหาทั้งหมดต่อไปนี้จึงจะถือว่าเป็นวิดเจ็ตมาตรฐาน
ระดับที่ 1 - มีความแตกต่าง
วิดเจ็ตเหล่านี้เป็นตัวอย่างวิดเจ็ตที่มอบประสบการณ์การใช้งานที่โดดเด่นและปรับเปลี่ยนในแบบของคุณ ซึ่งช่วยให้ผู้ใช้สร้างหน้าจอหลักที่ไม่ซ้ำใครและมีประสิทธิภาพได้
ระดับที่ 3
ลักษณะของวิดเจ็ตคุณภาพต่ำ
หากวิดเจ็ตของคุณมีลักษณะดังต่อไปนี้ จะถือว่ามีคุณภาพต่ำ
| หมวดหมู่ | รหัส | คำอธิบาย |
|---|---|---|
| การจัดวาง | WL-1 | เมื่อผู้ใช้วางวิดเจ็ตบนพื้นผิวโฮสต์ วิดเจ็ตจะไม่เติมขอบเขตของตารางกริดโฮสต์ |
| WL-1.1 | วิดเจ็ตไม่แตะขอบตรงข้ามของตารางกริดอย่างน้อย 2 ด้าน กล่าวคือ วิดเจ็ตไม่จำเป็นต้องเป็นสี่เหลี่ยมผืนผ้าทั้งหมด แต่สามารถมีรูปร่างที่กำหนดเองได้ ตราบใดที่ขอบของรูปร่างสัมผัสกับขอบของตารางกริดอย่างน้อย 2 ขอบ |
|
| สี | WC-3 | ข้อความและปุ่มไอคอนของวิดเจ็ตมีอัตราส่วนคอนทราสต์ของสีไม่เพียงพอที่จะเป็นไปตามข้อกำหนดด้านการช่วยเหลือพิเศษ |
| Discovery | WD-4.2 | ชื่อวิดเจ็ตจะไม่รวมอยู่ในการออกแบบวิดเจ็ต |
| WD-4.3 | วิดเจ็ตไม่มีรูปภาพตัวอย่าง |
|
| เนื้อหา | WT-3 | เนื้อหาวิดเจ็ตล้าสมัยหรือไม่ทันเหตุการณ์อย่างต่อเนื่อง |
| WT-3.1 | วิดเจ็ตไม่อัปเดตหลังจากที่ผู้ใช้ดำเนินการจากวิดเจ็ตเสร็จสมบูรณ์ |
|
| WT-3.2 | วิดเจ็ตไม่อัปเดตหลังจากที่ผู้ใช้ดำเนินการที่เกี่ยวข้องจากภายในแอปเสร็จแล้ว |
|
| WT-4 | UI ของวิดเจ็ตใช้งานไม่ได้หรือเนื้อหาถูกครอบตัด |
ระดับที่ 2
ข้อกำหนดของวิดเจ็ตมาตรฐาน
วิดเจ็ตที่มีคุณภาพตรงตามเกณฑ์พื้นฐานนี้จะถือว่าเป็นวิดเจ็ตมาตรฐาน แต่จะไม่ถือว่าเป็นวิดเจ็ต Showcase ที่จะได้รับการแนะนำหรือแนะนำให้ผู้ใช้รู้จัก
| หมวดหมู่ | รหัส | คำอธิบาย |
|---|---|---|
| การจัดวาง | WL-1 | วิดเจ็ตจะจัดแนวให้ตรงกับองค์ประกอบโฮสต์อื่นๆ ในแกนแนวตั้งหรือแนวนอน และไม่ใช้พื้นที่เพิ่มเติม |
| WL-1.2 | รูปร่างทั้งหมดควรชนกับขอบตรงข้ามอย่างน้อย 2 ด้านของขอบเขตตารางกริด |
|
| WL-4 | หากวิดเจ็ตปรับขนาดได้ ให้กำหนดขนาดต่ำสุดและสูงสุด จัดเรียงเลย์เอาต์ใหม่เพื่อแสดงเนื้อหามากขึ้นเมื่อวิดเจ็ตขยายใหญ่ขึ้น อย่าปรับขนาดข้อความและไอคอนแบบเชิงเส้น |
|
| WL-4.1 | หากวิดเจ็ตขนาดใหญ่ขึ้นเพียงแค่เพิ่มพื้นที่ว่าง ให้กำหนดความกว้างหรือความสูงสูงสุด เมื่อวิดเจ็ตขนาดใหญ่แสดงเนื้อหามากขึ้น เช่น รายการแบบเลื่อนที่สูงขึ้น ให้อนุญาตการปรับขนาดแบบไม่จำกัด |
|
| WL-4.2 | ขนาดวิดเจ็ตขั้นต่ำต้องใหญ่พอที่จะแสดงกรณีการใช้งานที่ชัดเจนและเป็นไปตามข้อกำหนดเป้าหมายการสัมผัสขนาด 48x48 dp ระบบสามารถปรับขนาดเป้าหมายการสัมผัสสำหรับหน้าจอเดสก์ท็อปหรือหน้าจอรถยนต์ได้ |
|
| Discovery | WD-4 | วิดเจ็ตควรมีตัวอย่างที่ถูกต้องในเครื่องมือเลือกวิดเจ็ต (ชิ้นงานแบบคงที่) |
| เนื้อหา | WT-1 | สถานะศูนย์และสถานะว่างเปล่าต้องปรับขนาดให้พอดีกับขอบเขตวิดเจ็ตที่ใหญ่ขึ้นโดยไม่มีพื้นที่ว่าง เมื่อผู้ใช้ติดตั้งวิดเจ็ตก่อนเข้าสู่ระบบ วิดเจ็ตต้องแสดง Use Case หรือคำกระตุ้นให้ดำเนินการ (Call-To-Action) ที่ชัดเจน |
| WT-2 | วิดเจ็ตช่วยให้ผู้ใช้รีเฟรชเนื้อหาด้วยตนเองได้หากคาดว่าข้อมูลจะรีเฟรชบ่อยกว่า UI |
ควรทำ
สิ่งที่ไม่ควรทำ
ควรทำ
สิ่งที่ไม่ควรทำ
ระดับที่ 1
ข้อกำหนดของวิดเจ็ตที่แตกต่างกัน
วิดเจ็ตเหล่านี้รองรับการปรับแต่งหน้าจอหลักแบบพรีเมียม และจะแนะนำให้ผู้ใช้และนักพัฒนาแอปใช้เป็นแนวทางปฏิบัติแนะนำ วิดเจ็ตที่แตกต่างจะมอบประสบการณ์การใช้งานที่โดดเด่น และ Android จะใช้ประโยชน์จากวิดเจ็ตเหล่านี้เพื่อสร้างแรงบันดาลใจและเติมพลังให้กับระบบนิเวศ โดยเป็นไปตามเกณฑ์เลย์เอาต์ สี การค้นพบ และเนื้อหาที่แตกต่างกันทั้งหมด
| หมวดหมู่ | รหัส | คำอธิบาย |
|---|---|---|
| การจัดวาง | WL-1 | วิดเจ็ตจะจัดแนวให้ตรงกับองค์ประกอบโฮสต์อื่นๆ ในแกนแนวตั้งหรือแนวนอน และไม่ใช้พื้นที่เพิ่มเติม |
| WL-1.1 | วิดเจ็ตสี่เหลี่ยมผืนผ้าทั้งหมดต้องชนขอบทั้ง 4 ด้านของขอบเขตตารางกริด วิดเจ็ตรูปทรงที่กำหนดเองทั้งหมดต้องแตะขอบทั้ง 4 ด้านของขอบเขตตารางกริดสี่เหลี่ยมจัตุรัส หากมีขนาด 4x1 และมีแถบค้นหา จะอนุญาตให้แตะขอบได้เพียง 2 ด้านเท่านั้น |
|
| WL-2 | ผู้ใช้สามารถปรับขนาดวิดเจ็ตเป็น 2x1 และขนาดต่อไปนี้อย่างน้อย 2 ขนาด ได้แก่ 1x1, 2x2, 4x2, 4x4 |
|
| WL-3 | มีการใช้ส่วนหัวของวิดเจ็ตอย่างสอดคล้องกัน
|
|
| WL-5 | วิดเจ็ตคอลเล็กชันและฟีดรองรับคอนเทนเนอร์การเลื่อนแนวตั้ง เมื่อมีขนาดใหญ่ขึ้น เช่น 4x2 และ 4x4 วิดเจ็ตเหล่านี้จะแสดงรายการมากขึ้นและรายละเอียดเพิ่มเติมต่อรายการ |
|
| สี | WC-1 | วิดเจ็ตรองรับการกำหนดธีมสีตามบริบทของอุปกรณ์หรือแอป |
| WC-2 | วิดเจ็ตรองรับจานสีธีมสว่างและธีมมืด |
|
| Discovery | WD-1 | ตัวอย่างจะแสดงสัดส่วนเลย์เอาต์สำหรับรูปแบบของอุปกรณ์เป้าหมาย และมีเนื้อหาของผู้ใช้ ใช้ธีมของระบบ หรือทั้ง 2 อย่าง |
| WD-4.4 | วิดเจ็ตมีคำอธิบายที่ช่วยให้ผู้ใช้เข้าใจคุณค่าของวิดเจ็ต |
|
| WD-4.5 | ชื่อวิดเจ็ตสื่อความหมายและไม่ซ้ำกับวิดเจ็ตอื่นๆ ของแอป |
|
| ความสอดคล้องของระบบ | WS-2 | วิดเจ็ตสี่เหลี่ยมผืนผ้าต้องใช้รัศมีมุมที่ระบบมีให้ (เฉพาะ OEM) |
| WS-3 | วิดเจ็ตใช้ข้อกำหนดสถานะการโหลดและแสดงข้อผิดพลาดโดยตรงใน UI ของวิดเจ็ต |
|
| WS-4 | วิดเจ็ตใช้การกำหนดค่าระบบแทนจุดแรกเข้าของการตั้งค่าวิดเจ็ตที่กำหนดเอง |
|
| WS-5 | วิดเจ็ตจะใช้การเปลี่ยนการเปิดระบบเมื่อเข้า/ออกจากแอปจากวิดเจ็ต |
ควรทำ
สิ่งที่ไม่ควรทำ
ควรทำ
สิ่งที่ไม่ควรทำ
ควรทำ
สิ่งที่ไม่ควรทำ
ควรทำ
