בדיקת הטפסים

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

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

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

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

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

איך אפשר לבדוק אם הטופס שלכם עובד בשביל אחרים?

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

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

איך אפשר למדוד את הביצועים של הטופס?

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

PageSpeed Insights (PSI)

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

רוצים לנסות?: PageSpeed מספק דוח ביצועים באמצעות נתונים של שיעורי Lab ושדות. אתר מהיר הוא הסימן הראשון לכך שניתן להשתמש בטופס. האתר שלכם עדיין לא מהיר? ב-PSI מוצגות המלצות לשיפור הביצועים.

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

Lighthouse

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

יש דרכים שונות להשתמש ב-Lighthouse. אפשרות אחת היא להריץ אותו ישירות בDevTools. פותחים ב-Chrome את כתובת ה-URL עם הטופס, פותחים את DevTools, עוברים לכרטיסייה Lighthouse ומריצים את הביקורת.

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

כלים לזיהוי בעיות נפוצות

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

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

איך אפשר לעקוב אחר חוויית השימוש בטופס?

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

PSI

אחת הדרכים לעקוב אחר החוויה היא להשתמש שוב ב-PSI. אתם יכולים להשתמש ב-PSI API כדי ליצור כלי מעקב משלכם: ב-PageSpeed Insights API מוסבר איך לעשות זאת.

נתוני PSI כוללים נתונים ממערך הנתונים של Chrome User Experience Report (CrUX), אם הם זמינים לכתובת ה-URL הנתונה. כך אפשר גם לראות נתוני שדות ישירות בדוח.

Lighthouse

אפשר להשתמש ב-Lighthouse ככלי שורת פקודה, כמודול Node, או יחד עם כלי Lighthouse CI. במעקב אחר ביצועים באמצעות Lighthouse CI מוסבר איך להוסיף את Lighthouse למערכת אינטגרציה רציפה (CI) כמו GitHub Actions.

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

איך לנתח את הטופס

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

ניתוח נתונים

כלי אחד שבו אפשר להשתמש הוא Google Analytics (GA). לאחר ההגדרה, תקבלו קטע קוד של JavaScript שכללתם בכל דף באתר. לאחר מכן תוכלו לגלות איך אנשים משתמשים באתר.

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

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

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

בחינת ההבנה

בחינת הידע שלך על טופסי בדיקה

מהם נתוני שדות?

נתונים שנאספים בשיעור Lab.
נתונים שנאספים בשדה.
נתונים מתנאים אמיתיים.
נתונים ממשתמשים אמיתיים.

RUM אוסף מדדים מ:

משתמשים אמיתיים
דפדפנים שהוגדרו מראש
משתמשים שנבחרו מראש
דפדפנים ממשתמשי קצה

משאבים