ระดับที่ 2 - หลักเกณฑ์คุณภาพแอปที่ปรับเปลี่ยนได้ซึ่งเตรียมแอปของคุณให้พร้อมสำหรับ จอแสดงผลขนาดเล็กและใหญ่
แอปที่ปรับให้เหมาะสมแบบปรับเปลี่ยนได้จะใช้ประโยชน์จากจอแสดงผลขนาดใหญ่ของอุปกรณ์หน้าจอขนาดใหญ่เพื่อมอบประสบการณ์การใช้งานที่มีประสิทธิภาพและน่าสนใจ
แอปที่เพิ่มประสิทธิภาพสร้างขึ้นด้วยเลย์เอาต์แบบปรับเปลี่ยนตามอุปกรณ์/แบบปรับได้ซึ่งสอดคล้องกับ การวางแนวตั้งและแนวนอน โหมดหลายหน้าต่าง รวมถึงสถานะอุปกรณ์ที่พับและ กางออก แถบนำทางและลิ้นชักช่วยปรับปรุงอินเทอร์เฟซผู้ใช้ ซึ่งจัดรูปแบบและวางตำแหน่งองค์ประกอบต่างๆ เช่น ปุ่ม ช่องข้อความ และกล่องโต้ตอบแบบไดนามิก เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดีที่สุด
แอปที่เพิ่มประสิทธิภาพแบบปรับได้รองรับการนำทางด้วยแป้นพิมพ์ แป้นพิมพ์ ลัด รวมถึงการซูมด้วยเมาส์และแทร็กแพด คลิกขวา และลักษณะการวางเมาส์
สิ่งที่ควรและไม่ควรทำ
ควรทำ
- สร้างเลย์เอาต์แบบ 2 บานหน้าต่าง
- ใช้เลย์เอาต์กริดและคอลัมน์
- แทนที่แถบนำทางด้วยแถบข้างนำทางและลิ้นชัก
- ใช้การฝังกิจกรรมในแอปแบบหลายกิจกรรมเดิม
- รองรับฟังก์ชันการทำงานขั้นสูงของแป้นพิมพ์ เมาส์ และแทร็กแพด
สิ่งที่ไม่ควรทำ
- ขยายองค์ประกอบ UI (ช่องข้อความ ปุ่ม กล่องโต้ตอบ) เพื่อเติมพื้นที่ว่าง
- ยืดหรือครอบตัดรูปภาพ
- ทำให้แผงหรือชีตมีความกว้างเต็ม
หลักเกณฑ์
ปฏิบัติตามหลักเกณฑ์ระดับ 2 เพื่อเพิ่มประสิทธิภาพแอปสำหรับอุปกรณ์ทุกรูปแบบ รวมถึงหน้าจอขนาดใหญ่
อินเทอร์เฟซผู้ใช้
รองรับหน้าจอทุกขนาดในอุปกรณ์ทุกประเภทด้วยเลย์เอาต์ที่ปรับเปลี่ยนตามอุปกรณ์/แบบปรับขนาดได้ซึ่งมอบประสบการณ์การใช้งานที่เหมาะสมที่สุดแก่ผู้ใช้
หลักเกณฑ์:
อะไร
เลย์เอาต์แอปเป็นไปตามขนาดการแสดงผล UI ของแอปประกอบด้วย
- แถบข้างนำทางและลิ้นชักที่อยู่ขอบด้านซ้าย
- เลย์เอาต์ตารางกริดที่รองรับการเปลี่ยนแปลงขนาดหน้าต่าง
- เลย์เอาต์คอลัมน์
- แผงขอบท้ายที่เปิดโดยค่าเริ่มต้นบนหน้าจอขนาดใหญ่
เลย์เอาต์ 2 บานหน้าต่างใช้ประโยชน์จากพื้นที่หน้าจอขนาดใหญ่ แอปแบบหลายกิจกรรมจะใช้การฝังกิจกรรมเพื่อสร้างเลย์เอาต์แบบหลายบานหน้าต่างของกิจกรรมแบบเคียงข้างกัน
เป้าหมายการสัมผัสมีขนาดใหญ่และเข้าถึงได้ โฟกัส Drawable แบบอินเทอร์แอกทีฟได้
ทำไม
อุปกรณ์หน้าจอขนาดใหญ่มีรูปแบบของอุปกรณ์ที่หลากหลาย ซึ่งรวมถึงแท็บเล็ต อุปกรณ์พับได้ คอมพิวเตอร์เดสก์ท็อป จอแสดงผลในรถยนต์ และ XR ขนาดการแสดงผลจะแตกต่างกันไป โดยมักใช้อุปกรณ์ในแนวนอน ซึ่งบางครั้งก็เป็นแนวนอนหลัก
อย่างไร
ดูภาพรวมอินเทอร์เฟซผู้ใช้
แป้นพิมพ์ เมาส์ และแทร็กแพด
รองรับอุปกรณ์อินพุตฮาร์ดแวร์ภายนอกเพื่อเพิ่มความสามารถในการใช้งานแอปและความพึงพอใจของผู้ใช้
หลักเกณฑ์:
อะไร
แอปให้การรองรับการป้อนข้อมูลด้วยแป้นพิมพ์ เมาส์ และแทร็กแพดที่ดียิ่งขึ้น เมนูบริบทจะเข้าถึงได้โดยใช้เมาส์และแทร็กแพดคลิกขวา (ปุ่มเมาส์รองหรือการแตะรอง) คุณซูมเนื้อหาแอปได้โดยใช้ปุ่มลูกกลิ้งของเมาส์และท่าทางสัมผัสแบบบีบของแทร็กแพด องค์ประกอบ UI มีสถานะเมื่อวางเมาส์เหนือองค์ประกอบ
ทำไม
อุปกรณ์ต่อพ่วง เช่น แป้นพิมพ์ เมาส์ และแทร็กแพด มักจะเชื่อมต่อกับอุปกรณ์หน้าจอขนาดใหญ่ โดยปกติแล้วอุปกรณ์ ChromeOS จะมีแป้นพิมพ์และแทร็กแพดในตัว ผู้ใช้คุ้นเคยกับการใช้แป้นพิมพ์ลัด ปุ่มเมาส์หลายปุ่ม วงล้อเลื่อนของเมาส์ และท่าทางสัมผัสของแทร็กแพด
อย่างไร
ดูภาพรวมแป้นพิมพ์ เมาส์ และแทร็กแพด