Wprowadzenie do projektowania konwersacyjnego (i 3 wyjątkowe przykłady)

Praktycznie każdy ma w dzisiejszych czasach stronę internetową, więc jeśli chcesz, aby Twoja wyróżniała się, musisz przynieść swoją A-game, jeśli chodzi o projektowanie. Ludzie chcą witryn dostosowanych do ich konkretnych potrzeb i dających im poczucie, że są ważne (a są!). Jeśli nie możesz zapewnić tego doświadczenia, możesz nie być w stanie rywalizować w wielkich ligach.

Projektowanie konwersacyjne polega na tworzeniu stron internetowych dostosowanych do każdego użytkownika i przewidujących jego potrzeby. W tym artykule przedstawimy krótki kurs przyspieszony w zakresie konwersacyjnego projektowania stron internetowych i omówimy kilka przykładów.

Porozmawiajmy!

Wprowadzenie do projektowania konwersacyjnego

Jeśli chodzi o projektowanie stron internetowych konwersacyjnych, należy dokonać ważnego rozróżnienia. Kiedy ludzie mówią o tej koncepcji, mają na myśli przede wszystkim hiperpersonalizację. Na przykład, gdy logujesz się na swoje konto na Facebooku, platforma pyta Cię, co myślisz/czujesz i odnosi się do Ciebie po imieniu:

To jeden z przykładów projektowania konwersacyjnego. Z drugiej strony, gdy ludzie mówią o konwersacyjnych interfejsach użytkownika (UI), mają na myśli doświadczenia oparte na tekście, takie jak chatboty i Slack.

W każdym razie termin projektowanie konwersacyjne obejmuje wiele obszarów. Jednak wszystkie mają jedną wspólną cechę, którą jest zapewnienie bardziej spersonalizowanych doświadczeń dla ich użytkowników. Oto dlaczego to dobra rzecz:

• Może pomóc Ci zbudować zaufanie. Projekt konwersacyjny może pomóc użytkownikom poczuć się mile widzianymi, co z kolei może wzbudzić zaufanie i prowadzić do większej liczby konwersji.
• Możesz dobrze wykorzystać zebrane dane. Obecnie większość witryn internetowych zbiera pewne dane osobowe od swoich użytkowników. Dzięki projektowi konwersacyjnemu możesz wykorzystać te dane w praktyczny sposób.

Jeśli chodzi o to, które strony internetowe mogą skorzystać na przyjęciu projektowania konwersacyjnego, zależy to od poziomu interakcji, który zapewniasz odwiedzającym. Jeśli Twoi użytkownicy muszą w jakiś sposób wchodzić w interakcję z Twoją witryną, powinieneś rozważyć projektowanie konwersacyjne, aby zapewnić bardziej osobiste wrażenia.

W następnej sekcji pokażemy kilka przykładów konwersacyjnego projektowania stron internetowych i interfejsu użytkownika. Porozmawiamy o tym, co robią dobrze i jak możesz zastosować ich podejście na własnej stronie internetowej.

3 przykłady stron internetowych wykorzystujących projektowanie konwersacyjne

Projektowanie konwersacyjne to rozległa dziedzina, więc istnieje kilka sposobów na zaimplementowanie go na swojej stronie internetowej. W tej sekcji omówimy trzy przykłady, z których każdy korzysta z innego podejścia do personalizacji i konwersacyjnego interfejsu użytkownika.

1. Pracownia Buzzworthy

Witryna Buzzworthy Studio zawiera świetny formularz kontaktowy, który zapewnia wysoce spersonalizowane wrażenia. Po wejściu na stronę kontaktową możesz kliknąć wezwanie do działania ROZPOCZNIJ PROJEKT :

Następnie strona zapyta, jaki projekt chcesz rozpocząć:

Na przykład, jeśli klikniemy opcję Marketing , możemy wybrać spośród kampanii SEO , PPC lub obu:

Po dokonaniu wyboru witryna podaje przybliżony budżet i harmonogram, który różni się w zależności od niego:

Jeśli chodzi o strony kontaktowe, to doświadczenie jest jednym z najbardziej angażujących, na jakie natrafiliśmy. Zadając kilka pytań przed wyznaczeniem budżetu, czujesz się, jakbyś rozmawiał z freelancerem przed zatrudnieniem go.

Co więcej, zawierają również prosty formularz, w którym możesz dodać wszelkie szczegóły, które mogą chcieć poznać, zanim opracują bardziej szczegółową propozycję projektu:

Projekty konwersacji i strony kontaktowe to idealne połączenie, szczególnie w przypadku stron z portfolio. Jednym z największych wyzwań jest sprawienie, by potencjalni klienci poczuli się swobodnie, a dostosowanie do nich stron to świetny sposób, aby to zrobić.

Jeśli chcesz spróbować swoich sił w tworzeniu bardziej interaktywnych środowisk onboardingowych dla klientów, świetnym sposobem na to jest użycie Typeform. Jakiś czas temu rozmawialiśmy o tym, w jaki sposób można wykorzystać platformę do tworzenia stylowych ankiet, ale można również wykorzystać ją do zadawania potencjalnym klientom pytań, podobnie jak w tym przykładzie.

