Programy polecające Najlepsze praktyki UX i UI

Ten wpis na blogu zbiera najlepsze praktyki i inspiracje do projektowania UX i interfejsu użytkownika programu polecającego dla strony internetowej i mobilnej. Omówimy całą podróż klienta od banerów promocyjnych, stron polecających, udostępniania kodów polecających, otrzymywania nagród za polecenie i ich realizacji. Napisaliśmy ten post na blogu w oparciu o najlepiej działający (pod względem przychodów) interfejs użytkownika platform handlu elektronicznego DTC (o którym będzie mowa w całym poście).

Mamy nadzieję, że ten przewodnik pomoże Ci przeprojektować platformę tak, aby zawierała program poleceń lub ulepszyła istniejący interfejs użytkownika. Jeśli chcesz dowiedzieć się, jak zaprojektować zasady programu poleceń, polecamy ten wpis na blogu.

Uwaga: W całym artykule nazywamy osobę, która poleca znajomego „polecającym” lub „adwokata”, a osobę, do której odsyła, „osoby polecającej” lub „polecanego przyjaciela”.

Uwaga: wszystkie zrzuty ekranu pulpitu zostały wykonane na komputerach Mac i Chrome, a wszystkie zrzuty ekranu z urządzeń mobilnych zostały wykonane w rozdzielczości iPhone X w przeglądarce Chrome.

Jak zapewnić najlepszy UX w programie poleceń klientów?

Oto krótka lista kontrolna porad dotyczących UX, których możesz przestrzegać podczas tworzenia rozwiązania polecającego. Aby uzyskać bardziej szczegółowe instrukcje z przykładami, czytaj dalej.

1. Utwórz oddzielną stronę docelową skierowania.
2. Dodaj chwytliwy nagłówek i tekst.
3. Wyjaśnij zasady i korzyści programu.
4. Dodaj wartościowe i markowe obrazy.
5. Dodaj formularz, aby klienci mogli łatwo uczestniczyć w programie poleceń.
6. Zezwalaj na dostosowanie kodu polecającego na podstawie imienia i nazwiska osoby polecającej.
7. Zapewnij wiele opcji udostępniania.
8. Podaj szablon wiadomości polecającej, ale zezwól na dostosowanie.
9. Zaprojektuj komunikaty o sukcesach i błędach udostępniania.
10. Wyraź swoje wezwanie do działania.
11. Dołącz często zadawane pytania i warunki na swojej stronie docelowej skierowania.
12. Dodaj referencje klientów.
13. Reklamuj swój program poleceń za pośrednictwem wszystkich dostępnych kanałów i punktów styku.
14. Wyślij wiadomość bezpośrednio do potencjalnych odsyłających.
15. Utwórz stronę docelową dla poleconych znajomych.
16. Projektuj powiadomienia o postępach dla osób polecających i pozwól osobom polecającym śledzić postępy osób polecających.
17. Spraw, aby nagrody za polecenie były łatwe do znalezienia i zdobycia.

1. Utwórz stronę docelową skierowania

Twoja strona docelowa skierowania powinna być głównym źródłem informacji o programie poleceń. Powinna wyjaśniać wszystko, co klienci powinni o tym wiedzieć i konwertować potencjalnych zwolenników. Powinieneś używać go jako głównego centrum polecającego, do którego linkujesz w swoim menu lub banerach reklamowych. Powinieneś również umieścić do niego link w swoich wiadomościach. Strona docelowa powinna zawierać formularz, który pozwoli adwokatom pobierać i udostępniać linki polecające. Oto kilka wskazówek, jak najlepiej wykorzystać skierowaną stronę docelową:

Dodaj przekonujący nagłówek i wizualizacje

Nagłówek na Twoim landingu powinien być prosty i wyjaśniać zasady programu. Oto kilka przykładów chwytliwych nagłówków, których możesz użyć:

• „Poleć znajomego i zdobądź niespotykane wcześniej nagrody”
• "Dziel się miłością"
• „Zdobądź darmowe X dla siebie i swoich znajomych”
• “Poinformuj o tym i zdobądź zniżkę”
  

