תבנית ניווט

תבנית הניווט מציגה מפת בסיס ומידע אופציונלי על מסלולים.

כשמשתמש נוהג בלי הוראות ניווט מפורטות מבוססות-טקסט, אפליקציות יכולות להציג מפה במסך מלא שמתעדכנת בזמן אמת. במהלך ניווט פעיל, אפליקציות יכולות להציג כרטיסים אופציונליים עם תמרונים ופרטים על פני השטח, וגם התראות ניווט.

תבנית הניווט כוללת את הרכיבים הבאים:

  • מפה בסיסית במסך מלא שנוצרה על ידי האפליקציה
  • כרטיס ניווט (אופציונלי) עם תמרונים קרובים
  • כרטיס עם הערכה לגבי הנסיעה (אופציונלי) עם הערכה לגבי שעת ההגעה (ETA), הזמן שנותר עד ההגעה ליעד והמרחק שנותר (או תצוגת מידע חלופית עם אפשרויות של טקסט וסמל בהתאמה אישית)
  • סרגל פעולות עם עד 4 פעולות באפליקציה, שמוצג רק כמו שמתואר בקטע הצגת סרגלי פעולות
  • אופציונלי סרגל פעולות במפה עם עד 4 לחצנים לאינטראקציה עם המפה
מסגרות של תבנית הניווט

תצוגת המפה בלוח המחוונים

במהלך ניווט פעיל, אפליקציות יכולות להציג מפה בלוח המחוונים באמצעות תבנית הניווט. האזור שמאחורי ההגה בלוח המחוונים.

המפות באוסף אמורות להיות:

  • מעובד באופן עצמאי, אבל יכול להעתיק את התצוגה הראשית אם נדרש.
  • לא אינטראקטיבי. רכיבים אינטראקטיביים כמו כפתורים מוסרים.
  • עיצוב כהה. מומלץ מאוד לצייר גרסה של מפת הצפיפות עם ערכת נושא כהה, כדי להקטין את הסיכון להסחת דעת של הנהג מהכביש.

המפה של האפליקציה בלוח המחוונים תוצג רק בזמנים מסוימים, בהתאם לגורמים כמו מצב הניווט, העדפות יצרן הרכב (ב-AAOS) והתוכן שמוצג במסך הראשי (ב-AAP).

לדוגמה של תהליך משתמש שכולל את האשכול, אפשר לעיין במאמר הצגת מפה באשכול.

דוגמאות למסך עם אשכול ולמסך עם מרכז

מסגרת של קבוצת מיקומים במפה עם מפת סקירה כללית של מסלול
כאן, האפליקציה מציגה מפה בתקריב באשכול, ומפה עם סקירה כללית של המסלול במרכז המסך.
מסגרת של אשכול במפה עם הגדרות
בדוגמה הזו, מפת האפליקציה ממשיכה להופיע בלוח המחוונים בזמן שהמשתמש משנה את הגדרות הרכב במסך המרכזי.

העברת פרטי הכרטיס

דוגמאות לפרטים בכרטיס ניתוב במצב ניתוב

כשכרטיס תכנון המסלול במצב תכנון מסלול (ולא במצב הודעה), מוצג בו המידע הבא:

  1. השלב הנוכחי: כולל סמל (בדרך כלל חץ כיוון), מרחק וטקסט של רמז (שיכול לכלול טווחים של תמונות כמו סמני מסלול)
  2. הכוונה לנתיב (אופציונלי): מוצגת כתמונות פשוטות של סיוע בנתיב או כתמונה גדולה יותר של צומת (גודל גמיש עם גובה מקסימלי של 200dp)
  3. השלב הבא (אופציונלי): כולל סמל ורמז, ויכול להופיע רק בחלק התחתון של כרטיס ניווט שלא כולל תמונה של צומת

אפשרות נוספת במצב ניתוב היא להציג בכרטיס הניתוב אנימציה של סימן טעינה (לא מוצגת כאן) כדי לציין מצבים זמניים כמו טעינה, חישוב או ניתוב מחדש.

במקרים מסוימים, פרטי המסלול מוצגים בסרגל ניווט צף, כמו שמוצג במאמר הוספת עצירה במהלך נסיעה.

מצב ההודעה בכרטיס הניתוב

כשכרטיס הניתוב במצב הודעה, מוצגת הודעה במקום הוראות ניתוב. ההודעה יכולה לשמש להעברת מידע על מצבים כמו הגעה ליעד או כשלים במסלול.

במצב ההודעה, כרטיס הניתוב יכול לכלול:

  • הודעה לא ריקה שקשורה לניתוב, באורך של עד 2 שורות
  • תמונה או סמל (אופציונלי)
דוגמה למצב ההודעה בכרטיס הניתוב

התראות ניווט: מסלול מפורט (TBT) והתראות רגילות

כרטיס ניתוב עם התראה על פנייה
כרטיס ניתוב עם התראה רגילה

