Testowanie formularzy

W poprzednich modułach omówiliśmy, jak tworzyć formularze, pomagać użytkownikom w unikaniu ponownego wpisywania danych oraz jak weryfikować dane. Jak mogę się teraz upewnić, że formularz jest użyteczny? Aby uzyskać odpowiedź na to pytanie, możesz przetestować i przeanalizować swój formularz.

Najpierw musisz potwierdzić, że formularz działa na Twoim urządzeniu. Istnieje jednak wiele rodzajów urządzeń, z których mogą korzystać użytkownicy. Jak możesz sprawdzić, czy formularz działa na innych urządzeniach?

Najpierw przetestuj formularz na komputerze. Potem użyj klawiatury. Następnie przetestuj ją na telefonie. Przetestowałeś(-aś) teraz swój formularz z różnymi metodami wprowadzania tekstu (za pomocą klawiatury, dotyku i myszy), różnych rozmiarów ekranu, różnych przeglądarek i systemów operacyjnych.

Czy masz więcej urządzeń, na których możesz przeprowadzić testy? Przetestuj formularz na nich wszystkich. Im więcej różnych urządzeń, przeglądarek, wersji przeglądarek i systemów operacyjnych można przetestować, tym lepiej.

Za pomocą usługi testowej możesz też przetestować formularz w wielu różnych przeglądarkach, w różnych wersjach przeglądarek, na różnych urządzeniach i w różnych systemach operacyjnych. BrowserStack oferuje bezpłatne konta testowe dla projektów open source, które umożliwiają testowanie w różnych przeglądarkach, na różnych urządzeniach i w różnych systemach operacyjnych.

Jak możesz sprawdzić, czy formularz działa u innych osób?

Twój pierwszy formularz jest gotowy. Poświęcasz dużo czasu na jego prawidłowe działanie. Jak możesz sprawdzić, czy z Twojego formularza mogą korzystać inne osoby? Na początek możesz poprosić znajomych i współpracowników o wypełnienie formularza.

Usiądźcie obok siebie lub udostępnij ekran. Dzięki temu możesz zobaczyć, jak wchodzą w interakcje z Twoim formularzem. Dopilnuj, aby wypełnili formularz. Powiedz im, co robią i czy mają jakieś problemy. Po wykonaniu zadania zadaj mu pytania. Czy było jasne, co ma wypełnić? Czy wystąpiły problemy z wypełnieniem formularza? Czy coś było niejasne? Te pytania pomogą Ci tworzyć jeszcze lepsze formularze.

Jak możesz zmierzyć skuteczność formularza?

Potwierdziłeś, że z Twojego formularza mogą korzystać inne osoby. Następnym krokiem jest pomiar skuteczności formularza. Dostępne są do tego bezpłatne narzędzia. Przyjrzyjmy się niektórym z nich.

PageSpeed Insights (PSI)

PSI mierzy skuteczność Twojej witryny i udziela wskazówek, jak ją ulepszyć.

Wypróbuj: PageSpeed generuje raport skuteczności na podstawie danych laboratoryjnych i terenowych. Szybka strona to pierwszy sygnał, że formularz można wypełnić. Twoja strona nie jest jeszcze szybka? PSI pokazuje rekomendacje, jak zwiększyć skuteczność.

Zajrzyj jeszcze raz do raportu o witrynie przetestowanej w PSI. Wyświetlić informacje o podstawowych wskaźnikach internetowych? Jest to podsumowanie, jeśli Twoja witryna spełnia kryteria podstawowych wskaźników internetowych. Podstawowe wskaźniki internetowe pomagają zrozumieć, jak użytkownicy korzystają ze strony internetowej.

Latarnia morska

Lighthouse pomaga w identyfikacji problemów z wydajnością, optymalizacji witryn pod kątem wyszukiwarek (SEO), sprawdzonych metodach i ułatwieniach dostępu.

Lighthouse można używać na różne sposoby. Możesz na przykład uruchomić go bezpośrednio z poziomu DevTools. Otwórz adres URL z formularzem w Chrome, otwórz Narzędzia dla programistów, przejdź na kartę Lighthouse i uruchom kontrolę.