Przykład: nagłówek strony programu poleceń Harry'ego jest krótki i chwytliwy oraz zawiera korzyść: „Nie zostawiaj swoich przyjaciół. Zaproś znajomych i zdobądź produkt.”

Wyjaśnij korzyści i zasady programu

Ponieważ Twoi klienci najprawdopodobniej wezmą udział w programie, aby uzyskać oferowane przez Ciebie korzyści, zacznij od wyjaśnienia korzyści płynących z uczestnictwa w programie zarówno osobom polecającym, jak i poleconym znajomym. Powinieneś wyjaśnić rodzaje nagród, które obie strony mogą otrzymać, oraz ich wartość, zwłaszcza że recenzenci nie znają Twojej marki i mogą nie znać wartości nagród, szczególnie jeśli oferujesz swoje produkty jako nagrody.

Przykład: Omsom ma bardzo prostą stronę programu polecającego, która wyraźnie wyjaśnia korzyści zarówno dla polecającego, jak i polecającego.

Kolejną częścią jest ułatwienie zrozumienia i przestrzegania zasad programu. Co powinni zrobić adwokaci i zaproszeni przyjaciele, aby zarobić na zachętę? Jeśli masz jakieś wyłączenia lub więcej szczegółów, umieść je na stronie, ale poniżej ogólnych zasad, aby podstawy programu były nadal łatwe do zrozumienia.

Przykład: Trunk Club wyjaśnia zasady programu krótko, ale wyraźnie na swojej stronie docelowej.

Dołącz często zadawane pytania lub regulamin na swojej stronie docelowej polecenia

Klienci zazwyczaj będą mieli kilka pytań przed zapisaniem się do programu poleceń. Dodaj sekcję dla niektórych często zadawanych pytań (możesz wybrać kilka kluczowych, jeśli wolisz utworzyć osobną stronę regulaminu), aby zapewnić gotowe odpowiedzi dla potencjalnych adwokatów.

Przykład: Ted Baker ma link do swojego Regulaminu na swojej stronie docelowej polecenia.

Dodaj referencje

Referencje są świetnym dodatkiem do każdej strony docelowej. Chociaż nie jest to często widywane na polecających stronach docelowych. Jeśli możesz pokazać klientom jakiś dowód społecznościowy, będą bardziej skłonni dołączyć do Twojego programu lub dokonać zakupu od Ciebie po raz pierwszy. Jest to szczególnie ważne, jeśli wysyłasz polecaną stronę docelową do poleconych znajomych, którzy nie znają marki.

2. Dodaj formularz udostępniania rekomendacji

Jeśli chcesz uzyskać jak najwięcej poleconych, powinieneś ułatwić sobie dołączenie i uczestnictwo w swoim programie. Wymagaj, aby potencjalni odsyłający wypełnili tylko podstawowe informacje, takie jak imię i nazwisko oraz adres e-mail. Nie dołączaj zbyt wielu dodatkowych pytań lub opcji, których tak naprawdę nie potrzebujesz do uruchomienia programu. Pomoże to w lepszym przekształceniu zainteresowanych klientów w adwokatów.

Przykład: Lulus oferuje dla przypomnienia prosty formularz, obok którego ponownie krótko objaśnione są zasady programu poleceń.

Zezwalaj na dostosowanie kodu polecającego

Jeśli korzystasz z kodów polecających lub linków polecających, zezwól na personalizację kodu lub linku (na przykład KATE-10 lub www.domena.com/kate-10). Dzięki temu będzie łatwiejszy do udostępniania, łatwiejszy do zapamiętania i bardziej prawdopodobne, że osoby polecające dodadzą go na przykład do swojego posta w mediach społecznościowych. Posiadanie tego rodzaju kodów lub linków pomaga przyjaciołom zidentyfikować przy minimalnym wysiłku poznawczym, że jest to zaproszenie od znajomego.

Przykład: Pretty Little Thing tworzy niestandardowe kody polecające na podstawie imienia i nazwiska osoby polecającej.

Zapewnij wiele opcji udostępniania

