הקלטה, הפעלה מחדש ומדידה של זרימות המשתמשים

Jecelyn Yeen

Sofia Emelianova

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

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

הערה: זוהי תכונת תצוגה מקדימה ב-Chrome 97. הצוות שלנו עובד על התכונה הזו ונשמח לקבל ממך משוב כדי לשפר את השירות.

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

הערה: התכונה הזו זמינה רק ב-Chrome, ולא ב-Chromium.

פתיחה של החלונית 'מכשיר הקלטה'

1. פותחים את כלי הפיתוח.

2. לוחצים על אפשרויות נוספות     > כלים נוספים > מכשיר ההקלטה.

   

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

   

מבוא

נשתמש בדף ההדגמה הזה בנושא הזמנת קפה. תהליך התשלום הוא תהליך נפוץ שמשתמשים מבצעים בקרב אתרי קניות.

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

1. מוסיפים קפה לעגלת הקניות.
2. מוסיפים עוד קפה לעגלת הקניות.
3. עוברים לדף עגלת הקניות.
4. צריך להסיר קפה מעגלת הקניות.
5. מתחילים את תהליך התשלום בקופה.
6. ממלאים את פרטי התשלום.
7. התשלום מתבצע.

תיעוד תהליך העבודה של משתמש

1. פותחים את דף ההדגמות הזה. לוחצים על הלחצן התחלת הקלטה חדשה כדי להתחיל.
2. מזינים 'תשלום בקופה' בתיבת הטקסט שם ההקלטה.
   הערה: תיבות הסימון של מאפייני הבורר וסוגי הסלקטורים להקלטה הן אופציונליות. במדריך הזה, משאירים את ברירות המחדל ללא שינוי. מידע נוסף זמין במאמר הסבר על סלקטורים.
3. לוחצים על הלחצן התחלת הקלטה חדשה. ההקלטה מתחילה. בחלונית מוצג הכיתוב הקלטה... שמציין שההקלטה מתבצעת.
4. לוחצים על קפוצ'ינו כדי להוסיף אותו לעגלת הקניות.
5. לוחצים על Americano כדי להוסיף אותו לעגלת הקניות. שימו לב שבמכשיר ההקלטה מוצגים השלבים שביצעתם עד עכשיו.
6. עוברים לדף עגלת הקניות ומסירים את Americano מעגלת הקניות.
   הערה: אפשר גם להסיר את Americano מדף התפריט. לשם כך, מעבירים את העכבר מעל הלחצן סה"כ ולוחצים על - לצד Americano בתפריט הקופץ. עם זאת, תצטרכו להוסיף את השלב של העברת העכבר באופן ידני אחרי שתסיימו את ההקלטה, כי מכשיר ההקלטה לא מתעד באופן אוטומטי אירועים של העברת העכבר.
7. לוחצים על הלחצן סה"כ: 19.00$ כדי להתחיל את תהליך התשלום.
8. בטופס פרטי התשלום, ממלאים את תיבות הטקסט Name ו-Email ומסמנים את התיבה אני רוצה לקבל עדכונים לגבי הזמנות והודעות שיווקיות.
9. לוחצים על הלחצן שליחה כדי להשלים את תהליך התשלום.
   הערה: אתם יכולים לערוך את השלבים באופן ידני ולהוסיף טענות נכונות (assertions) עוד לפני שמסיימים את ההקלטה.
10. בחלונית מכשיר ההקלטה, לוחצים על הלחצן סיום ההקלטה כדי לסיים את ההקלטה.

הפעלה מחדש של תהליך המשתמש

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

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

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

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

הדמיה של רשת איטית

אפשר לדמות חיבור איטי לרשת על ידי קביעת ההגדרות להפעלה מחדש. לדוגמה, מרחיבים את הגדרות ההפעלה מחדש, בוחרים 3G איטי בתפריט הנפתח רשת.

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

מדידת מסלול המשתמש

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

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

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

עריכת השלבים

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

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

הרחבת השלבים

כדי לראות את פרטי הפעולה, מרחיבים כל שלב. לדוגמה, מרחיבים את השלב Click Element "Cappuccino".

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

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

הוספה והסרה של בוררים משלב מסוים

אפשר להוסיף או להסיר בוררים. לדוגמה, אפשר להסיר את בורר מס' 2 כי במקרה הזה מספיק רק aria/Cappuccino. מעבירים את העכבר מעל בורר מס' 2 ולוחצים על - כדי להסיר אותו.

עריכת הבוררים בשלב

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

1. במקום זאת, יש לערוך את ערך הבורר כARIA/Mocha.

   

   לחלופין, אפשר ללחוץ על הלחצן בחירה ואז על מוכה בדף.

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

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

הוספה והסרה של שלבים

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

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

   

2. אפשר לבחור באפשרות הסרת השלב כדי להסיר אותו. לדוגמה, האירוע Scroll אחרי השלב Mocha אינו הכרחי.

3. נניח שרוצים להמתין עד ש-9 כוסות הקפה יוצגו בדף לפני שמבצעים שלבים כלשהם. בתפריט השלבים Mocha, בוחרים באפשרות Add Step before (הוספת שלב לפני).

4. ב-Assert Element, עורכים את השלב החדש עם הפרטים הבאים:

   • טיפוס: waitForElement
   • בורר מס' 1: .cup
   • אופרטור: == (לוחצים על לחצן הוספת אופרטור)
   • ספירה: 9 (לחיצה על הלחצן הוספת ספירה)

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

השלבים הבאים

כל הכבוד, השלמת את המדריך!

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