Kako smo posodobili izkušnjo na krovu in pridobili več uporabnikov

Metode, ki smo jih uporabili za povečanje konverzije za 60%

Pilcro Artboard - Uporabniški vkrcanje

Kot oblikovalec izdelkov in razvijalec sem porabil veliko časa za razmišljanje o elementih uspešne uporabniške izkušnje. To je težaven postopek, ki je ključen za dobro pretvorbo, in ga pogosto spregledamo.

V tem delu bom opisal postopek, ki smo ga doživeli (med delom na naši programski opremi za upravljanje blagovnih znamk), tako da boste lahko uporabili nauke, ki smo se jih naučili za lastni pretok uporabnikov.

Zakaj me poslušati? No, pred kratkim smo povečali celotno konverzijo za prijavo za 60% po uvedbi pretoka User Onboarding kot del našega lansiranja izdelkov na Product Hunt. Tukaj je povedal Jonathan Price na dan izstrelitve:

»Tematska ciljna stran Product Hunt je bila res izjemna - morda najbolj polirana predstavitev izdelka Product Hunt, ki sem jo videl. Odlično delo."

Kaj je torej uporabniško vkrcanje?

Tu je definicija iz trikameleona:

»Uporabniški vkrcanje je sistem aktivnega vodenja uporabnikov pri iskanju nove vrednosti v vašem izdelku.«

Torej, vse je v tem, kako uporabnikom sporočiti dragocene lastnosti.

Toda kdo so ti uporabniki? Ali so prvič uporabniki? Ali gre za nove (ish) uporabnike, ki se vračajo k vašemu izdelku?

In kaj pomeni "vrednost"? Funkcije, ki bi jih uporabniki lahko cenili? Obnašanja uporabnikov, ki jih morda cenite? npr. prijave ali naročnine?

Takoj je jasno, da User Onboarding ni preprosta naloga UX.

Imamo več vrst uporabnikov in več funkcij, za katere menimo, da bi se jim uporabniki zdeli dragoceni. Kako vse to smiselimo? Kako na učinkovit način sporočamo vrednost izdelka? In kaj potem pravzaprav poskušamo doseči s prikazovanjem funkcij uporabnikom?

Prvi korak - Preglejte potovanja uporabnikov

Morda se zdi očitno, toda prvi korak je določitev, kako se novi in ​​obstoječi uporabniki premikajo skozi vašo aplikacijo. Ali obstaja eno potovanje, ki ga vodijo vsi, ali obstaja več različnih poti?

Ta korak smo storili s pomočjo študentov Generalne skupščine UX, ki so uporabili testiranje uporabnikov, da bi razumeli, kako so novi uporabniki prvič doživeli našo aplikacijo. Ta postopek nam je pomagal tudi razvrstiti uporabnike v tri različne vrste uporabnikov:

  • Prvih 20 sekund
  • Prvo sejo
  • Prvi mesec

Na koncu tega postopka smo imeli veliko boljše razumevanje, kako so se uporabniki premikali po naši aplikaciji. Vendar še vedno nismo vedeli, kakšno vrednost bi jim želeli sporočiti ali kaj je bil končni cilj.

Predstavljamo čarobni trenutek

V globini naše zmede glede uporabnika Onboarding smo naleteli na ta video. Govori o tem, kako je Facebook oblikoval potovanja svojih uporabnikov, da bi uporabnike pripeljal do "čarobnega trenutka".

Čarobni trenutek je, ko uporabnik nenadoma razume, kaj je v resnici osnovna vrednost vašega izdelka. To je trenutek, ko ga uporabnik "dobi". Za Facebook je bilo, ko si videl fotografijo enega od svojih prijateljev.

Za nas v podjetju Pilcro smo ugotovili, da je naš Čarobni trenutek, ko uporabnik prvič kopira sredstvo blagovne znamke. Takrat resnično razumejo, zakaj naj uporabljajo Pilcro.

S čarovniškim trenutkom smo si zamislili to tabelo, da bi si pomagali pri urejanju misli.

Nato smo poskušali te iste cilje preslikati v možne strategije njihovega uresničevanja.

Na tej točki smo imeli nekaj strategij za dosego ciljev. Čas je bil, da pogledamo, katere vizualne komponente Onboarding so nam na voljo - katera orodja in trike bi lahko izvlekli iz omarice User Onboarding, da bi vse skupaj zaživelo.

Možnosti vkrcavanja uporabnika

Po vsej analizi se User Onboarding še vedno spušča k pisanju nekaterih komponent uporabniškega vmesnika, ki uporabnikom sporočajo vrednost. Torej, kaj so te komponente uporabniškega vmesnika? Katere možnosti so na voljo razvijalcem aplikacij in oblikovalcem UX?

Seveda je na voljo nešteto možnosti za komponente User Onboarding, tu pa je kratek seznam naših favoritov s primeri slik User Onboarding iz drugih aplikacij.

