ส่วนติดต่อผู้ใช้

ระดับที่ 2 - ปรับให้เหมาะสมแบบปรับได้

สำหรับผู้ใช้ อินเทอร์เฟซผู้ใช้คือแอป UI เป็นตัวกำหนดประสบการณ์ของผู้ใช้ ซึ่งกำหนดความพึงพอใจของผู้ใช้ การใช้งานแอป การซื้อในแอป และการรักษาลูกค้า

หน้าจอขนาดใหญ่มีพื้นที่แสดงผลที่กว้างขวางสำหรับ UI ที่เป็นนวัตกรรมและปรับเปลี่ยนได้ ซึ่งมอบ UX ที่หน้าจอขนาดเล็กไม่สามารถทำซ้ำได้

เพิ่มประสิทธิภาพแอปสำหรับหน้าจอขนาดใหญ่โดยรวมองค์ประกอบ UI ต่อไปนี้

แถบนำทางด้านข้างหรือลิ้นชักการนำทาง
เป้าหมายการสัมผัสขนาดใหญ่
เมนูและกล่องโต้ตอบที่วางไว้อย่างเหมาะสม
เลย์เอาต์หลายแผง

เลย์เอาต์แบบปรับขนาดได้

สร้างเลย์เอาต์ที่ปรับเปลี่ยนตามอุปกรณ์ซึ่งเพิ่มประสิทธิภาพ UI ของแอปในหน้าจอขนาดเล็กและใหญ่ ออกแบบและสร้างสำหรับอุปกรณ์หลายรูปแบบพร้อมกัน สร้างอนาคตที่ยั่งยืนให้แอป สำหรับอุปกรณ์ประเภทใหม่

เลย์เอาต์ Canonical

ใช้ประโยชน์จากเลย์เอาต์แบบปรับได้ที่ได้รับการพิสูจน์แล้วเพื่อสร้าง UX ของแอปที่ยอดเยี่ยม สร้างเลย์เอาต์รายการ-รายละเอียด แผงสนับสนุน หรือฟีดเพื่อให้จัดการและเพลิดเพลินกับเนื้อหาได้มากขึ้น

UI ที่ตอบสนอง

จัดรูปแบบองค์ประกอบ UI ตามขนาดการแสดงผล จำกัดความกว้างของปุ่ม การ์ด และช่องข้อความที่มีความกว้างเต็มในจอแสดงผลขนาดเล็กให้มีขนาดที่เหมาะสม ในจอแสดงผลขนาดใหญ่ อย่าให้กล่องโต้ตอบและหน้าต่างโมดอลอื่นๆ ครอบคลุมทั้งจอแสดงผล วางเมนูตามบริบทและป๊อปอัปอื่นๆ ที่เกี่ยวข้องกับองค์ประกอบไว้ข้างองค์ประกอบที่ผู้ใช้เลือก ไม่ใช่ตรงกลางหน้าจอ

การฝังกิจกรรม

อัปเดตแอปเดิมที่อิงตามกิจกรรมด้วยเลย์เอาต์แบบหลายแผงบนหน้าจอขนาดใหญ่ ไม่ต้องทำการปรับโครงสร้างโค้ด กำหนดค่าเลย์เอาต์ใน XML หรือด้วยการเรียกใช้ Jetpack WindowManager API เพียงไม่กี่ครั้ง

ขั้นตอนถัดไป

ดูข้อมูลเกี่ยวกับการพัฒนา UI เพื่อ UX ที่เพิ่มประสิทธิภาพได้ในคู่มือนักพัฒนาซอฟต์แวร์ต่อไปนี้