فرم های خود را تست کنید

در ماژول های قبلی، یاد گرفتید که چگونه یک فرم بسازید، به کاربران کمک کنید از وارد کردن مجدد داده ها اجتناب کنند و چگونه داده های فرم را اعتبار سنجی کنید. اکنون چگونه می توانید مطمئن شوید که فرم قابل استفاده است؟ برای پاسخ به این سوال می توانید فرم خود را تست و تجزیه و تحلیل کنید.

شما با تأیید اینکه فرم شما روی دستگاه خودتان کار می کند شروع می کنید. با این حال، انواع مختلفی از دستگاه‌ها وجود دارد که کاربران شما ممکن است استفاده کنند. چگونه می توانید آزمایش کنید که آیا فرم شما با دستگاه های دیگر کار می کند؟

ابتدا فرم خود را روی دستگاه دسکتاپ تست کنید. سپس فقط از صفحه کلید خود استفاده کنید. بعد، آن را روی گوشی تست کنید. اکنون فرم خود را با روش های مختلف ورودی (صفحه کلید، لمسی و ماوس)، اندازه های مختلف صفحه نمایش، مرورگرهای مختلف و سیستم عامل های مختلف آزمایش کرده اید.

آیا دستگاه های بیشتری دارید که بتوانید روی آنها تست کنید؟ فرم خود را روی همه آنها تست کنید. هرچه دستگاه‌ها، مرورگرها، نسخه‌های مرورگر و سیستم‌عامل‌های مختلف بیشتری را بتوانید آزمایش کنید، بهتر است!

همچنین می‌توانید از یک سرویس آزمایشی برای آزمایش فرم خود در بسیاری از مرورگرهای مختلف، نسخه‌های مختلف مرورگر، دستگاه‌های مختلف و سیستم‌عامل‌های مختلف استفاده کنید. BrowserStack حساب‌های آزمایشی رایگان برای پروژه‌های منبع باز ارائه می‌دهد تا آزمایش بر روی مرورگرها، دستگاه‌ها و سیستم‌عامل‌های مختلف را فعال کند.

چگونه می توانید آزمایش کنید که آیا فرم شما برای دیگران کار می کند؟

اولین فرم شما آماده است. شما زمان زیادی را صرف اطمینان از عملکرد خوب آن می کنید. چگونه می توانید تأیید کنید که فرم شما برای دیگران قابل استفاده است؟ به عنوان اولین قدم، می توانید از دوستان و همکاران خود بخواهید فرم شما را پر کنند.

کنار هم بنشینید یا یک صفحه نمایش را به اشتراک بگذارید. به این ترتیب، می توانید نحوه تعامل آنها با فرم شما را مشاهده کنید. تماشا کنید که آنها فرم را پر می کنند. از آنها بخواهید که با صدای بلند بگویند که در حال انجام چه کاری هستند و آیا مشکلی را تجربه می کنند. بعد از اینکه آنها کار را کامل کردند، از آنها سؤال کنید. مشخص بود چه چیزی را باید پر کنند؟ آیا در پر کردن فرم مشکلی نداشتند؟ چیزی مبهم بود؟ این سوالات به شما کمک می کند تا فرم های بهتری بسازید.

چگونه می توانید عملکرد فرم خود را اندازه گیری کنید؟

شما تأیید کردید که فرم شما برای افراد دیگر قابل استفاده است. به عنوان گام بعدی، باید نحوه عملکرد فرم خود را اندازه گیری کنید. ابزارهای رایگانی برای این کار وجود دارد. بیایید نگاهی به برخی از آنها بیندازیم.

PageSpeed ​​Insights (PSI)

PSI عملکرد سایت شما را اندازه گیری می کند و به شما نکاتی در مورد بهبود آن می دهد.

آن را امتحان کنید : PageSpeed ​​یک گزارش عملکرد با استفاده از داده های آزمایشگاهی و میدانی ارائه می دهد. یک سایت سریع اولین نشانه قابل استفاده بودن فرم شما است. سایت شما هنوز سریع نیست؟ PSI به شما توصیه هایی در مورد چگونگی بهبود عملکرد نشان می دهد.

دوباره به گزارش سایت خود که قبلا با PSI تست کرده اید نگاه کنید. اطلاعات مربوط به Core Web Vitals را می بینید؟ اگر سایت شما معیارهای Core Web Vitals را داشته باشد، این خلاصه است. Core Web Vitals به شما کمک می کند تا درک کنید که کاربران چگونه یک صفحه وب را تجربه می کنند.

فانوس دریایی

Lighthouse به شما کمک می کند عملکرد، بهینه سازی موتور جستجو (SEO)، بهترین عملکرد و مسائل دسترسی را شناسایی کنید.

راه های مختلفی برای استفاده از Lighthouse وجود دارد. یکی از گزینه ها اجرای مستقیم آن در DevTools است. URL را با فرم خود در کروم باز کنید، DevTools را باز کنید ، به برگه Lighthouse بروید و ممیزی را اجرا کنید.

