Jeśli celem organizacji jest, aby ludzie pytali, to strona kontaktowa tej witryny jest jednym z najważniejszych zasobów.

Bez względu na to, co organizacja promuje, strona kontaktowa (lub rejestracja) jest ostatnim krokiem w skoku sprzedaży. To, co reszta strony, od strony głównej do bloga, po mapę serwisu, prowadzi do: zachęcania ludzi do działania.

Strona kontaktowa jest jednak stosunkowo mało uwagi. Strona główna zwykle dostaje znacznie więcej. Naturalnie strona główna jest ważna; narzuca on ciężar dawania pierwszego wrażenia, wyjaśniając cel witryny i kierując ludzi do właściwych treści - i musi to zrobić w ciągu kilku sekund.

Strona kontaktowa to rodzaj strony przeciwnej do strony głównej: skupiona, interaktywna, mniej przekonująca, ale bardziej uspokajająca. Strony główne zawierają informacje, a strony kontaktowe - opcje.

Problemy

schemat zagraconego formularza kontaktowego

Choć gorszy niż zwykle, powyższy przykład pożycza elementy ze stron kontaktowych kilku rzeczywistych organizacji, takich jak:

  • Formularz kontaktowy
  • Adresy e-mail dla kluczowych pracowników
  • Mapa do biura
  • Link do FAQ (z notatką do przeczytania przed wysłaniem maila)
  • Adres pocztowy
  • Numery telefonów i faksów

Ten przykład zawiera problemy, które często występują w przypadku nadmiernie korzystnych stron kontaktowych: intencje są wielkie, ale wynikiem jest bałagan.

problemy z przykładowym formularzem kontaktowym

Powyżej treść jest podzielona na pięć grup, z których każda jest pozycjonowana na podstawie tego, jak dobrze pasuje do układu dwukolumnowego. Ale jest ciasno dopasowany. Pozycjonowanie opiera się wyłącznie na rozmiarze. Na przykład:

  • Komunikat "przeczytaj nasz FAQ" (grupa 2) umieszczony jest po formularzu wiadomości (grupa 1). To sprawia, że ​​prośba o przeczytanie FAQ, zanim użyjemy formularza bez sensu.
  • Numery telefonów (grupa 3) są oddzielone od adresu wysyłkowego (grupa 1). To nie boli, ale to nie pomaga.
  • Wreszcie, bezdotykowe informacje, takie jak zdjęcia z kubka w grupie 5, niepotrzebnie zaśmiecają stronę.

Zacznij od treści istotnych dla użytkownika

Strona kontaktowa lub rejestracyjna to więcej informacji na temat interakcji niż informacji. Zasada: jeśli element nie pomaga użytkownikowi w wysłaniu informacji lub wybraniu metody kontaktu, wówczas nie należy do niego.

projektowanie rozwiązań problemów z formularzem kontaktowym

Kilka zmian sprawia, że ​​formularz kontaktowy powyżej jest bardziej przydatny:

  • Komunikat FAQ został przerobiony jako instrukcje dla formularza (grupa 1). Teraz ludzie chętniej zobaczą link przed przesłaniem pytania.
  • Czy użytkownicy szukają adresu e-mail danej osoby lub informacji o usłudze? Użytkownik chętniej wysyła pytania członkowskie do organizacji członkowskiej @ organization.org niż georgesmith @ organization.org. Używanie nazwy usługi, a nie osoby, ma również długofalowe korzyści: adres e-mail pozostanie ważny nawet po tym, jak George opuści firmę.
  • Usuń zdjęcia kubków, chyba że użytkownicy będą kojarzyć twarz z usługą. Na przykład ludzie z problemem technicznym chętniej chcą pomocy Susan, nawet jeśli są przyjaciółmi Mary.
  • Numery telefonu i faksu zostały połączone z adresem korespondencyjnym. W takim przypadku nie ma powodu, aby je rozdzielać.

Going Deeper

Ograniczenie strony kontaktowej do informacji kontaktowych nie jest tak proste, jak się wydaje. Podobnie jak wiele celów projektowych, ten zaczyna się od pytań. Kluczem jest myśleć jak właściciel witryny i użytkownik.

Zachęty

Właściciel strony Użytkownik końcowy
Co zachęca ludzi do kontaktu z nami, rejestracji lub innego działania? Czego potrzebuję, aby ich zapytać? Co będę z tego mieć?
Co powstrzymuje ludzi przed kontaktem z nami lub podjęciem działań? Skąd mam wiedzieć, że będzie to warte mojego czasu i wysiłku?
Jak możemy zachęcać do przesyłania wiadomości lub rejestracji? Jakie są zalety tego produktu?
Co przeszkadza ludziom w działaniu? (Od przypadku do przypadku.)

