ระดับ 2 — เพิ่มประสิทธิภาพสำหรับหน้าจอขนาดใหญ่
อินเทอร์เฟซผู้ใช้คือแอปสำหรับผู้ใช้ UI เป็นตัวกำหนดประสบการณ์ของผู้ใช้ ซึ่งส่งผลต่อความพึงพอใจของผู้ใช้ การใช้งานแอป การซื้อในแอป การเก็บรักษาลูกค้า
หน้าจอขนาดใหญ่มีพื้นที่แสดงผลที่กว้างขวางสำหรับ UI ที่ล้ำสมัยและปรับเปลี่ยนได้ ซึ่งให้ UX ที่หน้าจอขนาดเล็กไม่สามารถเลียนแบบได้
เพิ่มประสิทธิภาพแอปสำหรับหน้าจอขนาดใหญ่โดยใส่องค์ประกอบ UI ต่อไปนี้
- แถบข้างสำหรับไปยังส่วนต่างๆ หรือลิ้นชักการนำทาง
- เป้าหมายการสัมผัสขนาดใหญ่
- เมนูและกล่องโต้ตอบอยู่ในตําแหน่งที่เหมาะสม
- เลย์เอาต์แบบหลายแผง
เลย์เอาต์ที่ปรับเปลี่ยนได้
สร้างเลย์เอาต์ที่ปรับเปลี่ยนได้ซึ่งเพิ่มประสิทธิภาพ UI ของแอปบนหน้าจอขนาดใหญ่และขนาดเล็ก ออกแบบและสร้างสำหรับอุปกรณ์หลายรูปแบบพร้อมกัน ทําให้แอปรองรับการใช้งานในอนาคตสําหรับอุปกรณ์ประเภทใหม่ๆ
เลย์เอาต์ Canonical
ใช้ประโยชน์จากเลย์เอาต์หน้าจอขนาดใหญ่ที่ผ่านการพิสูจน์แล้วเพื่อทำให้ UX ของแอปโดดเด่น สร้างรายละเอียดรายการ แผงสนับสนุน หรือเลย์เอาต์ฟีดเพื่อให้จัดการเนื้อหาได้มากขึ้นและสนุกยิ่งขึ้น
UI ที่ปรับเปลี่ยนตามพื้นที่โฆษณา
จัดรูปแบบองค์ประกอบ UI ตามขนาดหน้าจอ จำกัดความกว้างของปุ่ม การ์ด และช่องข้อความที่เต็มความกว้างบนหน้าจอขนาดเล็กให้มีขนาดที่เหมาะสมกับการใช้งานบนหน้าจอขนาดใหญ่ อย่าให้กล่องโต้ตอบและหน้าต่างโมดัลอื่นๆ แสดงเต็มหน้าจอ วางตำแหน่งเมนูตามบริบทและป๊อปอัปอื่นๆ ที่เกี่ยวข้องกับองค์ประกอบให้แสดงอยู่ติดกับองค์ประกอบที่ผู้ใช้เลือก ไม่ใช่อยู่ตรงกลางหน้าจอ
การฝังกิจกรรม
อัปเดตแอปเดิมที่อิงตามกิจกรรมด้วยเลย์เอาต์หลายแผงบนหน้าจอขนาดใหญ่ ไม่ต้องมีการปรับโค้ด กำหนดค่าเลย์เอาต์ใน XML หรือด้วยการเรียกใช้ Jetpack WindowManager API เพียงไม่กี่ครั้ง
ขั้นตอนถัดไป
ดูข้อมูลเกี่ยวกับการพัฒนา UI เพื่อเพิ่มประสิทธิภาพ UX ได้จากคู่มือนักพัฒนาซอฟต์แวร์ต่อไปนี้
- เกี่ยวกับเลย์เอาต์แบบปรับขนาดได้
- เลย์เอาต์ตามรูปแบบบัญญัติ
- สร้างการนําทางที่ปรับเปลี่ยนตามอุปกรณ์
- การฝังกิจกรรม