עיצוב התראות

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

עקרונות עיצוב

התראות במכוניות מותאמות לנוחות ובטיחות. בניגוד להתראות בנייד, התראות רכב מתמקדות בפשטות:

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

כיצד מופיעות התראות

התראות מועברות דרך שני ערוצים עיקריים בהתאם לעדיפות ולקטגוריה שלהן:

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

התאמה אישית

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

ממשק משתמש וגישה

ניתן להגדיר כיצד נהג ניגש למרכז ההתראות:

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

עיצוב ויזואלי

ניתן להתאים אישית את המראה והתחושה של כרטיסי ההתראות כך שיתאימו לשפת העיצוב של הרכב שלכם:

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

עדיפות וקטגוריות

המערכת מסווגת התראות כדי לקבוע כיצד ומתי הן מוצגות.

• קטגוריות ספציפיות לרכב: כוללות CAR_EMERGENCY, CAR_WARNING ו- CAR_INFORMATION עבור התראות סטטוס רכב.
• תקשורת: מטפל בקטגוריות CALL ו- MESSAGE עם פעולות אופטימליות כמו "הפעל" ו"השתק".
• ניווט: משתמש בקטגוריית NAVIGATION כדי לספק הנחיה מפורטת כ-HUNs בלבד.

הצעדים הבאים

כדי להתחיל להתאים אישית התראות עבור הרכב שלך:

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

כרטיסי התראות סגנון

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

סוגי כרטיסי התראה

ישנן שלוש גרסאות עיקריות של כרטיסי התראה:

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

אנטומיה של כרטיס

כל כרטיס הוא מיכל גמיש המורכב מארבעה אזורים עיקריים:

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

הנחיות עיצוב

הסעיפים הבאים מתארים את הנחיות העיצוב.

טיפוגרפיה

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

• טקסט ראשי: בדרך כלל 32dp (גוף 1) עבור כותרות ראשיות.
• טקסט משני: בדרך כלל 24dp (גוף 3) למידע תומך.
• גופנים: בעוד ש-Roboto הוא הסטנדרט, יצרני ציוד מקורי (OEM) יכולים ליישם גופני מותג מותאמים אישית.

צבע וגובה

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

• רקע כרטיס: השתמשו בגווני אפור ברורים (למשל, אפור 868 ליום, אפור 900 ללילה).
• טקסט וסמלים: השתמשו בלבן בעל אטימות גבוהה (88%+) למידע ראשוני ובאטימות מופחתת (60-72%) לפרטים משניים.
• צבע הדגשה: החלת צבע המיתוג של האפליקציה על סמלים משניים או פעולות ספציפיות כדי לעזור למשתמשים לזהות את המקור.

צורה ומרווח

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

• רדיוס פינה: רמת ברירת המחדל היא 8dp (R2), אך ניתן להתאים אותה למראה מעוגל או מרובע יותר.
• שוליים: יש לשמור על ריפוד עקבי (16dp סטנדרטי או 24dp) בין קצוות הכרטיס לאלמנטים הפנימיים.

התאמת מסך ומצב כונן

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

• מצב נהיגה: כאשר הרכב בתנועה, שקלו להסתיר תצוגות מקדימות של הודעות או לקצץ מחרוזות טקסט ארוכות כדי להפחית את העומס הקוגניטיבי.
• תנועה: השתמשו באנימציות הגעה וסגירה סטנדרטיות (למשל, החלקה למטה עבור HUNs, החלקה לסגירה) כדי לספק משוב חזותי.

עיצוב מרכז ההתראות

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

פונקציונליות ליבה

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

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

אפשרויות התאמה אישית

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

1. שיטות גישה

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

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

2. סגנון ויזואלי

ניתן להתאים אישית את האלמנטים הוויזואליים הבאים לשפת העיצוב של המותג שלכם:

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

מודל אינטראקציה

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

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

הגבלות נהיגה

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

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

רשימת בדיקה לעיצוב

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

תנועות רצף

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

עקרונות תנועת כלי רכב

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

דפוסי תנועה מרכזיים

דפוסי התנועה העיקריים מתוארים בסעיף זה.

1. הגעה של הודעת הגעה (HUN)

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

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

2. החלקה לסגירה

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

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

3. הרחבת התראות מקובצות

התראות קשורות (כמו מספר הודעות מצ'אט קבוצתי) לרוב מכווצות לכרטיס אחד כדי לחסוך מקום.

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

תזמון והקלה

גוגל ממליצה לפעול לפי תקני ההקלה של עיצוב חומרים (Material Design), אשר שמים דגש על התחלה מהירה וסיום חלק והדרגתי.

שיטות עבודה מומלצות

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