Zapewnij wiele opcji udostępniania w oparciu o dane demograficzne i preferencje odbiorców. Jeśli wolą korzystać z mediów społecznościowych niż e-maili, udostępnij opcje natywnego udostępnienia linku polecającego lub kodu za pośrednictwem mediów społecznościowych. Jeśli masz swój program polecający w aplikacji, użyj wbudowanej funkcji udostępniania dla aplikacji mobilnych, aby korzystać ze wszystkich opcji, które zwykle zapewnia telefon komórkowy. W ten sposób osoby polecające będą miały natychmiastowy dostęp do swojej książki adresowej telefonu, list e-mailowych i kont w mediach społecznościowych. Pomoże to również w doświadczeniu użytkownika, ponieważ wiedzą, jak działa ta funkcja.

Pamiętaj, aby podać odpowiednie linki na urządzenia mobilne i komputery stacjonarne. Jeśli wyślesz link na urządzenie mobilne, powinno ono otworzyć Twoją aplikację lub sklep z aplikacjami, jeśli na komputerze, powinno prowadzić użytkowników do witryny na komputery. Możesz to zrobić na przykład za pomocą Branch. Zobacz, jak Shopmark wykorzystał Branch do tworzenia odpowiednich linków polecających w wielu kanałach.

Przykład: Summersalt zapewnia wiele opcji udostępniania linków polecających – przez e-mail, SMS, Facebook, Messenger, Twitter lub po prostu kopiując i wklejając link.

Przygotuj gotowy szablon wiadomości polecającej, ale pozwól na dostosowanie

W niektórych przypadkach najlepiej jest dostarczyć wcześniej napisaną wiadomość, aby zachęcić potencjalnych rzeczników do wysłania zaproszeń do swoich znajomych. Ułatwi to osobom polecającym wysyłanie wiadomości polecających. Powinieneś jednak pozwolić osobom odsyłającym zmienić lub dostosować wiadomości, jeśli nie podoba im się wstępnie napisana kopia.

Jeśli chodzi o kopię wiadomości polecającej, powinieneś uczynić ją nieco bardziej nieformalną i osobistą, aby brzmiała tak, jakby osoba polecająca napisała ją sama. Powinieneś podać imię i nazwisko osoby polecającej i poleconego znajomego, aby nieco je spersonalizować. Powinno być krótkie, od razu do rzeczy, wyjaśniające trochę o marce i jej produkcie, a także wyjaśniające, co to jest dla nich (rabat) i jak go zdobyć (użyj kodu polecającego). Powinieneś również dołączyć widoczne CTA, aby polecony znajomy nie musiał się zastanawiać, gdzie kliknąć, aby sprawdzić ofertę.

Przykład: Away ma krótki formularz polecający, który wymaga tylko adresu e-mail poleconego znajomego i zawiera wstępnie napisaną wiadomość (którą można dostosować). Wiadomość jest krótka i nieformalna i wyjaśnia wartość produktu, kontekst i nagrodę, jaką mogą otrzymać dzięki otrzymanemu linkowi polecającemu.

Oto jak wygląda e-mail z poleceniem wysłany do polecanego znajomego:

Zaprojektuj komunikaty o sukcesach i błędach udostępniania

Wyświetl komunikat o powodzeniu, jeśli kod polecający został pomyślnie wysłany lub skopiowany do schowka.

Przykład: Omsom wyświetla komunikat o powodzeniu, jeśli skierowanie zostało pomyślnie wysłane. Zachęcają również polecającego do polecania tam większej liczby znajomych.

Z drugiej strony powinieneś również wyświetlić komunikat o błędzie, jeśli coś pójdzie nie tak. Na przykład, jeśli znajomy został już polecony przez polecającego lub jest już klientem i nie spełnia warunków programu.

Spraw, aby wezwanie do działania było jasne

Twój formularz będzie wymagał pewnego rodzaju CTA, które wyśle ​​wiadomość polecającą do polecanego znajomego (znajomych). Wszystko na Twojej stronie docelowej programu poleceń powinno prowadzić do wezwania do działania. Wezwanie do działania powinno przyciągać wzrok i zachęcać do kliknięcia. Ustaw pogrubienie, podkreślenie lub inny kolor. Niektóre projekty kładą jeszcze większy nacisk, dodając strzałki wskazujące CTA.

