Koncentruotų sąsajų kūrimas geresniam vartotojų dalyvavimui

Vartotojo dalyvavimas yra sudėtinga metrika, kurią galima pasiekti įvairiais būdais įvairiems projektams. Dauguma dizainerių galvoja apie sąsaja kai jie kalba apie interaktyvumą, bet puslapio turinys taip pat gali skatinti vartotojų sąveiką. Norint geriau prisijungti prie naudotojo, svarbu rašyti patrauklų turinį, ir pateikti šį turinį intriguojantis dizainas.

Tai daug lengviau pasakyti, nei padaryta, bet jei sužinosite kai kuriuos pagrindus, neturėsite jokių problemų, susijusių su a orientuotas UI su puikiu turiniu jūsų projektams.

Šiame pranešime parodysiu, kaip padidinti vartotojo sąveikos ir turinio įtraukimas interneto sąsajose. Tai yra du dažniausiai naudojami lankytojo ir, jei galite, būdai optimizuoti patirtį jums nebus problemos didinant šį pelningą laiką puslapio metrikoje.

„Capture Novelty“

Sąvoka naujovė apibrėžia įvykį ar dalyką, kuris paprastai yra naujas, dažnai labai naujas ir unikalus pagal kontekstą. Nauji įvykiai sugauti mūsų dėmesį, nes jie išsiskirti. Tai pasakytina ir apie sąsajos dizainą su naujumo elementais, kurie atrodo šokti iš puslapio.

Neseniai suradau puikų pranešimą, kuriame aptariama naujovės svarba, kai kalbama apie dalyvavimą. Vartotojai atrodo patraukti į naują patirtį, sąsajas ir UI elementus nes jie skirtingi. Vienintelis faktas, kad jis buvo sukurtas kitaip, atkreipia dėmesį.

Vienas bendras pavyzdys yra daugelio nukreipimo puslapių skambinimo veiksmo mygtukas. Taip pat galite kurti naujovę fono nuotraukos, iliustracijos ar programų ekrano kopijos, pvz., „Uber for Business“ nukreipimo puslapyje.

Šiame puslapyje yra raginimo veikti mygtukas, bet mano dėmesys tuoj pat eina į ekrano kopijas. Jie įkvepia pirmą kartą įkeldami, kad sujungtų dizaino naujovė su judesiu atkreipti dėmesį.

Alternatyva būtų „GiftRocket“ iliustruotos piktogramos kaip nuorodos toliau gilintis į svetainę.

Abu šie pavyzdžiai naudoti savo naujovę. Ne visuomet galite nukreipti žmones į svetainę, tačiau jūs pastebėsite geresnius rezultatus, jei pastebėsite jų dėmesį visceraliniu lygiu Pirmas.

Dizainas yra Pirmas dalykas lankytojai mato, ir jums reikia atkreipti dėmesį per kelias sekundes skatinti tolesnį dalyvavimą.

Skimmable Typography

Tyrimai parodė, kad dauguma vartotojų nuskaityti tinklalapį o ne skaityti žodį. Jūs tikriausiai norėsite atkreipti žmones į jūsų turinio skaitymą, bet jūs galite tai padaryti tik daug.

Geriausia alternatyva yra sukurti skimmable turinys su antraštėmis, paryškintu tekstu ir nuotraukomis, kurios iliustruoja tai, ką bandote pasakyti. Aš galiu bent jau galvoti trys galingi rašymo būdai galite naudoti savo turinį padidinti skaitomumą:

1. Padalinkite turinį su aiškiais subtitrais
2. Suskirstykite punktus juos sumažinti
3. Naudokite užpildytus sąrašus greičiau pasidalinti savo taškais

Tikslas - išlaikyti savo skaitytojus žemyn bet kokiomis priemonėmis. Laikydami turinį nedidelį įkandimo dydžio gabaliukais jums bus daug lengviau užfiksuoti dėmesį ir vairuoti žmones toliau į svetainę.

Norėdami pamatyti šio rašymo stiliaus pavyzdį, patikrinkite „Quick Sprout“ tinklaraštį. Turinį parašė Neil Patel ir dažnai rašo labai ilgo turinio, bet jis suskirsto dalis į 1–3 sakinius.

