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

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

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

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

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

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

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

   

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

   

מבוא

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

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

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

תיעוד זרימה של משתמש

1. פתיחת דף ההדגמה הזה. לוחצים על הלחצן התחלת הקלטה חדשה כדי להתחיל.
2. מזינים 'תשלום על קפה' בתיבת הטקסט שם ההקלטה.

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

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

הפעלה מחדש של זרימת משתמש

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

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

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

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

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

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

מדידת זרימת המשתמשים

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

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

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

עריכת השלבים

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

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

הרחבת השלבים

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

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

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

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

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

עריכת הסלקטורים בשלב

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

1. במקום זאת, עורכים את ערך הסלקטור ל-aria/Mocha.

   

   לחלופין, לוחצים על הלחצן בחירה ואז לוחצים על Mocha בדף.

2. מפעילים מחדש את התהליך עכשיו, הוא צריך לבחור Mocha ולא Cappuccino.

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

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

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

1. לוחצים לחיצה ימנית על השלב שרוצים לערוך, או לוחצים על סמל התפריט (3 נקודות) שלצידו.

   

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

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

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

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

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

השלבים הבאים

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

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