Jeśli chodzi o kopię CTA, im mniej użytych słów, tym lepiej. Niektóre pomysły na tekst CTA to: „Dołącz do naszego programu”, „Zacznij udostępniać teraz”, „Zdobądź pierwszą nagrodę”, „Zarejestruj się”, „Dołącz teraz” lub „Zacznij udostępniać”.

Przykład: Lulus ma proste wezwanie do działania „wyślij e-mail”, ponieważ głównym sposobem udostępniania linku polecającego jest e-mail.

Seraphine ma urocze wezwanie do działania „Podziel się miłością” na swojej stronie programu poleceń.

3. Promuj swój program poleceń

Program poleceń jest bezwartościowy, jeśli Twoi klienci nie są tego świadomi. Możesz na przykład dodać widżet (podobny do widżetu czatu) na wszystkich stronach, który zachęca użytkowników do polecania marki swoim znajomym. Oto kilka innych opcji świetnego UX rekomendacji:

Reklamuj program na swojej stronie internetowej lub w aplikacji mobilnej

Pomyśl o dodaniu banerów do swojej strony głównej, linku w menu, informacji o tym na koncie klienta (kokpicie) lub napisaniu posta na blogu lub informacji prasowej, aby rozgłosić. Nie powinno być promowane tylko na jednej stronie docelowej, o której nikt nie wie. Powinna być częścią Twojej podstawowej oferty, widocznej bezpośrednio ze strony głównej w witrynie i aplikacji mobilnej na wszystkich stronach, aż po strony po kasie i e-maile z podziękowaniami po zakupie.

Przykład: Pretty Little Thing ma link do swojego programu poleceń na koncie klienta.

Haverdash ma link polecający znajomemu w swoim głównym menu na stronie internetowej.

Trunk Club ma swoją stronę docelową programu poleceń w stopce swojej witryny.

Reklamuj swój program polecający w mediach społecznościowych

Pomyśl o reklamowaniu swojego programu polecającego w mediach społecznościowych, zwłaszcza jeśli masz tam dużą bazę obserwujących. Będzie cię to prawie nic kosztować i może przyciągnąć więcej uczestników.

Reklamuj swój program polecający za pośrednictwem e-maili

Możesz dodać swój program polecający w stopce wszystkich swoich e-maili lub jako baner dla wszystkich e-maili. Możesz go również dodać do niektórych e-maili. Na przykład wiadomości e-mail o ponownym zaangażowaniu, potwierdzenie zakupu, wiadomości e-mail z podziękowaniami po zakupie lub biuletyn.

Przykład: Poza domem dodaje link „Poleć znajomego” do wiadomości e-mail z porzuconym koszykiem.

Wyślij wiadomość do potencjalnych polecających

Innym sposobem reklamowania Twojego programu polecającego jest wysyłanie wiadomości bezpośrednio do potencjalnych polecających. Możesz poinformować ich o swoim programie poleceń i zachęcić ich do wzięcia w nim udziału. Możesz to zrobić początkowo, po uruchomieniu programu, a także wysłać przypomnienia, jeśli jeszcze w nim nie brali udziału.

Jeśli chodzi o projekt wiadomości, powinieneś zacząć od zwięzłego nagłówka, który wyjaśnia, o czym jest wiadomość. Uwzględnienie korzyści bezpośrednio w nagłówku zwiększy współczynniki otwarć i zapobiegnie niektórym zgłoszeniom spamu.

Następnie wyjaśnij, dlaczego się z nimi kontaktujesz (aby poinformować o programie, przypomnieć o programie), o co chodzi w programie (dokładne korzyści, nagrody), jak to działa (jakie są główne zasady programu) oraz poprowadź ich do krótkiego CTA, na przykład „Dowiedz się więcej”, które skieruje ich na stronę docelową Twojego programu poleceń. Możesz również dodać kod polecający lub link bezpośrednio w wiadomości, aby osoba polecająca mogła go skopiować i wysłać do swoich znajomych bez konieczności przechodzenia do strony docelowej. Skróci to liczbę kroków, które muszą wykonać, aby zaprosić znajomych. Nie zapomnij jeszcze zamieścić linku do swojego landing page lub strony regulaminu gdzieś w wiadomości, ponieważ Twoi klienci muszą mieć dostęp do dokładnych warunków oferty.