Wyświetlane są dane o skuteczności z PSI. Dodatkowo Lighthouse sprawdza Twoją witrynę pod kątem problemów z SEO, sprawdzonymi metodami i ułatwieniami dostępu. Zapomniałeś połączyć etykietę z elementem sterującym formularza? Lighthouse wyświetli ostrzeżenie i wyświetli przewodnik, który pomoże Ci rozwiązać problem.

Narzędzia do wykrywania najczęstszych problemów

Istnieje wiele narzędzi do wykrywania najczęstszych problemów. Jednym ze sposobów jest użycie rozszerzenia do rozwiązywania problemów z formularzami. Ostrzega, jeśli brakuje atrybutów autocomplete, niestandardowych atrybutów, brakujących lub pustych etykiet itp.

Możesz też użyć narzędzia do oceny ułatwień dostępu, takiego jak WAVE lub axe. Te narzędzia powiadamiają o brakujących etykietach, braku połączeń między etykietami i elementami sterującymi formularza, o niewystarczającym kontraście kolorów i o wielu innych problemach z ułatwieniami dostępu.

Jak możesz monitorować działanie formularza?

Monitorowanie rzeczywistych wrażeń użytkowników formularzy pomaga szybko identyfikować nowe problemy. Zobaczmy, jak można monitorować swój formularz.

PSI

Jednym ze sposobów monitorowania wrażeń jest ponowne użycie PSI. Aby utworzyć własne narzędzie do monitorowania, możesz użyć interfejsu PSI API. Dowiesz się, jak to zrobić za pomocą interfejsu PageSpeed Insights API.

PSI zawiera dane ze zbioru danych Raportu na temat użytkowania Chrome (CrUX), jeśli są dostępne w przypadku danego adresu URL. Dzięki temu dane pól możesz też przeglądać bezpośrednio w raporcie.

Latarnia morska

Narzędzia Lighthouse można używać jako narzędzia wiersza poleceń, modułu węzłów lub narzędzi CI Lighthouse. Monitorowanie wydajności w Lighthouse CI wyjaśnia, jak dodać narzędzie Lighthouse do systemu ciągłej integracji, np. w ramach działań GitHub.

Dostępnych jest wiele innych tools do mierzenia i monitorowania witryny. Niektóre są dostępne jako narzędzia internetowe, inne umożliwiają przeprowadzenie kontroli z poziomu wiersza poleceń, a jeszcze inne udostępniają interfejs API do integracji ich z narzędziami.

Jak analizować formularz

Przetestowaliśmy Twój formularz z udziałem prawdziwych użytkowników, a także dowiedzieliśmy się, jak go mierzyć i monitorować. Jak możesz zbierać statystyki dotyczące użytkowników i sposobu ich interakcji z formularzem? Możesz użyć narzędzia analitycznego. Przyjrzyjmy się kilku elementom i sposobom ich działania.

Analityka

Jednym z narzędzi, z których możesz korzystać, jest Google Analytics (GA). Po skonfigurowaniu otrzymasz fragment kodu JavaScript, który musisz umieścić na każdej stronie witryny. Od tej chwili możesz sprawdzać, w jaki sposób użytkownicy korzystają z Twojej witryny.

Ile osób odwiedza stronę z Twoim formularzem? Ilu użytkowników wypełniło formularz i przechodzi na następną stronę? Odpowiedzi na te pytania możesz uzyskać, korzystając z narzędzi analitycznych.

Możesz też skonfigurować bardziej zaawansowane raporty statystyczne. Chcesz śledzić, ilu użytkowników klika przycisk Prześlij? Aby to analizować, możesz zdefiniować i integrować zdarzenia.

Dostępnych jest wiele narzędzi analitycznych. Niektóre są minimalistyczne, inne oferują wiele opcji personalizacji. Wypróbuj szereg narzędzi, aby znaleźć to, które najlepiej odpowiada Twoim potrzebom.

Sprawdź swoją wiedzę

Sprawdź swoją wiedzę z zakresu formularzy testowych

Co to są dane pól?

Dane zebrane w polu.
Dane zebrane w module.
Dane pochodzące od rzeczywistych użytkowników.
Dane na podstawie rzeczywistych warunków.

RUM zbiera wskaźniki z:

przeglądarki użytkowników
wstępnie zdefiniowane przeglądarki
prawdziwi użytkownicy
wstępnie wybrani użytkownicy

Zasoby