Kompletny przewodnik po projektowaniu form

Źródło: Formularz papierowy

Dobrze ustrukturyzuj swoje formularze

To, jak ustrukturyzujesz swój formularz online, zależy od Ciebie. Nie ma sztywnej instrukcji ani przewodnika krok po kroku, jak do tego podejść.

Ale są czynniki, które wpływają na wynik. A najważniejsze z nich to to, w jaki sposób wczuwasz się w swoich respondentów i jakie są Twoje pożądane wyniki.

Jeśli tworzysz formularz, który rzuca światło na te czynniki, proces tworzenia formularza może pomóc w osiągnięciu lepszych wyników.

Oto inne istotne dyskusje:

• Grupuj treść — długie formularze bywają mylące. Ale możesz wyeliminować zamieszanie i podświadomie zachęcać do wypełniania formularzy, organizując je — dzieląc, a następnie kategoryzując każdy element.

• Zapewnij jasność — jest to szczególnie ważne, jeśli wydajesz instrukcje. Bądź bezpośredni i zrozumiały.

• Używaj właściwych słów – trzymaj się sentymentu, który próbuje zasugerować Twój formularz. Nie używaj negatywnych, nachalnych i wymagających terminów. Jeśli Twoje formularze koncentrują się na konwersji, rozważ użycie niektórych słów wyzwalających z tej listy .

Projektowanie pięknych form

Stosy badań (w tym badania prowadzone przez neurobiologa Antonio Damasio ) mogą wspierać, w jaki sposób emocje napędzają proces podejmowania decyzji.

I nie chcemy być dramatyczni, ale nieatrakcyjne projektowanie stron internetowych jest zmorą egzystencji wielu ludzi. Warto zauważyć, że najczęstszymi czynnikami, które przyczyniają się do nieatrakcyjności formularza, są strasznie wyrównane czcionki, niewidoczna nawigacja, brak ikon i zatłoczony tekst.

Więc kiedy ludzie napotykają nieatrakcyjny formularz online, możesz zrozumieć, dlaczego są sfrustrowani. A ponieważ nie czują się z tym pozytywnie, nie mają zamiaru go wypełniać.

Oto inne istotne dyskusje:

• Użyj kontrastujących kolorów — patrz na przykład koło kolorów RGB . Pomoże Ci to wybrać kombinacje kolorów, które dobrze do siebie pasują.

• Zastosuj odpowiedni motyw – Unikaj ogólnych motywów. Zamiast tego wybierz motyw, który odzwierciedla kolory , przekaz i osobowość Twojej marki .

• Zachęcaj dzięki wizualizacjom — użyj obrazów i filmów, aby wzmocnić swoje punkty. I bądź spójny z ich rozmiarami, stylami i przezroczystością.

5 najlepszych przykładów formularzy online

Spójrzmy na pięć formularzy online. Spośród milionów dostępnych form są one jednymi z najlepszych. A my damy znać dlaczego.

Podzielimy się również firmą, która je stworzyła i funkcjami, które sprawiają, że są tak skuteczne.

Papierowa forma

W prostocie jest piękno. Wie o tym firma Paperform , która pomaga ludziom tworzyć piękne formularze online.

Ze względu na swoją obecność w branży tworzenia formularzy zrozumiałe jest, dlaczego ma na swojej stronie internetowej mnóstwo szablonów formularzy online . Spośród wielu projektów, które budzą wrażenie, jego forma, która wspomaga aplikacje na prawo jazdy, jest imponująca.

Inne cechy formularza, które sprawiają, że jest skuteczny:

• Pyta o istotne szczegóły – W porównaniu z procesami dwupolowymi i innymi podstawowymi formularzami online wymaga więcej informacji. Ale to w żaden sposób nie opóźnia procesu aplikacji. W końcu nie prosi o więcej informacji, niż jest to konieczne.

• Prosty i elegancki – jego interfejs jest przejrzysty i nie odwraca uwagi od treści internetowej. Jednocześnie nie wydziela mdłej atmosfery.

• Zabawny projekt – chociaż jest to niezbędny proces, ubieganie się o prawo jazdy jest nudnym zadaniem. A dzięki temu, że Paperform dodaje odrobinę dziwactwa do czegoś, co go poprzedza, szanse, że ludzie ukończą ten proces, są wyższe.

Miękki

Softr , profesjonalny twórca aplikacji internetowych bez kodu, ma godny pochwały wieloetapowy proces wdrażania klienta ukośnego formularza online. Ponieważ jego formularz jest dobrze zaprojektowany, oczywiście nowi użytkownicy Softra będą chcieli go wypełnić.

Jeden z jego uderzających aspektów? Jego zawartość wizualna — zestawy kolorów, typografia i biała przestrzeń — została zaprojektowana strategicznie.

Inne cechy formularza, które sprawiają, że jest skuteczny:

• Pasek postępu – pomaga wiedzieć, gdzie ludzie są w procesie wypełniania formularzy i jak długo jeszcze muszą iść. Nie każdemu podoba się wypełnianie wieloetapowych formularzy, ale większość ludzi wypełni je, jeśli zapewni to poczucie przejrzystości.