Przykład: Harry wysłał wiadomość e-mail reklamującą program poleceń, w której wyraźnie określono korzyści dla polecającego.

Home Chef wysyła bardzo krótki e-mail promujący ich program poleceń, ale mają bardzo przekonujące CTA „Zarób 35 USD kredytu”, które podkreśla korzyści dla polecających.

4. Stwórz stronę docelową dla poleconych znajomych

Powinieneś zdecydować, gdzie mają trafić poleceni znajomi po kliknięciu w link/kod podany przez zwolenników. Istnieje kilka opcji. Możesz skierować ich na stronę ogólnego programu poleceń, gdzie wyjaśnisz zasady programu. Możesz również skierować ich na stronę programu poleceń specjalnie zaprojektowaną dla poleconych znajomych, wyjaśniając zasady z ich perspektywy (koncentrując się na tym, jak mogą otrzymać nagrodę) i pokazując Twoje produkty. Możesz także po prostu skierować ich do swojej oferty, podając link do swojej strony głównej lub stron produktów.

Ta ostatnia jest najlepszą opcją ze wszystkich, ponieważ wyświetli Twoją ofertę i zbliży sędziów o krok do sfinalizowania zakupu. Jeśli jednak wybierzesz ten scenariusz, pamiętaj, aby dodać warunki programu poleceń w wysyłanej do nich wiadomości polecającej. Aby ułatwić odbiór nagrody, najlepiej, jeśli link do Twojej oferty jest precyzyjnym linkiem, który dodaje również kod polecający do ich koszyka, aby nie musieli pamiętać o jego kopiowaniu lub po prostu o tym, aby Twoja zachęta była automatycznie zastosowaną promocją (jeśli podążą za tym linkiem). Wyjaśnij wtedy w wiadomości polecającej, że oferta zostanie zastosowana tylko wtedy, gdy wejdą w link w tej wiadomości i zrealizują zamówienie w tej samej sesji.

Przykład: Pretty Little Thing oferuje osobną stronę docelową dla poleconych znajomych, na którą trafiają po kliknięciu linku w wiadomości e-mail. Ponieważ nagroda za polecenie jest wpisem do nagrody, polecony znajomy musi ją odebrać, wypełniając formularz.

Seraphine oferuje osobną stronę docelową dla poleconych znajomych, którzy przeszli przez link polecający. Pytają o adres e-mail poleconego znajomego, a następnie wyświetlają kod rabatowy i kilka linków, które przeniosą ich do katalogu produktów.

{{E-BOOK}}

{{ENDEBOOK}}

5. Powiadomienia o postępach projektowania dla osób polecających

Podobnie jak w przypadku każdej kampanii marketingowej, ważne jest, aby klienci byli zaangażowani i podekscytowani przez całą kampanię. Powinieneś informować swoich adwokatów o postępach ich skierowań. Możesz to zrobić, wysyłając im powiadomienia za każdym razem, gdy coś się wydarzy w procesie polecania. Na przykład, jeśli polecony znajomy dokonał zakupu za pomocą kodu polecającego lub linku. Powinieneś również poinformować adwokatów, gdy otrzymają zachęty, poinformuj ich, jak je wykorzystać i jak długo są ważne.

Przykład: Haverdash wysłał kampanię e-mailową, gdy wprowadził ograniczony czasowo wpis do gratisów dla polecających i sędziów.

Pozwól osobom polecającym śledzić ich postępy

Jeśli zezwolisz na wielokrotne polecenia i zaoferujesz nagrody za każde polecenie, bardzo przydatne byłoby, aby polecający mogli zobaczyć swoje postępy. Na przykład, kiedy wysłał link polecający, do kogo, został wykorzystany itp. Możesz także zezwolić im na wysyłanie przypomnienia do swoich znajomych, którzy jeszcze nie wykorzystali nagrody. W ten sposób pozwalasz im zarządzać swoimi poleceniami i uniknąć zamieszania co do statusu ich poleceń. Będą dokładnie wiedzieć, kogo polecili, a kogo jeszcze nie.

