ประสบการณ์การใช้งานแอปในการออกแบบข้อมูลอ้างอิงแนวตั้งมี 2 ชั้น
เลเยอร์เหล่านี้ช่วยให้ผู้ใช้โต้ตอบกับแอปในทั้ง 2 เลเยอร์ได้
เพื่อประสบการณ์การทำงานหลายอย่างพร้อมกันที่ดีที่สุด เราขอแนะนำให้เลเยอร์พื้นฐานเรียกใช้แอปนำทาง ส่วนเลเยอร์บนจะเรียกใช้แอปประเภทอื่นๆ โดยใช้เทมเพลตแอประบบ
เลเยอร์ฐาน
ชั้นฐานครอบคลุมเกือบทั้งหน้าจอของรถ
โดยสามารถเรียกใช้แอปหลายแอปได้ในเวลาเดียวกัน แต่ผู้ใช้จะมองเห็นแอปได้เพียง 1 แอปเท่านั้น ผู้ใช้จะใช้การควบคุมมาตรฐานทั้งหมดของแอปได้
ดูคําแนะนําเกี่ยวกับการใช้และปรับแต่งเลเยอร์ฐานได้ที่แนวทางปฏิบัติแนะนําเกี่ยวกับเลเยอร์ฐานและการปรับแต่งเลเยอร์ฐาน
![เลเยอร์ฐาน](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/base-layer-3.png?authuser=19&hl=th)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/base-layer-3.png?authuser=19&hl=th)
แนวทางปฏิบัติแนะนำสำหรับเลเยอร์ฐาน
แนวทางปฏิบัติแนะนำสำหรับ OEM
- เรียกใช้แอปแยกกันบนเลเยอร์ฐานและเลเยอร์ด้านบน: อย่าเรียกใช้แอปเดียวกันพร้อมกันบนเลเยอร์ทั้ง 2 ชั้น
- เรียกใช้แอปนำทางบนเลเยอร์ฐาน: เนื่องจากคนขับรถจะดูจาก แอปนำทางมากที่สุดในระหว่างการเดินทางด้วยรถ ใช้เลเยอร์ฐานเพื่อทำให้แอปนำทางพร้อมใช้งานเสมอ พร้อมแถบควบคุมที่ให้ตัวควบคุมสื่อ ช่วยให้ผู้ขับขี่ได้รับประสบการณ์การสื่อและการนำทางที่ดีที่สุดบนหน้าจอของรถ
เลเยอร์บน
ชั้นบนสุดสามารถเรียกใช้แอปได้ทุกประเภท ซึ่งรวมถึงแอปโทรศัพท์ (เช่น แป้นโทรศัพท์) และแอปสื่อที่มีเนื้อหา เช่น เพลง พอดแคสต์ วิทยุ หรือเสียงบลูทูธ แอปเหล่านี้ทำงานใน เทมเพลตแอประบบ นอกจากนี้ ยังเข้าถึงเนื้อหาสื่อได้จากตัวเปิดแอปและแถบควบคุม
เมื่อแอปที่เลเยอร์ด้านบนเปิดขึ้น แอปเลเยอร์ฐานจะตอบสนองต่อการปรับพื้นที่หน้าจอ กล่าวคือ เลเยอร์ฐานจะตอบสนองต่อการขยายของแอปที่เลเยอร์บนสุดบนหน้าจอโดยการลดพื้นที่หน้าจอของตัวเอง
เทมเพลตแอประบบ
เทมเพลตแอปของระบบจะช่วยสร้างประสบการณ์ของผู้ใช้ที่สอดคล้องกันในระบบสาระบันเทิง เทมเพลตเหล่านี้มีไว้สำหรับการตั้งค่า แอปสื่อ และแอปโทรศัพท์ เทมเพลตประกอบด้วยข้อมูลต่อไปนี้
- ส่วนหัวของแอปที่ด้านบน
- เมนูแอปแนวตั้งทางด้านซ้ายในระยะใกล้คนขับ
- พื้นที่เนื้อหาของแอป
- การควบคุมแบบถาวรในแถบควบคุมสําหรับบางแอป
![คอมโพเนนต์เทมเพลตแอประบบ](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/sys-app-templates.png?authuser=19&hl=th)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/sys-app-templates.png?authuser=19&hl=th)