سیستم اعلان سیستم عامل اندروید اتوموتیو (AAOS) اطلاعات ضروری را در اختیار رانندگان قرار میدهد و در عین حال ایمنی جاده را در اولویت قرار میدهد و حواسپرتی را به حداقل میرساند. این راهنما توضیح میدهد که چگونه میتوانید اعلانهای خودرو را سفارشی کنید و نحوه رفتار آنها چگونه است.
اصول طراحی
اعلانها در خودروها برای سهولت در مشاهده و ایمنی بهینه شدهاند. برخلاف اعلانهای موبایل، اعلانهای خودرو بر سادگی تمرکز دارند:
- کاهش پیچیدگی: کنترلهای پیچیده، مانند لمس طولانی یا حرکات پیچیدهی کشیدن انگشت، غیرفعال میشوند تا تمرکز راننده روی جاده حفظ شود.
- آگاهی از وضعیت رانندگی: سیستم میتواند به طور خودکار محتوا را بر اساس اینکه وسیله نقلیه در حال حرکت است یا خیر، محدود یا کوتاه کند.
- مبتنی بر جلسه: لیست اعلانها در ابتدای هر درایو پاک میشود تا اطمینان حاصل شود که فقط اطلاعات بهروز و مرتبط نمایش داده میشوند.
نحوه نمایش اعلانها
اعلانها بسته به اولویت و دستهبندیشان، از طریق دو کانال اصلی ارسال میشوند:
- اعلانهای هشدار (HUN): هشدارهای با اولویت بالا که به طور خلاصه روی صفحه فعلی ظاهر میشوند. این اعلانها برای اطلاعات حساس به زمان مانند تماسهای دریافتی یا دستورالعملهای ناوبری استفاده میشوند.
- مرکز اعلانها: یک مرکز مرکزی که رانندگان میتوانند در آن سابقه اعلانهایی را که ممکن است از دست داده باشند، مشاهده کنند.
سفارشیسازی
شما میتوانید تجربه اعلانها را متناسب با هویت برند خود تنظیم کنید و در عین حال استانداردهای ایمنی اصلی را حفظ کنید.
رابط کاربری و دسترسی
شما میتوانید نحوه دسترسی راننده به مرکز اعلانها را تعریف کنید:
- سایه سیستم: منویی شبیه به دستگاههای تلفن همراه.
- صفحه نمایش مستقل: یک رابط کاربری اختصاصی که با یک دکمه در سیستم یا نوار ناوبری قابل دسترسی است.
استایل بصری
میتوانید ظاهر و حس کارتهای اعلان را متناسب با زبان طراحی وسیله نقلیه خود تنظیم کنید:
- تایپوگرافی و رنگ: فونتها و پالتهای رنگی را برای حالتهای روز و شب تنظیم کنید.
- اشکال: شعاع گوشهها و ابعاد محفظه را سفارشی کنید.
- حرکت: انیمیشنهای ورود و خروج را برای کارتهای اعلان تعریف کنید.
اولویت و دسته بندی ها
این سیستم اعلانها را دستهبندی میکند تا نحوه و زمان نمایش آنها را تعیین کند.
- دستههای مخصوص خودرو: شامل
CAR_EMERGENCY, CAR_WARNINGوCAR_INFORMATIONبرای هشدارهای وضعیت خودرو. - ارتباطات: دستههای
CALLوMESSAGEرا با عملکردهای بهینهشدهای مانند «پخش» و «بیصدا» مدیریت میکند. - ناوبری: از دستهبندی
NAVIGATIONبرای ارائه راهنمایی گام به گام فقط به عنوان HUN استفاده میکند.
مراحل بعدی
برای شروع سفارشیسازی اعلانها برای وسیله نقلیه خود:
- کارتهای اعلان سبکدار : یاد بگیرید چگونه فونتها، رنگها و شکلها را سفارشی کنید.
- طراحی مرکز اعلانها : نحوه دسترسی و تعامل کاربران با هشدارهای ذخیره شده را پیکربندی کنید.
- تعاملات حرکتی متوالی : انیمیشنها را برای انتقال اعلانها تعریف کنید.
کارتهای اعلان سبک
کارتهای اعلان در گوگل، اطلاعات بهموقع را در اختیار رانندگان قرار میدهند و در عین حال حواسپرتی را به حداقل میرسانند. میتوانید سبک بصری این کارتها - از جمله تایپوگرافی، رنگ و شکل - را سفارشی کنید تا با هویت برند شما هماهنگ شوند و در عین حال استانداردهای ایمنی را حفظ کنند.
انواع کارت اعلان
سه نسخه اصلی از کارتهای اعلان وجود دارد:
- اعلان هشدار (HUN): به طور خلاصه در بالای صفحه (یا پایین، بسته به جهت) روی برنامه فعلی ظاهر میشود.
- کارت مرکز اعلانها: برای اعلانهای دائمی فهرستشده در مرکز اعلانها استفاده میشود.
- کارت اعلانهای گروهی: چندین اعلان مرتبط را در یک کارت واحد و قابل ارتقا ترکیب میکند.
آناتومی کارت
هر کارت یک ظرف انعطافپذیر است که از چهار قسمت اصلی تشکیل شده است:
- سربرگ: شامل آیکون برنامه، نام برنامه و مهر زمانی اختیاری است.
- محتوا: عنوان اعلان و متن پشتیبان (با پیشنمایشهای اختیاری پیام) را نمایش میدهد.
- اقدامات: حداکثر سه دکمه برای تعامل با کاربر (مثلاً «پاسخ»، «بیصدا»).
- آیکون بزرگ: یک فضای اختیاری برای آواتارها یا نمادهای ناوبری.
دستورالعملهای استایلدهی
بخشهای زیر دستورالعملهای استایلدهی را شرح میدهند.
تایپوگرافی
میتوانید فونت و اندازه را متناسب با مقیاس تایپوگرافی سیستم خود تنظیم کنید. از فونتهای واضح و خوانا استفاده کنید که در شرایط نوری مختلف عملکرد خوبی داشته باشند.
- متن اصلی: معمولاً ۳۲dp (بدنه ۱) برای تیترهای اصلی.
- متن ثانویه: معمولاً 24dp (بدنه 3) برای اطلاعات پشتیبانی.
- فونتها: در حالی که Roboto استاندارد است، تولیدکنندگان اصلی تجهیزات (OEM) میتوانند فونتهای سفارشی برند را پیادهسازی کنند.
رنگ و ارتفاع
برای اطمینان از خوانایی و کنتراست، مقادیر رنگی جداگانهای را برای حالتهای روز و شب تعریف کنید.
- پسزمینه کارت: از خاکستریهای متمایز استفاده کنید (مثلاً خاکستری ۸۶۸ برای روز، خاکستری ۹۰۰ برای شب).
- متن و آیکونها: برای اطلاعات اولیه از رنگ سفید با شفافیت بالا (۸۸٪+) و برای جزئیات ثانویه از شفافیت کم (۶۰-۷۲٪) استفاده کنید.
- رنگ تأکیدی: رنگ برند برنامه را روی آیکونهای ثانویه یا اقدامات خاص اعمال کنید تا به کاربران در شناسایی منبع کمک کند.
شکل و فاصله
مرزهای فیزیکی کارت را متناسب با زبان طراحی رابط کاربری خود تنظیم کنید.
- شعاع گوشه: استاندارد پیشفرض ۸dp (R2) است، اما میتوان آن را برای ظاهری گردتر یا مربعتر تنظیم کرد.
- حاشیهها: فاصلهگذاری (padding) ثابتی (استاندارد ۱۶dp یا ۲۴dp) بین لبههای کارت و عناصر داخلی حفظ کنید.
تطبیق صفحه نمایش و حالت درایو
طرحبندی اعلانها باید با ابعاد مختلف صفحه نمایش (استاندارد، عریض و فوقالعاده عریض) سازگار باشد.
- حالت رانندگی: وقتی وسیله نقلیه در حال حرکت است، برای کاهش بار شناختی، پنهان کردن پیشنمایش پیامها یا کوتاه کردن رشتههای متنی طولانی را در نظر بگیرید.
- حرکت: از انیمیشنهای استاندارد ورود و خروج (مثلاً اسلاید به پایین برای HUNها، کشیدن انگشت برای رد کردن) برای ارائه بازخورد بصری استفاده کنید.
طراحی مرکز اعلانها
رانندگان میتوانند اعلانها را از طریق این هاب مرکزی که برای سهولت در مشاهده و تعاملات ساده برای رعایت دستورالعملهای ایمنی طراحی شده است، مشاهده و مدیریت کنند.
عملکرد اصلی
اعلانهای غیر فوری مانند پیامها و یادآوریها در مرکز اعلانها موجود هستند. این مرکز اعلانهای حساس به زمان مانند ناوبری گام به گام یا تماسهای تلفنی فعال را ذخیره نمیکند، که فقط به صورت اعلانهای سربالا (HUN) ظاهر میشوند.
- مبتنی بر جلسه: لیست به طور خودکار در ابتدای هر درایو پاک میشود تا اطمینان حاصل شود که محتوا مرتبط باقی میماند.
- مبتنی بر اولویت: اعلانها بر اساس اهمیت (مثلاً ابتدا هشدارهای اضطراری) و سپس بر اساس جدیدترین مرتب میشوند.
گزینههای سفارشیسازی
شما میتوانید مرکز اعلانها را سفارشی کنید تا با هویت برند شما هماهنگ شود و در عین حال استانداردهای ایمنی را رعایت کند.
۱. روشهای دسترسی
شما میتوانید نحوه دسترسی کاربران به مرکز اعلانها را بر اساس رابط کاربری سیستم خود تعریف کنید:
- سایه کشویی: کاربران برای نمایش اعلانها، از بالای صفحه به پایین سوایپ میکنند.
- صفحه اختصاصی: کاربران روی یک آیکون اعلان (معمولاً یک زنگوله) در نوار وضعیت سیستم یا نوار ناوبری ضربه میزنند.
۲. سبک بصری
شما میتوانید عناصر بصری زیر را متناسب با زبان طراحی برند خود سفارشی کنید:
- پالت رنگ: رنگهای پسزمینه و تأکیدی متمایز را برای حالتهای روز و شب تعریف کنید.
- تایپوگرافی: خانواده فونت، ضخامت و اندازه آن را برای سرتیترها، عناوین و متن اصلی تنظیم کنید.
- شکل: شعاع گوشههای کارتهای اعلان و محفظه کلی را تنظیم کنید.
- طرحبندی: حاشیهها، فاصلهگذاری و فاصله عمودی بین کارتهای اعلان را سفارشی کنید.
مدل تعامل
برای به حداقل رساندن حواسپرتی راننده، مدل تعامل به اقدامات ضروری محدود شده است:
- مرور: یک لیست با قابلیت پیمایش عمودی به رانندگان اجازه میدهد تا اعلانها را مرور کنند.
- پاسخ: اهداف ضربه بزرگ برای حداکثر سه دکمه عمل (مثلاً "پخش"، "بیصدا"، "پاسخ").
- رد کردن: کاربران میتوانند با کشیدن یک کارت به سمت چپ یا راست، آن را از لیست حذف کنند.
محدودیتهای رانندگی
مرکز اعلانها باید با وضعیت رانندگی خودرو سازگار شود تا از اضافه بار شناختی جلوگیری شود.
- کوتاهسازی محتوا: سیستم میتواند به طور خودکار رشتههای متنی طولانی را بر اساس محدودیتهای کاراکتری که شما تعیین میکنید، کوتاه کند.
- پنهان کردن خلاصه پیامها: میتوانید هنگام حرکت خودرو، پیشنمایش یا خلاصه پیامها را پنهان کنید.
- طول لیست: تعداد اعلانهای قابل مشاهده را میتوان محدود کرد تا از پیمایش بیش از حد در حین رانندگی جلوگیری شود.
چک لیست طراحی
- کنتراست بالا: اطمینان حاصل کنید که متن و آیکونها مطابق با استانداردهای دسترسی برای همه شرایط نوری باشند.
- اهداف بزرگ: دکمهها و کارتها را طوری طراحی کنید که بدون کنترل دقیق موتور، به راحتی قابل لمس باشند.
- برندسازی منسجم: قوانین سفارشیسازی یکسانی را هم در مرکز اعلانها و هم در اعلانهای Heads-up (HUN) اعمال کنید.
حرکات متوالی
در خودرو، حرکت چیزی بیش از یک انتخاب زیباییشناختی است؛ این یک نشانه کاربردی است که بدون اینکه چشم رانندگان را برای مدت طولانی از جاده دور کند، به آنها اطلاع میدهد. خودروسازان میتوانند انیمیشنهای اعلانها را سفارشی کنند تا مطمئن شوند که با بقیه تجربه نرمافزاری خودرو یکپارچه هستند.
اصول حرکت خودرو
- آموزنده، نه حواسپرتکننده: از حرکت برای نشان دادن تغییرات در وضعیت (مانند یک پیام جدید) استفاده کنید، اما آن را به اندازه کافی نامحسوس نگه دارید تا از ترسیدن راننده جلوگیری شود.
- ایمنی حرف اول را میزند: انیمیشنها باید کوتاه و هدفمند باشند. از انتقالهای «جهنده» یا بیش از حد پیچیده که نیاز به توجه بصری گسترده دارند، خودداری کنید.
- ثبات: حرکات اعلانها باید با فیزیک بقیه سیستم اطلاعات و سرگرمی مطابقت داشته باشد.
الگوهای حرکتی کلیدی
الگوهای حرکتی کلیدی در این بخش شرح داده شدهاند.
۱. اطلاعرسانی فوری (HUN) هنگام ورود
وقتی یک اعلان با اولویت بالا میرسد، از یک اسلاید جهتدار برای ورود به صفحه استفاده میکند.
- ورودی از بالا به پایین: استاندارد اکثر سیستمها. کارت از لبه بالا به صورت کشویی وارد میشود.
- نکته: این حرکت به طور نامحسوس نشان میدهد که با کشیدن انگشت از همان لبه به پایین، میتوان به مرکز اعلانها دسترسی پیدا کرد.
- سفارشیسازی: میتوانید مدت زمان ورود و منحنی کاهش ارتفاع خاص را متناسب با سبک برند خود تنظیم کنید.
۲. کشیدن انگشت برای رد کردن
رانندگان میتوانند با کشیدن افقی انگشت، یک HUN یا یک کارت را در مرکز اعلانها رد کنند.
- بازخورد بصری: همانطور که کاربر کارت را میکشد، باید با انگشت خود به نسبت ۱:۱ حرکت کند.
- حرکت خروج: به محض اینکه کشیدن انگشت از آستانهی رد شدن عبور کند، کارت با سرعت از صفحه خارج میشود و موارد باقیمانده در لیست به صورت عمودی جابجا میشوند تا جای خالی را پر کنند.
۳. گسترش اعلانهای گروهی
اعلانهای مرتبط (مانند چندین پیام از یک چت گروهی) اغلب برای صرفهجویی در فضا در یک کارت واحد قرار میگیرند.
- گسترش: وقتی روی کارت ضربه زده میشود، باید به صورت عمودی بزرگ شود تا پیامهای جداگانه نمایان شوند.
- جمع شدن: حرکت معکوس باید کمی سریعتر از باز شدن باشد تا به راننده کمک کند سریع به کار قبلی خود بازگردد.
زمانبندی و کاهش
گوگل توصیه میکند از استانداردهای تسهیل طراحی متریال پیروی کنید، که بر شروع سریع و پایان روان و تدریجی تأکید دارند.
| ویژگی | مقدار توصیه شده |
|---|---|
مدت زمان ورود به HUN | ۲۵۰ میلیثانیه – ۴۰۰ میلیثانیه |
سرعت اخراج | سریع (برای ارائه بازخورد فوری) |
آسانگیری | استاندارد (به سرعت شتاب بگیرید، به آرامی سرعت را کم کنید) |
بهترین شیوهها
- خوانایی را در اولویت قرار دهید: از نسبت کنتراست بالا بین متن و پسزمینه کارت اطمینان حاصل کنید.
- ثبات: از شعاع گوشهها و قوانین فاصلهگذاری یکسان برای هر دو کارت HUN و مرکز اعلانها استفاده کنید.
- مینیمالیسم: اقدامات را ساده و متن را مختصر نگه دارید؛ از طرحبندیهای پیچیدهای که برای فهمیدن به بیش از یک نگاه نیاز دارند، اجتناب کنید.