• Klikalne i opisowe opcje – formularz Softra nie jest trudny do wypełnienia. Opcje lub odpowiedzi nie tylko klikają milisekundy, ale są też bogate w informacje.

• Film wyjaśniający po zakończeniu — Softr starannie podsumowuje proces wdrażania klienta. A to dzięki filmowi instruktażowemu, który służy jako powitanie, gdy tylko klienci chcą już zacząć korzystać z produktu firmy.

Polecający Rock

Warto sprawdzić proces onboardingu klientów firmy Referral Rock , która opracowała marketingowe oprogramowanie polecające dla wszystkich rodzajów firm na całym świecie. Proces prowadzi do aplikacji do planowania wydarzeń online.

Firma zasługuje na aprobatę za to, że procesy wdrażania i planowania są tak łatwe. Po wypełnieniu danych formularza online, a następnie ich potwierdzeniu, klikając przycisk Zaplanuj wydarzenie , zostaniesz przeniesiony na stronę, na której możesz otrzymać informacje o zaplanowanym wydarzeniu (lub spotkaniu z jednym z przedstawicieli Referral Rock).

Inne cechy formularza, które sprawiają, że jest skuteczny:

• Wyjątkowe doświadczenie użytkownika (UX) — formularz planowania ma minimalistyczny wygląd. Daje to pozytywny UX, ponieważ nie zawiera żadnych rozpraszających elementów.

• Doskonały wybór kolorów – kolory idealnie się łączą. I nie ma na nim nic poza kolorami marki. Częściowo z tego powodu droga do planowania nie jest zagmatwana.

• Określa cel formularza — kopia internetowa jest przejrzysta i zwięzła. Oprócz opisu celu formularza online prosi o tylko wymagane informacje.

Planeta strony internetowej

Website Planet , dostawca treści, który udostępnia cenne informacje na temat tworzenia stron internetowych, ma prosty formularz kontaktowy. Ludzie przechodzą do strony kontaktowej witryny, aby skontaktować się z webmasterem — to jasne i proste. A Website Planet jasno przekazuje to przesłanie.

Prawda — większość stron internetowych posiada formularze kontaktowe. To, co sprawia, że ​​jego forma wyróżnia się ponad resztą, to prosty, ale wyróżniający się design. Jego formularz kontaktowy jest świadectwem tego, co robi: dostarcza cennych informacji.

Inne cechy formularza, które sprawiają, że jest skuteczny:

• Spójny projekt, który pomaga realizować cel strony – z jednej perspektywy można powiedzieć, że daje przeciętny UX i ma zwyczajny wygląd. A z innej perspektywy trudno nie zauważyć, jak jego podstawowy projekt pasuje do klimatu, jaki emanuje marka.

• Obsługiwane przez kopię informacyjną — łączy formularz z czystą kopią internetową, która zawiera adres biura i adresy e-mail Website Planet. I bez wątpienia przekazuje przesłanie.

• Określa wymagane informacje o użytkowniku – pola oznaczone gwiazdką służą jako instrukcje. Oszczędzają ludziom zastanawiania się, dlaczego ich zgłoszenia nie przeszły.

Przewodnik użytkownika

User Guiding to oprogramowanie do tworzenia pięknych przewodników użytkownika i wprowadzania produktów .

Proces tworzenia przewodnika po produkcie jest prosty jak 1, 2, 3. Ma to wiele wspólnego z tym, jak firma dostarcza opisowe instrukcje na każdym etapie podróży.

Jeśli po drodze popełnisz błąd, nie musisz panikować. Pojawi się wyskakujące okienko, które może ci pomóc. Weźmy na przykład wyskakujące okienko poniżej.

Jak pokazuje powyższy obraz, pokazuje on empatię użytkownikom, którzy popełniają błędy lub zapominają o kroku podczas procesu wdrażania. User Guiding nie tylko zapewnia odpowiednią listę kontrolną, ale także zwraca uwagę użytkownika na jego błędy.

Inne cechy formularza, które sprawiają, że jest skuteczny:

• Klikalne opcje i modyfikacje – Użytkownicy mogą łatwo wybrać opcję. Przyznaje również, że tworzenie przewodników po produktach jest procesem, a nie jednorazową transakcją.

• Przeznaczony dla twórców instruktażu produktu po raz pierwszy — tworzenie instruktażu produktu może przytłoczyć początkujących. Jeśli więc zapomną o niektórych krokach, mogą bez wysiłku uzyskać dostęp do listy kontrolnej i otrzymywać powiadomienia o wszelkich błędach.

• Wizualnie – jak wspomniano wcześniej, ludzie nie lubią nieatrakcyjnego projektowania stron internetowych – i User Guiding wziął to pod uwagę. Ma niesamowity wybór kolorów, jego motyw jest odpowiedni dla marki, używa prostych i zwięzłych słów i nie tylko.

Wniosek

To prawda — Ty i Twój zespół macie kontrolę nad projektowaniem formularzy. Ale to, jak ludzie reagują i odpowiadają na Twój formularz online, to inna historia.

Oto praktyczny sposób podejścia do tego: przetestuj swój formularz A/B. Utwórz dwie jego odmiany, aby zaprezentować je docelowej grupie odbiorców. Następnie przeanalizuj wyniki, aby zobaczyć, która odmiana przyciąga więcej osób.