Zbieranie danych

Właściciel strony Użytkownik końcowy
Jakie informacje chcemy przekazać ludziom? Jakie informacje mogę wysyłać?
Co zrobimy z tymi informacjami? Skąd mam wiedzieć, że nie dostanę spamu?
Jak będziemy przetwarzać informacje? Jak szybko mogę się spodziewać odpowiedzi?

Metody kontaktu

Właściciel strony Użytkownik końcowy
W jaki sposób chcemy, aby podejmowali działania? Jaki jest najłatwiejszy sposób działania?
O czym nie pomyśleliśmy? Jakie są moje inne opcje?
Jak możemy przyspieszyć ten proces? Jak długo potrwa ten proces?


Zadawanie pytań pomaga projektantowi ustalić priorytety. Na przykład: "Skąd mam wiedzieć, że nie otrzymam spamu?" Jest ważnym problemem.

Łatwym rozwiązaniem jest link do polityki prywatności. Co więcej, znajdź miejsce dla polityki na stronie kontaktowej, aby uniemożliwić użytkownikom klikanie.

Streszczenie, które łączy się z polityką prywatności, jest najlepsze z obu rozwiązań (np. "Zbyt cenimy twoje członkostwo, aby spamować Cię lub sprzedawać Twoje dane osobowe. Przeczytaj naszą politykę prywatności, by poznać szczegóły." ).

Jako inny przykład, pytanie "Co zachęca ludzi do skontaktowania się z nami, rejestracji lub działania w inny sposób?" Może rzucić nową stronę w inne miejsce.

Znakomita grafika, dobrze napisany tekst, najnowsze standardy sieciowe i wysublimowany dobór kolorów mogą imponować ludziom, ale czy zachęcają ich do czegoś więcej?

Najlepsze praktyki

Co sprawia, że ​​strona kontaktowa działa? Niektóre rozwiązania zależą w dużym stopniu od osobistego gustu, od solidnego kodu i przejrzystego projektu. Ale niektóre praktyki są istotne niezależnie od stylu.

  • Nigdy nie ufaj danym przesłanym przez użytkownika. Zawsze sprawdzaj dane, sprawdzaj spamboty, błędnie wprowadzone dane i ataki SQL injection.
  • Dobra strona "Dziękuję" ma przyjazny komunikat. Lepsza strona "Dziękuję" oferuje opcje, a nie pozwala użytkownikowi wędrować. Choć niepotrzebne, dodatkowe kliknięcie może nagrodzić ludzi za udział.
  • Nie wszyscy są zadowoleni z formularzy i wiadomości e-mail. Numery telefonów i adres pocztowy zapewniają nie tylko alternatywne metody kontaktu, ale zapewniają również, że ta organizacja jest uzasadnionym podmiotem.
  • Długie formy zniechęcają użytkowników, więc formularze kontaktowe nie powinny być ankietami. Zachowaj kilka pytań do odpowiedzi uzupełniających.
  • Podobnie, formularz członkowski powinien wymagać tylko podstawowych informacji - nazwy użytkownika, adresu e-mail, hasła - aby ułatwić rejestrację. Nowi członkowie mogą dodawać więcej informacji - imię i nazwisko, numer telefonu, awatar itd. - po ich zatwierdzeniu.
  • Nie zmuszaj ludzi do szukania sposobów działania. Oczywiste linki do formularza rejestracji lub formularza kontaktowego zachęcą ludzi do rozważenia rejestracji, wysłania wiadomości lub innego uczestnictwa.
  • Jeden z najważniejszych elementów strony kontaktowej nie jest w ogóle związany z projektem, ale raczej szybkimi, pomocnymi odpowiedziami. Kilka minut obsługi klienta warte jest poświęcenia czasu na udoskonalenie CSS. Podobnie jak design, usługa jest środkiem do osiągnięcia sukcesu, a nie celem samym w sobie.

Od dużych korporacji po małe organizacje non-profit, wiele organizacji polega na sieci, aby ułatwić uczestnictwo społeczeństwa.

Strony wzywające użytkowników do działania wymagają starannego planowania. Dobrze zrobione, sprawiają, że proces jest łatwy i niezawodny zarówno dla organizacji, jak i jej użytkowników.


Napisany specjalnie dla Webdesigner Depot przez Ben Gremillion. Ben jest pisarz i projektant który rozwiązuje problemy z komunikacją dzięki lepszemu projektowi.

Czy znasz jakieś inne sposoby na ulepszenie formularzy kontaktowych? Podziel się swoimi przemyśleniami w komentarzach poniżej.