תבנית ניווט

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

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

אפשר להטמיע את התבנית הזו בתבנית כרטיסייה כדי לאפשר ניווט בין כרטיסיות.

כולל:

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

תצוגת מפה באשכול

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

מסגרת חוטית של אשכול המפות

מפות באשכול נועדו להיות:

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

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

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

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

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

פרטי כרטיס הניתוב

הדמיות של פרטי כרטיס מסלול במצב הניתוב

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

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

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

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

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

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

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

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

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

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

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

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

התראות ניווט

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

כל התראה כוללת:

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

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

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

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

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

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

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