2. Landbot

W naszym drugim przykładzie zamierzamy zbadać konwersacyjny interfejs użytkownika. Platformy takie jak Landbot podchodzą do koncepcji projektowania konwersacyjnego w bardzo dosłowny sposób, ponieważ są zbudowane całkowicie wokół interakcji tekstowych.

Landbot może nie być tak znany jak nasz poprzedni przykład, ale to nie znaczy, że nie ma czegoś interesującego do stołu. Krótko mówiąc, usługa ta umożliwia tworzenie stron docelowych opartych na chatbocie. Rozmawialiśmy już o tym, jak skonfigurować chatboty oparte na Facebooku dla WordPressa, ale ta platforma jest znacznie łatwiejsza do rozpoczęcia.

Sama strona internetowa to mistrzowska klasa w konwersacyjnych interfejsach użytkownika. Wszystko opiera się na jednym czacie, który wykorzystuje przejrzysty, nowoczesny wygląd:

Na każdym etapie rozmowy możesz wybrać, w jaki sposób odpowiedzieć chatbotowi. Ponieważ korzystasz z wcześniej ustalonych opcji, chatbot jest znacznie łatwiejszy do zaprogramowania. To także doskonały przykład na to, jak konwersacyjne interfejsy użytkownika nie muszą być nudne.

Istnieją dwa wyróżniające się punkty, które należy wynieść z podejścia Landbota do projektowania konwersacyjnego. Po pierwsze, jeśli chcesz umieścić w swojej witrynie interfejsy konwersacyjne, musisz sprawić, by przyciągały wzrok. Baw się kolorami, czcionkami, a nawet małymi animacjami, które użytkownicy widzą podczas pisania, aby stworzyć coś przyciągającego uwagę:

Po drugie, konwersacyjne interfejsy użytkownika mogą być świetne do generowania konwersji. Na przykład chatboty umożliwiają kierowanie użytkowników do podjęcia działań, których chcesz, poprzez dostarczanie silnego wezwania do działania (CTA):

Implementacja tego typu funkcji może wymagać pewnej wiedzy technicznej, ale wyniki mogą być warte wysiłku. Zawsze możesz poeksperymentować, tworząc własnego chatbota Landbota i używając go do kierowania użytkowników do Twojej witryny lub odwrotnie.

3. Cody

W naszym ostatnim przykładzie spójrzmy na inny interfejs konwersacyjny. Cody to wizytówka prostego chatbota agencji Chop Chop. Ich biznes opiera się na tworzeniu chatbotów, więc jest oczywiste, że chcą się pochwalić, co potrafią.

W przeciwieństwie do przykładu Landbota, Cody jest mniej nastawiony na jawny marketing. Zamiast tego próbuje sprawić, abyś poczuł się, jakbyś rozmawiał z przyjacielem, jednocześnie przekazując ważne informacje. Na przykład Cody pyta, czy nie masz nic przeciwko temu, że witryna używa plików cookie, co jest świetnym rozwiązaniem w przypadku powiadomień:

Konwersacyjny interfejs użytkownika jest tutaj niezwykle prosty. Tło jest czyste, a dymki z tekstem są bardzo zaniżone. Jest to rodzaj chatbota, który można zobaczyć na dowolnej profesjonalnej stronie internetowej bez odrywania jej treści.

Kluczowym wnioskiem jest to, że interfejsy konwersacyjne nie muszą być skoncentrowane wyłącznie na marketingu, a istnieje wiele sposobów na dodanie stylu swoim chatbotom. Na przykład możesz nadać mu twarz i imię, aby było wyjątkowe i osobiste. Podobnie możesz zoptymalizować język, którego używasz, aby rozmowy były bardziej swobodne i mniej przypominały zadawanie pytań Google.

Wniosek

Jeśli chodzi o projektowanie stron internetowych, istnieje wiele szkół myślenia, do których można się zapisać. Jest materiałowy design, płynne kształty, ręcznie rysowane elementy i wiele więcej. Jednak konwersacyjne projektowanie stron internetowych to coś więcej niż tylko trend. Jeśli możesz zapewnić wrażenia, które są unikalnie dopasowane do każdego z Twoich użytkowników, masz przewagę, z którą niewiele witryn może się równać.

Przyjrzyjmy się jeszcze raz niektórym z naszych ulubionych przykładów projektowania konwersacyjnego:

1. Buzzworthy Studio: dzięki personalizacji możesz sprawić, że nawet formularze kontaktowe będą przyjemniejsze.
2. Landbot: oferuje przyciągający wzrok przykład konwersacyjnego interfejsu użytkownika.
3. Cody: Ten prosty chatbot świetnie sprawdza się, sprawiając, że czujesz się, jakbyś rozmawiał z prawdziwą osobą, a nie maszyną.

Jak myślisz, jaki jest najlepszy sposób na wdrożenie konwersacyjnego designu na stronie internetowej? Podziel się z nami swoimi przemyśleniami w sekcji komentarzy poniżej!

Miniatura obrazu artykułu autorstwa Art Alex / shutterstock.com