اصول بصری

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

این بخش توضیح می دهد که چگونه می توانید:


مطالب را برای خواندن آسان کنید

برای اطمینان از اینکه رانندگان می توانند به سرعت محتوای روی صفحه را اسکن و درک کنند، محتوا باید به گونه ای ارائه شود که خواندن آن در حین رانندگی آسان باشد:

نمایش فونت های خوانا

متن اصلی و ثانویه ارائه شده بصری باید با دستورالعمل‌های Android for Cars از نظر فونت و اندازه هماهنگ باشد. متن اصلی معمولاً برای بخش‌هایی از اطلاعات مورد نیاز برای تصمیم‌گیری استفاده می‌شود، مانند عنوان آهنگ یا نام مخاطب، و باید 32dp باشد. متن ثانویه معمولاً برای پشتیبانی از اطلاعات، مانند نام هنرمند یا نوع تماس (مانند "موبایل") استفاده می شود و باید 24dp باشد.

محدود کردن طول متن

آیتم های متنی با استفاده از الفبای رومی نباید از 120 کاراکتر، از جمله علائم نگارشی و فاصله ها تجاوز کنند. (توجه به مرجع: جمله قبل 101 کاراکتر است.) موارد متنی به زبان ژاپنی نباید در مجموع از 31 کاراکتر رومی، کانا یا کانجی تجاوز کنند.

نسبت کنتراست را برای متن، نمادها و پس‌زمینه دنبال کنید

نسبت کنتراست برای نمادها، متن و سایر تصاویر باید حداقل 4.5:1 باشد. این الزام برای هر آیتم نمایش داده شده ای که اطلاعات را منتقل می کند، از جمله موارد انتخاب شده در ورودی های چرخشی و موارد مشابه اعمال می شود. با این حال، اگر اطلاعات اضافی ارائه شود (مانند نماد و متنی که معنی یکسان را منتقل می کند)، فقط یک عنصر باید دستورالعمل های کنتراست را رعایت کند. برای ورودی های چرخشی، دستورالعمل کنتراست برای برجسته کردن پس زمینه باید رعایت شود.

قابلیت نگاه در شب را فراهم کنید

قطبیت محتوای نمایش داده شده در طول روز می تواند مثبت (متن تیره در پس زمینه روشن) یا منفی (متن روشن در پس زمینه تاریک) باشد، در حالی که محتوای نمایش داده شده در طول شب باید قطبیت منفی داشته باشد.


لمس اهداف را آسان کنید

هنگام تلاش برای لمس اهداف روی صفحه که خیلی کوچک یا نزدیک به هم هستند، رانندگان به راحتی می توانند حواسشان پرت شود یا اشتباه کنند:

نمایش اهداف لمسی با اندازه مناسب

اهداف لمسی باید از دستورالعمل‌های Android Automotive برای حداقل اندازه ۷۶ x 76dp پیروی کنند. برای موارد خاص، عرض را می توان اندکی به نفع ارتفاع (در حالی که سطح کلی یکسان نگه می دارد) قربانی کرد تا لرزش خودرو از بالا و پایین را بهتر تطبیق دهد.

از همپوشانی هدف لمسی خودداری کنید

اهداف لمسی نباید با یکدیگر همپوشانی داشته باشند. گزینه بزرگنمایی می تواند با جداسازی اهداف به کاهش مشکلات همپوشانی کمک کند. در صورت امکان، حداقل 23dp بین اهداف لمسی اجازه دهید.


عناصر UI را ثابت نگه دارید

برای کمک به رانندگان برای درک سریع گزینه‌های روی صفحه‌نمایش، رابط کاربری باید واضح و سازگار باشد:

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

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

ویژگی‌های فعال و غیرفعال را هنگام حرکت روشن کنید

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