เทมเพลตการนำทางจะแสดงแผนที่ฐานและข้อมูลการกำหนดเส้นทางที่ไม่บังคับ
เมื่อผู้ใช้กำลังขับรถโดยไม่มีข้อมูลเส้นทางแบบเลี้ยวต่อเลี้ยว แอปสามารถแสดงแผนที่แบบเต็มหน้าจอที่อัปเดตแบบเรียลไทม์ได้ ในระหว่างการไปยังส่วนต่างๆ ที่ทำงานอยู่ แอปจะแสดงการ์ดที่ไม่บังคับได้ที่มีการบังคับทิศทางและรายละเอียดพื้นผิว รวมถึงการแจ้งเตือนการนำทาง
เทมเพลตนี้ฝังอยู่ในเทมเพลตแท็บได้เพื่อการนำทางแบบแท็บ
ประกอบด้วย
- แผนที่ฐานแบบเต็มหน้าจอที่วาดโดยแอป
- การ์ดการกำหนดเส้นทาง (ไม่บังคับ) พร้อมการดำเนินการที่กำลังจะเกิดขึ้น
- การ์ดข้อมูลการเดินทางโดยประมาณ (ไม่บังคับ) พร้อมเวลาถึงโดยประมาณ (ETA) เวลาที่จะถึงจุดหมาย และระยะทางที่เหลือ (หรือการแสดงข้อมูลอื่นพร้อมข้อความและตัวเลือกไอคอนที่กำหนดเอง)
- แถบการดำเนินการที่มีการดำเนินการของแอปสูงสุด 4 รายการ ซึ่งจะแสดงตามที่อธิบายไว้ในการแสดงแถบการดำเนินการเท่านั้น
- แถบการทำงานของแผนที่ (ไม่บังคับ) ซึ่งมีสูงสุด 4 ปุ่มสำหรับการโต้ตอบในแผนที่
การแสดงแผนที่ในคลัสเตอร์
ระหว่างการนำทางที่ใช้งานอยู่ แอปจะแสดงแผนที่ในแผงหน้าปัดได้โดยใช้เทมเพลตการนำทาง คลัสเตอร์คือพื้นที่ของแดชบอร์ดด้านหลังพวงมาลัย ปัจจุบันตัวเลือกนี้ใช้ได้เฉพาะกับพาร์ทเนอร์ทดลองใช้ก่อนเปิดตัวเท่านั้น
Maps ในคลัสเตอร์มีจุดประสงค์ในการดำเนินการต่อไปนี้
- แสดงผลแบบอิสระ แต่อาจคัดลอกจอแสดงผลหลักได้หากต้องการ
- ไม่มีการโต้ตอบ องค์ประกอบอินเทอร์แอกทีฟ เช่น ปุ่ม จะถูกนำออก
- ธีมมืด เราขอแนะนำให้วาดแผนที่คลัสเตอร์ในเวอร์ชันธีมสีเข้ม เพื่อลดโอกาสที่จะดึงดูดความสนใจของคนขับรถจากถนน
แผนที่ของแอปในคลัสเตอร์จะแสดงเฉพาะในบางกรณีโดยขึ้นอยู่กับปัจจัยต่างๆ เช่น สถานะการนําทาง ค่ากำหนด OEM ของยานพาหนะ (ใน AAOS) และสิ่งที่แสดงในจอแสดงผลหลัก (ใน AAP)
ดูตัวอย่างโฟลว์ผู้ใช้ที่เกี่ยวข้องกับคลัสเตอร์ได้ที่ดูแผนที่ในคลัสเตอร์
ตัวอย่างคลัสเตอร์และตรงกลาง
รายละเอียดการ์ดการกำหนดเส้นทาง
เมื่อการ์ดการกำหนดเส้นทางอยู่ในสถานะการกำหนดเส้นทาง (ตรงข้ามกับสถานะข้อความ) ระบบจะแสดงข้อมูลต่อไปนี้
- ขั้นตอนปัจจุบัน: มีไอคอน (โดยทั่วไปจะเป็นลูกศรแสดงทิศทาง) ระยะทาง และข้อความเริ่มโฆษณา (ซึ่งอาจรวมถึงระยะเวลาของรูปภาพ เช่น เครื่องหมายเส้นทาง)
- คำแนะนำเลน (ไม่บังคับ): แสดงเป็นรูปภาพสนับสนุนเลนที่เรียบง่ายหรือภาพทางแยกที่ใหญ่กว่า (ขนาดที่ยืดหยุ่นโดยมีความสูงได้สูงสุด 200 dp)
- ขั้นตอนถัดไป (ไม่บังคับ): มีไอคอนและคิว และจะปรากฏที่ด้านล่างของการ์ดการกำหนดเส้นทางที่ไม่มีรูปภาพทางแยกเท่านั้น
อีกตัวเลือกหนึ่งในสถานะการกำหนดเส้นทางคือ การ์ดการกำหนดเส้นทางจะแสดงภาพเคลื่อนไหวของสปินเนอร์ (ไม่ได้แสดงที่นี่) เพื่อระบุสถานะชั่วคราว เช่น การโหลด การคำนวณ หรือการเปลี่ยนเส้นทาง
ในบางกรณี ข้อมูลการกำหนดเส้นทางอาจแสดงในแถบนำทางแบบลอยแทน ดังที่แสดงในเพิ่มจุดแวะขณะขับรถ
สถานะข้อความของการ์ดการกำหนดเส้นทาง
เมื่อการ์ดการกำหนดเส้นทางอยู่ในสถานะข้อความ การ์ดการกำหนดเส้นทางจะแสดงข้อความแทนเส้นทางการกำหนดเส้นทาง ข้อความนี้อาจใช้เพื่อสื่อถึงสถานการณ์ เช่น การมาถึงจุดหมายหรือเส้นทางล้มเหลว
ในสถานะข้อความ การ์ดการกำหนดเส้นทางอาจมีสิ่งต่อไปนี้
- ข้อความที่เกี่ยวข้องกับการกำหนดเส้นทางที่ไม่ว่างเปล่า มีความยาวได้สูงสุด 2 บรรทัด
- รูปภาพหรือไอคอน (ไม่บังคับ)
การแจ้งเตือนการนำทาง: แบบเลี้ยวต่อเลี้ยว (TBT) และแบบปกติ
การแจ้งเตือน TBT: เมื่อแอปแสดงคำแนะนำ TBT แบบข้อความ แอปจะต้องทริกเกอร์การแจ้งเตือน TBT ด้วย การแจ้งเตือนเหล่านี้ใช้เพื่อแสดงเส้นทาง TBT นอกเทมเพลตการนำทาง แอปสามารถปรับแต่งสีพื้นหลังการแจ้งเตือน TBT เพื่อเพิ่มระดับการมองเห็น
การแจ้งเตือนปกติ: หากต้องการสื่อสารข้อความอื่นๆ ที่เกี่ยวข้องกับการนำทาง เช่น การเปลี่ยนการตั้งค่าเส้นทาง แอปการนำทางก็ส่งการแจ้งเตือนปกติ (ไม่ใช่ TBT) (ตามที่แสดงที่นี่) หรือใช้การแจ้งเตือนการนำทางได้เช่นกัน ซึ่งอาจปรากฏขึ้นแม้ในขณะที่การ์ดเส้นทางแสดงอยู่
การแจ้งเตือนการนำทาง
การแจ้งเตือนการนำทางจะแสดงข้อความชั่วคราวสั้นๆ และการดำเนินการที่ไม่บังคับในรูปแบบที่ไม่บล็อกเส้นทางการนำทาง เนื้อหาควรเรียบง่ายและเกี่ยวข้องกับงานการนำทาง เช่น การแจ้งเตือนอาจอธิบายการเปลี่ยนแปลงของสภาพการจราจร หรือถามว่าคนขับจะมารับลูกค้าหรือไม่
การแจ้งเตือนแต่ละรายการจะมีข้อมูลต่อไปนี้
- ชื่อและรอง (ไม่บังคับ)
- ไอคอน (ไม่บังคับ)
- สัญญาณบอกสถานะความคืบหน้า – อาจเป็นแถบหรือ (ไม่บังคับ) ที่ติดตั้งอยู่ในปุ่มจับเวลา
- ไม่เกิน 2 ปุ่ม โดยกำหนดปุ่มดังกล่าวเป็นปุ่มหลักหรือเป็นปุ่มจับเวลา (โดยมีสัญญาณบอกสถานะความคืบหน้าดังที่แสดงในรูปก่อนหน้า)
การแจ้งเตือนสามารถปิดได้โดยตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้
- ผู้ใช้เลือกการดำเนินการใดๆ
- หมดเวลาหลังจาก
Xวินาที (กำหนดค่าได้) - การปิดแอปโดยที่ผู้ใช้ไม่ได้ดำเนินการใดๆ
ตัวอย่างเทมเพลตการไปยังส่วนต่างๆ
ข้อกำหนด UX ของเทมเพลตการนำทาง
นักพัฒนาแอป
| ต้อง | แสดงเส้นทางอย่างน้อย 1 เส้นทางบนการ์ดเส้นทาง |
| ต้อง | ใส่ปุ่มการทำงานอย่างน้อย 1 ปุ่มในแถบการทำงานเพื่อเปิดใช้โฟลว์ผู้ใช้ |
| ต้อง | ใส่ปุ่มเลื่อนในแถบการทำงานบนแผนที่หากแอปรองรับท่าทางสัมผัสการแพน |
| ควร | ใช้ธีมมืดในแผนที่ที่แสดงในคลัสเตอร์ |
| ควร | ใส่เฉพาะปุ่มที่เกี่ยวข้องกับการโต้ตอบบนแผนที่บนแถบการทำงานของแผนที่ (เช่น เข็มทิศ การปรับจุดศูนย์กลาง หรือโหมด 3 มิติ) |
| ควร | ใส่ปุ่มเพื่อสิ้นสุดการนำทางเมื่อบอกเส้นทางแบบเลี้ยวต่อเลี้ยว |
| ควร | ใช้สัญลักษณ์ที่เป็นมาตรฐานหรือสอดคล้องกับสัญลักษณ์สากลหรือเฉพาะประเทศ |
| ควร | ใช้รูปภาพทางแยกเท่านั้นเพื่อแสดงเนื้อหาที่เกี่ยวข้องกับการนำทาง โดยขยายความกว้างของการ์ดด้วยรูปภาพ |
| ควร | สร้างรูปภาพเลนที่มีพื้นหลังโปร่งใสเพื่อให้กลมกลืนกับพื้นหลังของการ์ดกำหนดเส้นทาง |
| ควร | ใช้การแจ้งเตือนสำหรับข้อมูลที่ไม่รบกวนซึ่งเกี่ยวข้องกับงานการนำทางในปัจจุบันเท่านั้น |
| พฤษภาคม | แสดงข้อความสนับสนุนสั้นๆ ใต้เลน (แนะนำให้ใช้ Roboto 24) และอัตราส่วนคอนทราสต์ต่ำลงสำหรับช่องทางที่ไม่ได้ไฮไลต์ |
| พฤษภาคม | แสดงการเคลื่อนที่ 2 รายการบนการ์ดเส้นทางเมื่อเกิดขึ้นติดต่อกันอย่างรวดเร็ว |
| พฤษภาคม | ใส่รูปภาพ เช่น เครื่องหมายเส้นทางในข้อความของการ์ดการกำหนดเส้นทาง (ขั้นตอนปัจจุบันและขั้นตอนถัดไป) |
| พฤษภาคม | แสดงแผนที่แบบเต็มเมื่อผู้ใช้ขับรถโดยไม่มีเส้นทางแบบเลี้ยวต่อเลี้ยวที่แสดงข้อความหรืออยู่ในโหมดขับรถฟรี |
| พฤษภาคม | เลือกแสดงหรือซ่อนองค์ประกอบการ์ดการกำหนดเส้นทางและค่าประมาณการเดินทางตามต้องการ |
| พฤษภาคม | วาดรายละเอียดและการแจ้งเตือนที่เกี่ยวข้องกับการขับรถบนแผนที่ เช่น ความเร็วปัจจุบัน ขีดจำกัดความเร็ว และกล้องข้างหน้า |
| พฤษภาคม | ปรับแต่งสีพื้นหลังของการ์ดกำหนดเส้นทางและเปลี่ยนสีในระหว่างเซสชันการนำทางเพื่อแสดงประเภทของถนนหรือเงื่อนไขอื่นๆ ที่เกี่ยวข้อง |