Načini

Prevlecite celoten zaslon in uporabnika prisili, da se ustavi na svojih posnetkih, da jim pokaže nekaj koristnega.

Dobrodošli način Google Photos

Kontekstni pojavni okni

Informacije, kdaj in kje ga uporabnik potrebuje. Namigi so najpogostejši primer tega:

Asana Tooltip

Prazen prostor

Uporabite prazne sezname in omrežja v uporabniškem vmesniku aplikacije, da prikažete koristne nasvete in pozive k dejanjem.

Aplikacija Bear - pametni prazen prostor

Kazalnik napredka

Pokažite pokazatelj uspešnosti uporabnika. To lahko traja celotno življenjsko dobo uporabnika na vašem izdelku in ga je mogoče uglasiti.

Kazalnik napredka pri nastavitvi straže

Glede na te možnosti smo v tej tabeli zasnovali, kako ugotoviti, katere možnosti za uporabniško vkrcavanje ustrezajo, katere uporabniške vrste so najboljše in zakaj. Zeleni kvadratki so najbolj primerni, rdeči kvadratki pa se slabo prilegajo.

Na tej točki smo imeli pripravljene vse koščke sestavljanke.

  1. Ugotovili smo različne vrste uporabnikov.
  2. Identificirali smo strategije, ki jih bomo uporabili za naše uporabniške tipe.
  3. Za uresničitev teh strategij smo opredelili komponente uporabniškega vmesnika.

Čas, da vse skupaj sestavim.

Torej, kaj smo pravzaprav počeli?

Načini uporabniških ugodnosti

  • Samo ob prvem obisku
  • Sporočite nekaj glavnih uporabniških prednosti aplikacije.
  • Namen - uporabniki naj se družijo.
Diaprojekcija koristi uporabnikom

Kontekstni pojavni okni

  • Uporabnike zelo hitro seznanite z vmesnikom
  • Pokažite jim najpomembnejše funkcije in gumbe.
  • Product Hunt je tematski, da obiskovalcem izdelka Product Hunt nudi nekaj vizualne konsistentnosti.
  • Namen - uporabnike potegnite v Čarobni trenutek
Kontekstualni pojavni okni - swoosh

Pametna uporaba praznega prostora

  • Pokaži pozive k dejanjem, kjer ni vsebine
  • Namen - uporabnika nikoli ne puščajte zunaj toka
Pilcrojev prazen prostor kliče k dejanjem

Kazalnik napredka

  • Uporabnikom pokažite odstotno vrstico, koliko je "porabnikov".
  • Namen - uporabnike spodbuditi, da se obnašajo tako, kot želimo.
Kazalnik napredka v%

In številke ne lažejo

Kako smo vedeli, da deluje Design Onboarding? Tukaj je statistika.

V tednu po uvedbi novega uporabnika na krovu smo pretvorbe v izdelek s spletnega mesta več kot podvojili.

Pretvorbe v izdelek

Zvišali smo celoten znak konverzije za 60%.

Res je, da je lansiranje pomagalo pri teh statističnih podatkih, saj se je okoli našega izdelka pojavilo večje število hrupa. Toda novi User Onboarding je nedvomno igral ključno vlogo pri uspehu lansiranja.

Potegovanje - Zakaj je vkrcavanje uporabnikov tako težko?

  • Lastniki izdelkov so preblizu izdelka. Kako lahko lastnik izdelka ve, kako je, da prvič doživi njihov izdelek?
  • Različni uporabniki najdejo vrednost v različnih delih izdelka. Tako da jih usmerjanje k iskanju vrednosti ni linearno potovanje, ki si ga delijo vsi uporabniki. Različni uporabniki lahko imajo različne čarobne trenutke.
  • Različni uporabniki se obnašajo drugače in se skozi vaš izdelek premaknejo drugače. Nekateri uporabniki imajo radi, da imajo roko v roki, ko se vkrcajo na nov izdelek, nekateri pa se radi potopijo naravnost in se igrajo okoli. Kako ustvarjate izkušnjo UX, ki ustreza potrebam vkrcanja vseh različnih uporabnikov?
  • Različni uporabniki imajo različno znanje o vašem izdelku. Kako torej veste, koliko informacij nekomu dati?
  • Tehnologija dobre uporabniške izkušnje na krovu je pogosto zelo zapletena, saj zahteva dodajanje nove vizualne plasti v vašo aplikacijo.

Uporabniški vkrcanje je kompleksen izziv, saj se morate spoprijeti z matrico različnih uporabnikov, funkcij, ciljev in vedenj. Če pa k temu pristopite na pravilen način, lahko aplikacijo naredite zares sijočo za svoje nove uporabnike. Vso srečo!

Izkusite sami

Oglejte si našega uporabnika na krovu na tej povezavi. Sporočite nam, kaj mislite!

Pilcro ponuja brezplačno programsko opremo za upravljanje blagovnih znamk za G-Suite.