Jei turite tinkamas antraštes, ir naudoti vaizdų / įrašų taškai per visą turinį gausite žmonių, kurie perskaito ir skaito daug toliau. Taip pat įsitikinkite, kad padidinti erdvės kiekį tarp dalių. Maržos ir padai abu atlieka didžiulį vaidmenį išdėstymo ir skaitymo srityse.

Sukurkite tekstą taip, kad jis iš tikrųjų būtų smagu skaityti. Nuobodus kopijavimas nebus patrauklus, bet ir smagu kopija, kuri nėra per maža arba neturi kontrasto.

Akių gaudantys vaizdai

Neseniai atliktas Backlinko atvejo tyrimas rodo, kad puslapiai su bent vienu vaizdu apskritai aukštesnis nei puslapiai, kuriuose nėra vaizdų. Tai puiki iš SEO perspektyvos.

Bet ką daryti su vartotojų dalyvavimu? Jei galite išlaikyti tą vieną vaizdą virš kartos arba arti viršaus jis taip pat užfiksuos lankytojų dėmesį, kol jie atsigaus. Atminkite, kad nauji puslapių elementai linkę pritraukti.

Kai turite visą vaizdą (ar daug nuotraukų), per kurį puslapis bus nukreiptas sugriauti monotoniją nuobodus teksto blokus. Vartotojai gali pertrauka nuo skaitymo vertinti vaizdą arba susieti vaizdą su rašytiniu turiniu. Tačiau, kaip ir daugelyje projektavimo metodų, kokybė yra vertingesnė už kiekį.

„Moz“ atvejo tyrime nustatyta, kad aukštos kokybės vaizdai yra linkę išlaikyti lankytojus ilgiau. Kita vertus, prastos kokybės vaizdai neveikia taip pat ir kai kuriais atvejais jie sukėlė lankytojus greičiau nei su vaizdais. Turėtumėte pabandyti įtraukti bent vieną vaizdą susiję su turiniu ir tai suteikia vertę skaitytojui.

„TechCrunch“ tai daro su vaizdais, esančiais jų straipsniuose, kur dažnai rasite a nuotrauka virš viršaus.

„WordPress“ prideda vaizdinius vaizdus lengva, naudodami įrašo miniatiūros funkciją. Kiekvienam rašomam įrašui galite nustatyti atskirą nuotrauką ir priversti juos rodyti puslapio viršuje. Tai puikus būdas suteikti lankytojams žvilgsnį koks turinys yra apie, ir padidinti PR susijusiems skelbimų valdikliams, kuriuose taip pat yra įrašo miniatiūra.

Kontrastingi puslapio elementai

Jei reikia atkreipti dėmesį į vieną konkrečią puslapio puslapį asimetrija yra jūsų geriausias draugas. Kontrastas vairuoja kietą pleištą tarp tam tikrų dizaino ar tam tikrų turinio blokų.

Lankytojas natūraliai atsikratyti kontrasto nes jis skiriasi. Didelės spalvos, dydžio ar erdvės tarpusavio ribos atkreipia akį, nes ji sulaužo visa kita išdėstymas.

Mano mėgstamiausias kontrastingų puslapių elementų pavyzdys galbūt yra „Sketch“ pagrindinis puslapis. Yra daug kontrasto tarp dviejų skambinimo veiksmų mygtukų, vienas skirtas atsisiųsti eskizą ir kitas - kopijos pirkimui.

Pirkimo mygtukas naudoja visą fono spalvą daug ryškesnis nei kitos antraštės spalvos. Mygtuko tekstas taip pat yra šviesesnis, palyginti su nemokamu bandomuoju mygtuku. Tai veda lankytojus į mygtuką Pirkti dabar tik iš regos stimulų.

Pastebėsite panaši technika „Optin Monster“ pagrindiniame puslapyje. Šioje antraštėje yra tik vienas mygtukas, pažymėtas „Get OptinMonster Now“. Tai ryškiai žalia mėlynos spalvos mygtukas, kuriame nėra kitų žalių elementų.