معیارهای عملکرد از PSI نمایش داده می شود. علاوه بر این، Lighthouse سایت شما را در برابر سئو، بهترین عملکرد و مسائل دسترسی بررسی می کند. فراموش کرده اید یک برچسب را به یک کنترل فرم متصل کنید؟ Lighthouse به شما هشدار می دهد و راهنمایی برای اصلاح مشکل در اختیار شما قرار می دهد.

ابزارهایی برای شناسایی مسائل رایج

ابزارهای زیادی برای شناسایی مشکلات رایج وجود دارد. یکی از راه ها استفاده از پسوند اشکال یاب فرم است. در مورد از دست دادن ویژگی های autocomplete ، ویژگی های غیر استاندارد، برچسب های گم یا خالی و موارد دیگر به شما هشدار می دهد.

همچنین می توانید از ابزار ارزیابی دسترسی مانند WAVE یا تبر استفاده کنید. این ابزارها شما را در مورد برچسب‌های از دست رفته، اتصالات از دست رفته بین برچسب‌ها و کنترل‌های فرم، تضاد رنگ ناکافی، و بسیاری از مشکلات دسترسی دیگر به شما اطلاع می‌دهند.

چگونه می توانید تجربه فرم را نظارت کنید؟

نظارت بر تجربه کاربر واقعی از فرم های خود به شما کمک می کند تا مسائل جدید را به سرعت شناسایی کنید. بیایید ببینیم چگونه می توانید فرم خود را نظارت کنید.

PSI

یکی از راه های نظارت بر تجربه، استفاده مجدد از PSI است. می توانید از PSI API برای ساخت ابزار نظارتی خود استفاده کنید: API PageSpeed ​​Insights نحوه انجام این کار را توضیح می دهد.

PSI شامل داده‌هایی از مجموعه داده گزارش تجربه کاربر Chrome (CrUX) است، اگر برای URL داده شده موجود باشد. به این ترتیب، شما همچنین می توانید داده های میدانی را مستقیماً در گزارش مشاهده کنید.

فانوس دریایی

Lighthouse را می توان به عنوان یک ابزار خط فرمان، به عنوان یک ماژول Node یا با ابزار Lighthouse CI استفاده کرد. نظارت بر عملکرد با Lighthouse CI اضافه کردن Lighthouse به یک سیستم یکپارچه سازی مداوم، مانند GitHub Actions را توضیح می دهد.

ابزارهای بسیار بیشتری برای اندازه گیری و نظارت بر سایت شما وجود دارد. برخی به عنوان ابزارهای وب در دسترس هستند، برخی به شما امکان می دهند ممیزی را در خط فرمان خود اجرا کنید، و برخی نیز یک API برای ادغام آنها در ابزارهای خود ارائه می دهند.

چگونه فرم خود را تجزیه و تحلیل کنیم

شما فرم خود را با کاربران واقعی آزمایش کردید و یاد گرفتید که چگونه آن را اندازه گیری و نظارت کنید. چگونه می توانید آماری در مورد کاربران خود و نحوه تعامل آنها با فرم شما جمع آوری کنید؟ می توانید از یک ابزار تجزیه و تحلیل استفاده کنید. بیایید نگاهی به یکی و نحوه عملکرد آن بیندازیم.

تجزیه و تحلیل

یکی از ابزارهایی که می توانید استفاده کنید گوگل آنالیتیکس (GA) است. پس از راه‌اندازی، یک قطعه جاوا اسکریپت دریافت می‌کنید که در هر صفحه از سایت خود قرار می‌دهید. از این مرحله به بعد، می توانید دریابید که مردم چگونه از سایت شما استفاده می کنند.

چند نفر از صفحه با فرم شما بازدید می کنند؟ چند نفر فرم را پر می کنند و به صفحه بعدی می روند؟ با استفاده از ابزارهای تجزیه و تحلیل، پاسخ این سوالات را دریافت می کنید.

همچنین می توانید گزارش های تحلیلی پیشرفته تری را تنظیم کنید. آیا می خواهید ردیابی کنید که چند کاربر روی دکمه ارسال کلیک می کنند؟ شما می توانید رویدادها را برای تجزیه و تحلیل آن تعریف و ادغام کنید.

طیف گسترده ای از ابزارهای تجزیه و تحلیل در دسترس است. برخی مینیمالیستی هستند، برخی گزینه های زیادی برای شخصی سازی ارائه می دهند. طیف وسیعی از ابزارها را امتحان کنید تا بهترین را برای نیازهای خود بیابید.

درک خود را بررسی کنید

دانش خود را از فرم های تست تست کنید

داده های میدانی چیست؟

داده ها از شرایط واقعی
داده های جمع آوری شده در یک میدان
داده های کاربران واقعی
داده های جمع آوری شده در آزمایشگاه

RUM معیارها را از:

مرورگرهای از پیش تعریف شده
کاربران واقعی
کاربران از پیش انتخاب شده
مرورگرهای کاربران نهایی

منابع