התאמה אישית של העיצוב

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

עיצוב מרובה מצבים

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

סבה זאידי ואלאס קיראזצ'י – עיצוב פעולות רב-אופניות ב-Google I/O 2018


המבנה של תגובה

תגובת הפעולה שלך למשתמש מורכבת מרכיבים.

רכיבי שיחה משולבים כדי לכתוב את התוכן בהודעות הקוליות, בהודעות התצוגה ובצ'יפים.

רכיבי השיחה (הודעות וצ'יפים) צריכים להיות מעוצבים בכל תיבת דו-שיח.

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

רכיבים חזותיים כוללים כרטיסים, קרוסלות ונכסים חזותיים אחרים.

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

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

קיבוץ מכשירים לפי הרכיבים ששימשו לתגובה:

בשיחות ברמקולים חכמים או באוזניות, ההנחיות הנאמרות מעבירות את כל השיחה ומעבירים את המסר.

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

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


מעבר מהקראה לדיבור מרובה מצבים

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

מתחילים בקריאה הקולית המקורית מתיבת הדו-שיח לדוגמה שבדוגמה.

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

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

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

מאחר שאין תוכן שאמור להתאים לרכיב חזותי, אין תוכן שאפשר להוציא מההנחיה המוקראת. לכן אפשר להשתמש שוב במקור.

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

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

מתחילים בקריאה הקולית המקורית מתיבת הדו-שיח לדוגמה שבדוגמה.

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

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

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

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

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

רק השאלה צריכה להופיע כאישור לשאלה בתצוגה.

השתמשו מחדש באותו צ'יפ שיצרתם.

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

הקשר בין הודעות

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

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

לעשות.

הנרטיב של הסרטון צריך להיות זהה לזה שמוצג בהודעה.

לא כדאי לעשות זאת.

אין להפנות את המשתמשים לנושא אחר או לחוויה אחרת מסתעפת.

לעשות.

השתמשו בהודעות תצוגה מרוכזות.

לא כדאי לעשות זאת.

אין לשכפל את ההנחיות הקוליות.

לעשות.

נשארו פרסונה.

לא כדאי לעשות זאת.

הימנעו מעיצוב הודעות שמרגישות שהן מגיעות מאנשים שונים.

לעשות.

אם אתם שואלים שאלה, ודאו שהיא מופיעה בשתי ההודעות, כדי שהמשתמש ידע מה השלב הבא.

לא כדאי לעשות זאת.

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


הקשר בין רכיבים

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

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

לעשות.

שואלים את השאלה בצורה ברורה וקריאה לפעולה.

לא כדאי לעשות זאת.

כשהם מוצגים עם העיצוב הזה, הרבה משתמשים לא משתמשים בתורות.

לעשות.

פיזור מידע על פני התצוגה והרכיב החזותי.

לא כדאי לעשות זאת.

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

לעשות.

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

לא כדאי לעשות זאת.

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

לעשות.

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

לא כדאי לעשות זאת.

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

לעשות.

עידוד המשתמש לעיין ברשימה.

לא כדאי לעשות זאת.

אל תסקרנו את הרשימה המלאה.