התראות TBT: אם אפליקציה מספקת הוראות TBT מבוססות-טקסט, היא חייבת גם להפעיל התראות TBT. ההתראות האלה משמשות להצגת הוראות TBT מחוץ לתבנית הניווט. אפליקציות יכולות להתאים אישית את צבע הרקע של ההתראות על תנועה כדי לשפר את הנראות שלהן.

התראות רגילות: כדי להעביר הודעות אחרות שקשורות לניווט, כמו שינויים בהגדרות המסלול, אפליקציות ניווט יכולות גם לשלוח התראות רגילות (לא TBT) (כמו שמוצג כאן) או להשתמש בהתראות ניווט. הן יכולות להופיע גם כשהכרטיס 'הגדרת מסלול' מוצג.

התראות ניווט

התראות ניווט הן הודעות קצרות וזמניות עם פעולות אופציונליות, שמוצגות בפורמט שלא חוסם את מסלול הניווט. התוכן צריך להיות פשוט ורלוונטי למשימת הניווט. לדוגמה, יכול להיות שההתראה תתאר שינוי בתנאי התנועה או תשאל אם הנהג יכול לאסוף לקוח.

כל התראה כוללת את הפרטים הבאים:

  • כותרת וכותרת משנית אופציונלית
  • סמל (אופציונלי)
  • אינדיקטור התקדמות – סרגל או (אופציונלי) לחצן עם טיימר
  • עד 2 כפתורים, שאפשר להגדיר אותם ככפתור ראשי או ככפתור מתוזמן (עם אינדיקטור התקדמות, כמו שמוצג באיור הקודם)

אפשר לסגור התראות באחת מהדרכים הבאות:

  • בחירת המשתמש בפעולה כלשהי
  • פסק זמן אחרי X שניות (ניתן להגדרה)
  • סגירת האפליקציה ללא פעולה מצד המשתמש
התראה בניווט שמציינת מכמונת מהירות בהמשך הדרך

דוגמאות לתבניות ניווט

תבנית ניווט, ללא אינטראקציה
מפה במסך מלא כשלא מתבצעים ניווט ואינטראקציה עם המפה (דוגמה ל-Android Auto)
תבנית ניווט, ללא אינטראקציה
כרטיס ניווט עם הערכת זמן הגעה, סרגל פעולות (למעלה) ולחצן פעולה צף (בפינה השמאלית התחתונה) במהלך ניווט פעיל.

דרישות חוויית המשתמש של תבנית הניווט

מפתחי אפליקציות:

חובה הצגת לפחות תמרון אחד בכרטיס ניתוב.
חובה כדי לאפשר מסלולי משתמש באפליקציה, צריך לכלול לפחות לחצן פעולה אחד בסרגל הפעולות.
חובה אם האפליקציה תומכת במחוות הזזה, צריך לכלול לחצן הזזה בסרגל הפעולות של המפה.
SHOULD אפשר להשתמש בעיצוב כהה במפות שמוצגות באשכול.
SHOULD לכלול רק לחצנים שקשורים לאינטראקטיביות של המפה בסרגל הפעולות של המפה (לדוגמה, מצפן, מרכוז או מצב תלת-ממד).
SHOULD לכלול לחצן לסיום הניווט כשמספקים הוראות מפורטות לכל פנייה.
SHOULD להשתמש בסמלים שהם סטנדרטיים או עקביים עם סמלים בינלאומיים או סמלים ספציפיים למדינה.
SHOULD משתמשים בתמונת הצומת רק כדי להציג תוכן שרלוונטי לניווט, בכל רוחב הכרטיס עם התמונה.
SHOULD מומלץ לספק תמונות של נתיבים עם רקע שקוף כדי שהן ישתלבו עם הרקע של כרטיס הניתוב.
SHOULD השתמשו בהתראות רק למידע לא מסיח דעת שרלוונטי למשימת הניווט הנוכחית.
MAY הצגת טקסט תומך קצר מתחת לנתיב (מומלץ להשתמש בגופן Roboto 24) ושימוש ביחס ניגודיות נמוך יותר לנתיבים שלא מודגשים.
MAY הצגת 2 תמרונים בכרטיס ניווט כשהם מתרחשים ברצף מהיר.
MAY הוסיפו תמונות כמו סמני מסלול לטקסט של כרטיס הניתוב (השלב הנוכחי והשלב הבא).
MAY הצגת מפה מלאה כשהמשתמש נוהג ללא הוראות מפורטות מבוססות-טקסט או במצב נהיגה חופשית.
MAY בוחרים אם להציג או להסתיר את כרטיס הניתוב ואת רכיבי הערכת הנסיעה לפי הצורך.
MAY לשרטט במפה פרטים והתראות שקשורים לנהיגה, כמו המהירות הנוכחית, הגבלת המהירות ומצלמה בהמשך הדרך.
MAY אפשר להתאים אישית את צבע הרקע של כרטיס המסלול ולשנות אותו במהלך סשן הניווט כדי לשקף את סוג הכביש או תנאים רלוונטיים אחרים.

משאבים

סוג קישור
הפניית ממשק API NavigationTemplate, NavigationTemplate.Builder
מדריך למפתחים איך מגיעים לתבניות הניווט