الگوی ناوبری

الگوی ناوبری یک نقشه پایه و اطلاعات مسیریابی اختیاری را ارائه می دهد.

هنگامی که کاربر بدون دستورالعمل‌های گام به گام مبتنی بر متن رانندگی می‌کند، برنامه‌ها می‌توانند نقشه تمام صفحه را به‌روزرسانی شده در زمان واقعی نشان دهند. در طول پیمایش فعال، برنامه‌ها می‌توانند کارت‌های اختیاری را با مانورها و جزئیات سطح و همچنین هشدارهای پیمایش نشان دهند.

این الگو را می توان در قالب Tab جاسازی کرد تا پیمایش زبانه ای را ارائه دهد.

شامل:

  • نقشه پایه تمام صفحه که توسط برنامه ترسیم شده است
  • کارت مسیریابی (اختیاری) با مانورهای آینده
  • کارت تخمین سفر (اختیاری) با زمان تخمینی رسیدن (ETA)، زمان تا مقصد، و مسافت باقی‌مانده (یا نمایش اطلاعات جایگزین با گزینه‌های متن و نماد سفارشی)
  • نوار اقدام با حداکثر 4 عملکرد برنامه، قابل مشاهده فقط همانطور که در Visibility of action strips توضیح داده شده است
  • نوار اقدام نقشه اختیاری با حداکثر 4 دکمه برای تعامل با نقشه
Wireframes از الگوی ناوبری

نمایش نقشه در خوشه

در طول پیمایش فعال، برنامه‌ها می‌توانند با استفاده از الگوی ناوبری، نقشه‌ای را در دسته ابزار نمایش دهند. کلاستر ناحیه داشبورد پشت فرمان است.

Wireframe خوشه نقشه

نقشه های موجود در خوشه به این صورت در نظر گرفته شده است:

  • به طور مستقل رندر شده است ، اما در صورت تمایل ممکن است نمایشگر اصلی را کپی کنید.
  • غیر تعاملی عناصر تعاملی مانند دکمه ها حذف می شوند.
  • تم تاریک. ترسیم یک نسخه با مضمون تاریک از نقشه خوشه ای به شدت توصیه می شود تا پتانسیل جلب توجه راننده را از جاده کاهش دهد.

نقشه برنامه در خوشه فقط در زمان‌های خاصی نمایش داده می‌شود که به عواملی مانند وضعیت ناوبری، اولویت OEM وسیله نقلیه (در AAOS) و آنچه در صفحه نمایش اصلی (در AAP) نشان داده می‌شود، بستگی دارد.

برای نمونه جریان کاربر که شامل خوشه است، مشاهده نقشه در خوشه را ببینید.

نمونه های خوشه ای و صفحه نمایش مرکزی

قاب سیمی یک خوشه نقشه با نقشه نمای کلی مسیر
در اینجا، برنامه یک نقشه کلوزآپ را در خوشه نمایش می دهد، در حالی که نقشه نمای کلی مسیر را در صفحه مرکزی نمایش می دهد.
قاب سیم از یک خوشه نقشه با تنظیمات
در اینجا، نقشه برنامه همچنان در خوشه نشان داده می شود، در حالی که کاربر تنظیمات خودرو را در صفحه مرکزی تنظیم می کند.

جزئیات کارت مسیریابی

ماکت هایی از جزئیات کارت مسیریابی در وضعیت مسیریابی

هنگامی که کارت مسیریابی در وضعیت مسیریابی است (بر خلاف وضعیت پیام )، اطلاعات زیر را نشان می دهد:

  1. مرحله فعلی : شامل نماد (معمولاً یک فلش جهت)، فاصله، و متن نشانه (که ممکن است شامل بازه‌های تصویر مانند نشانگرهای مسیر باشد)
  2. هدایت لاین (اختیاری): به صورت تصاویر کمکی ساده یا به صورت تصویر اتصال بزرگتر (اندازه انعطاف پذیر با حداکثر ارتفاع 200dp) نشان داده شده است.
  3. مرحله بعدی (اختیاری): شامل نماد و نشانه است و می تواند فقط در پایین کارت مسیریابی ظاهر شود که شامل تصویر اتصال نیست

گزینه دیگر در وضعیت مسیریابی این است که کارت مسیریابی یک انیمیشن اسپینر (در اینجا نشان داده نشده است) نمایش دهد تا حالت های گذرا مانند بارگیری، محاسبه یا مسیریابی مجدد را نشان دهد.

در برخی شرایط، اطلاعات مسیریابی را می‌توان در یک نوار پیمایش شناور نمایش داد، همانطور که در افزودن توقف هنگام رانندگی نشان داده شده است.

وضعیت پیام کارت مسیریابی

هنگامی که کارت مسیریابی در وضعیت پیام است، به جای مسیریابی، پیامی را نمایش می دهد. از این پیام می توان برای انتقال موقعیت هایی مانند رسیدن به مقصد یا خرابی مسیر استفاده کرد.

در حالت پیام، کارت مسیریابی می تواند شامل موارد زیر باشد:

  • یک پیام غیر خالی مرتبط با مسیریابی تا طول 2 خط
  • یک تصویر یا نماد (اختیاری)
مدل وضعیت پیام کارت مسیریابی

اعلان‌های ناوبری: گام به گام (TBT) و معمولی