Przykłady: Eatsy oferuje stronę w swojej aplikacji mobilnej, która wyświetla status wszystkich poleconych przez klienta i pozwala im wysyłać przypomnienia znajomym, którzy jeszcze nie skorzystali z oferty. Pokazuje również ilość zachęt, które są dostępne dla adwokata.

Morning Brew pokazuje, jakie nagrody można zdobyć za polecanie większej liczby znajomych i jak daleko jesteś na swojej drodze do przejścia na wyższy poziom:

Lulus udostępnia prosty przycisk ze statystykami poleconych na swojej stronie polecającej (nie trzeba być zalogowanym, pobierają statystyki po podaniu adresu e-mail).

Mizzen+Main oferuje śledzenie postępów poleconych, gdy spróbujesz polecić innego znajomego i wstawisz swój adres e-mail na stronie poleconej (podobnie jak Lulus, ale bez konieczności naciskania jakichkolwiek przycisków i jest on na stronie, a nie w wyskakującym okienku, daje też więcej informacji niż Lulus).

6. Spraw, aby nagrody były łatwe do znalezienia

Najlepiej oferować miejsce, w którym polecający mogą znaleźć swoje nagrody. Jedną z opcji jest zaoferowanie dedykowanej strony śledzenia skierowań, jak wspomniano powyżej. Innym jest zaoferowanie kokpitu klienta, w którym klienci mogą śledzić wszystkie swoje zachęty, również te niezwiązane z poleceniami. Jest to szczególnie ważne, jeśli nagrody mają dłuższą datę ważności lub jeśli zezwalasz na wielokrotne polecenia, a polecający mogą otrzymać wiele nagród.

Przykład: H&M oferuje kokpit klienta, w którym klienci mogą znaleźć saldo punktów lojalnościowych, dostępne rabaty, unikalne kupony i program poleceń.

Oto ich kokpit klienta w aplikacji mobilnej:

Zaprojektuj widok kasy dla kodów polecających

Jeśli oferujesz kod kuponu lub kartę podarunkową jako nagrodę za polecenie, możesz zapoznać się z naszym przewodnikiem po najlepszych praktykach w zakresie interfejsu użytkownika promocji kuponów, jeśli chodzi o UX i interfejs użytkownika dla widoków koszyka i kasy. Omówiliśmy projekt i rozmieszczenie pudełek z kuponami, komunikaty o błędach i sukcesach zarówno dla wyświetleń mobilnych, jak i witryn internetowych. Jeśli używasz tylko kodów polecających, nazwij go „kodem polecającym”, a jeśli oba, możesz nazwać kupon/kod polecający lub kod rabatowy.

Przykład: Ted Baker oferuje osobne pole na kod promocyjny i kod polecający.

To się pojawi, jeśli klikniesz „Zostałeś polecony przez znajomego?” przycisk:

Po wpisaniu imienia i nazwiska osoby polecającej w formularzu zostaniesz poproszony o podanie swojego adresu e-mail w celu uzyskania kodu rabatowego.

Jeśli oferujesz zniżkę na koszyk, powinieneś dodać ją automatycznie do koszyka i upewnić się, że w wiadomościach jest zaznaczone, że zniżka zostanie dodana tylko wtedy, gdy zostaną spełnione określone warunki, np. tylko wtedy, gdy klient zaloguje się za pomocą wskazanego e-maila lub jeśli zrealizują zamówienie, korzystając z linku otrzymanego od znajomego.

Jeśli oferujesz inny rodzaj nagrody, upewnij się, że wyjaśniłeś klientom, jak ją odebrać, zarówno w regulaminie lub często zadawanych pytaniach programu poleceń, jak i w powiadomieniach o nagrodach.

Streszczenie

Mam nadzieję, że ta lista najlepszych praktyk UX pomoże Ci rozpocząć projektowanie witryny i telefonu komórkowego pod kątem programów polecających lub ulepszanie obecnego projektu. Stworzyliśmy również przewodnik po tworzeniu skutecznych programów poleceń, które mogą pomóc w zaprojektowaniu samego programu poleceń.

{{CTA}}

Gotowy, aby przenieść swoje programy polecające na wyższy poziom?

Zaczynaj

{{ENDCTA}}