UX

ไอคอนระดับ 2

ระดับ 2 — เพิ่มประสิทธิภาพสำหรับหน้าจอขนาดใหญ่

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

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

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

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

เลย์เอาต์ที่ปรับเปลี่ยนได้

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

เลย์เอาต์ Canonical

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

UI ที่ปรับเปลี่ยนตามพื้นที่โฆษณา

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

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

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

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

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