کارت مسیریابی با اعلان TBT
کارت مسیریابی با اعلان منظم

اعلان‌های TBT : وقتی برنامه‌ای دستورالعمل‌های TBT مبتنی بر متن را ارائه می‌دهد، باید اعلان‌های TBT را نیز فعال کند. این اعلان‌ها برای نمایش مسیرهای TBT در خارج از الگوی ناوبری استفاده می‌شوند. برنامه ها می توانند رنگ پس زمینه اعلان TBT را برای دید بیشتر سفارشی کنند.

اعلان‌های منظم : برای برقراری ارتباط سایر پیام‌های مربوط به ناوبری، مانند تغییرات در تنظیمات مسیر، برنامه‌های ناوبری همچنین می‌توانند اعلان‌های معمولی (غیر TBT) ارسال کنند (همانطور که در اینجا نشان داده شده است) یا از هشدارهای ناوبری استفاده کنند. اینها می توانند حتی زمانی که کارت مسیریابی نمایش داده می شود ظاهر شوند.

هشدارهای ناوبری

هشدارهای ناوبری یک پیام کوتاه، موقت و اقدامات اختیاری را در قالبی ارائه می دهند که مسیر ناوبری را مسدود نمی کند. محتوا باید ساده و مرتبط با وظیفه ناوبری باشد. برای مثال، هشدار ممکن است تغییر در شرایط ترافیکی را توصیف کند یا بپرسد که آیا راننده می‌تواند مشتری را تحویل بگیرد.

هر هشدار شامل:

  • عنوان و زیرنویس اختیاری
  • نماد (اختیاری)
  • نشانگر پیشرفت - یک نوار یا (به صورت اختیاری) تعبیه شده در یک دکمه زمان بندی شده
  • حداکثر 2 دکمه ، که در آن یک دکمه را می توان به عنوان دکمه اصلی یا زمان بندی شده تعیین کرد (با نشانگر پیشرفت، همانطور که در شکل قبل نشان داده شده است)

هشدارها را می توان با یکی از موارد زیر رد کرد:

  • انتخاب کاربر از هر اقدام
  • تایم اوت بعد از X ثانیه (قابل تنظیم)
  • حذف برنامه بدون اقدام کاربر
هشدار ناوبری

الگوی ناوبری، بدون تعامل
نقشه تمام صفحه زمانی که ناوبری و تعامل نقشه رخ نمی دهد (مثال Android Auto)
الگوی ناوبری، بدون تعامل
کارت مسیریابی با تخمین سفر، نوار اقدام (در بالا) و FAB (در پایین سمت راست) در طول ناوبری فعال.

الزامات UX الگوی ناوبری

توسعه دهندگان اپلیکیشن:

باید حداقل 1 مانور روی کارت مسیریابی نشان دهید.
باید برای فعال کردن جریان های کاربر، حداقل یک دکمه عمل را در نوار اقدام قرار دهید.
باید اگر برنامه از حرکات متحرک پشتیبانی می کند، یک دکمه حرکت در نوار اقدام نقشه اضافه کنید.
باید از یک تم تیره در نقشه های نمایش داده شده در خوشه استفاده کنید.
باید فقط دکمه های مربوط به تعامل با نقشه را در نوار اقدام نقشه (به عنوان مثال، قطب نما، تنظیم مجدد یا حالت سه بعدی) قرار دهید.
باید هنگام ارائه مسیرهای گام به گام، دکمه ای برای پایان ناوبری اضافه کنید.
باید از نمادهایی استفاده کنید که استاندارد یا مطابق با نمادهای بین المللی یا خاص کشور باشند.
باید از تصویر اتصال فقط برای نشان دادن محتوای مرتبط با پیمایش استفاده کنید که عرض کارت را با تصویر در بر می گیرد.
باید تصاویر لاین را با پس‌زمینه شفاف ارائه دهید تا با پس‌زمینه کارت مسیریابی ترکیب شوند.
باید از هشدارها فقط برای اطلاعات غیر منحرف کننده مرتبط با وظیفه ناوبری فعلی استفاده کنید.
می متن پشتیبان کوتاه را در زیر یک خط نمایش دهید (Roboto 24 توصیه می شود) و نسبت کنتراست کمتری را برای خطوط غیر برجسته نشان دهید.
می 2 مانور را در یک کارت مسیریابی نشان دهید زمانی که آنها به صورت متوالی سریع رخ می دهند.
می شامل تصاویری مانند نشانگرهای مسیر در متن کارت مسیریابی (مرحله فعلی و مرحله بعدی).
می زمانی که کاربر در حال رانندگی بدون مسیرهای گام به گام مبتنی بر متن است یا در حالت رانندگی آزاد است، یک نقشه کامل نشان دهید.
می در صورت لزوم، کارت مسیریابی و اجزای برآورد سفر را برای نمایش یا پنهان کردن انتخاب کنید.
می جزئیات و هشدارهای مربوط به رانندگی مانند سرعت فعلی، محدودیت سرعت و دوربین جلو را روی نقشه بکشید.
می رنگ پس‌زمینه کارت مسیریابی را سفارشی کنید و آن را در طول جلسه ناوبری تغییر دهید تا نوع جاده یا سایر شرایط مرتبط را منعکس کند.