Spalva, dydis ir forma visi atkreipia jūsų dėmesį, nes ji kontrastuoja su visa kita antraštėje. Tiesiogiai šalia mygtuko yra maža teksto nuoroda, skirta vaizdo peržiūrai. Tikriausiai tai puikus vaizdo įrašas ir jis nusipelno dėmesio, bet ne tiek, kiek bandomojo / registracijos CTA mygtukas.

Tinklaraštyje gali būti skirtingos kvalifikacijos naudotojų dalyvavimui. Vienas bendras pasirinkimas yra a informacinio biuletenio registracijos forma pavyzdžiui, Aeolidijos pavyzdys.

Jei slinkite žemyn iki turinio, kurį pastebėsite, apačioje fancy-shmancy registracijos langelis skirtas tik naujienlaiškio formai. Jis išsiskiria iš likusio puslapio unikali fono spalva, linksma tipografija ir miela King Triton piktograma.

Geriausias būdas sukurti su kontrastu yra mokytis pavyzdžių ir tiesiog eksperimentuoti. Pažiūrėkite, kas veikia ir kas ne stebėjimo metrika su A / B testavimu. Jei ieškote daugiau pavyzdžių, patikrinkite šį „Codrops“ rašymą, kuriame yra gyvų asimetriškų svetainių patarimų ir ekranų.

Skatinti naudotojų sąveiką

Yra tiek daug būdų, kaip lankytojus domina svetainė, tačiau dažniausiai tai yra gauti juos daryti dalykų. Tai pasakytina apie statinius tinklaraščius ir dinamines socialines svetaines. Šiam tikslui nėra jokių vieno dydžio. Galite padaryti bet kokius darbus, kad naudotojai taptų naudingi jaučiasi užsiėmę puslapiu.

A statinė svetainė, galite pridėti daug Susijusios nuorodos skaityti daugiau arba įtraukti vaizdo skaidrių demonstravimas. Tu taip pat gali pridėti formas naudotojų komentarai ar el.

Kai kalbama apie dinamines sąsajas, svetainės tikslas paprastai yra paskatinti naudotojus. Didžiausia kliūtis yra mokymo vartotojams kaip veikia svetainė ir kaip tinkamai prisijungti prie sąsajos.

Šį pranešimą žiūrėkite „KissMetrics“, kuriame kalbama apie naudotojo dalyvavimo metodus. Vienas iš geriausių strategijų, kurias radau suprojektuokite ekskursiją kuris veda lankytojus kiekviena iš pagrindinių funkcijų.

Pagalvokite apie tai, kaip paini „Twitter“ perspektyva būtų visiškai naujas vartotojas. Jei jie nesekės niekam ir neturi jokių pasekėjų, tai kodėl jie sugalvotų?

The “Sekite pasiūlymus” langelis registracijos metu padeda naujiems vartotojams susipažinti su Twitter veikimu. Ši funkcija pradeda naujus vartotojus pradėti dalyvauti su platforma ir eksperimentuoti su funkcijomis pavyzdžiui, „tweets“ ir asmeniniai pranešimai.

Be ekskursijos su gidu, jūs taip pat norėsite supaprastinti sąsają. Pagrindinės funkcijos turėtų būti 1-2 paspaudimai iš vartotojo prietaisų skydelio arba pagrindinio puslapio. Intuityvios sąsajos reikia paaiškinimo, ir paprastumas atkreipia dėmesį daug greičiau.

Suprasdami visus šiuos metodus, jums bus lengviau sukurti laiko sąsajas išspręsti vartotojų problemas, ir skatinti naujus vartotojus prisijungti. Jei ieškote daugiau UX dizaino užduoties patarimai patikrinkite šiuos susijusius įrašus:

• Naudotojas, įjungiantis taktiką, kad padidintų dalyvavimą (thinkapps.com)
• Pamoka palaipsniui (uxbooth.com)
• Negalima manyti, kad nauji vartotojai nori sužinoti, kaip naudoti produktą (uxdesign.cc)