Koncentrētu saskarņu izstrāde labākai lietotāju iesaistei
Lietotāja iesaistīšanās ir grūts rādītājs, ko dažādiem projektiem var sasniegt dažādos veidos. Lielākā daļa dizaineru domā par saskarne kad viņi runā par interaktivitāti, bet lapas saturs var arī veicināt lietotāju mijiedarbību. Lai labāk izmantotu lietotāju, ir svarīgi rakstīt saistošu saturu, un šo saturu āķīgs dizains.
Tas ir daudz vieglāk pateikt, nekā izdarīts, bet, ja jūs uzzināsiet dažus pamatus, jums nebūs problēmu crafting a koncentrēts UI ar lielu saturu jūsu projektiem.
Šajā ziņojumā es jums parādīšu, kā palielināt lietotāja mijiedarbība un satura iesaistīšana tīmekļa saskarnēs. Šie ir divi visizplatītākie veidi, kā iesaistīt apmeklētāju un, ja iespējams optimizēt pieredzi jums nebūs problēmu palielināt šo ienesīgo laiku lappušu rādītājā.
Capture Novelty
Jēdziens jaunums definē notikumu vai lietu, kas parasti ir jauna, bieži vien ļoti jauna un unikāla, pamatojoties uz kontekstu. Jauni notikumi noķert mūsu uzmanību, jo viņi izcelties. Tas attiecas arī uz interfeisa dizainu ar jaunumu, kas attēlo elementus, kas šķietami lēkt no lapas.
Nesen es atklāju lielu posteni, kurā tika apspriesta jaunrades nozīme saistībā ar iesaistīšanos. Lietotāji šķiet virzīties uz jaunu pieredzi, saskarnēm un UI elementiem jo viņi atšķiras. Vienīgais fakts, ka tiek izstrādāts atšķirīgi, bieži pievērš uzmanību.
Viens no izplatītākajiem piemēriem ir aicinājuma uz darbību poga, kas atrodama lielākajā daļā galveno lapu. Jūs varat arī izveidot jaunumu fona fotogrāfijas, ilustrācijas vai lietotņu ekrānuzņēmumi, piemēram, Uber for Business galvenajā lapā.
Šai lapai ir aicinājuma uz rīcību poga, bet mana uzmanība ir nekavējoties dodas uz ekrānšāviņiem. Viņi dzīvo, kad tie vispirms tiek ielādēti, tādējādi apvienojoties dizaina jaunums ar kustību pievērst uzmanību.
Alternatīva būtu GiftRocket, izmantojot ilustrētas ikonas kā saites tālāk ienirt vietā.
Abi šie piemēri izmantot savas priekšrocības. Jūs nevarat vienmēr piesaistīt cilvēkus tālāk vietnē, bet jūs redzēsiet labākus rezultātus, ja pievērsīsiet uzmanību viscerālā līmenī vispirms.
Dizains ir pirmā lieta apmeklētāji redz, un jums ir jāpievērš uzmanība dažu sekunžu laikā veicināt turpmāku iesaistīšanos.
Skimmable Typography
Pētījumos konstatēts, ka lielākā daļa lietotāju skenēt tīmekļa lapu tā vietā, lai to izlasītu vārdu. Iespējams, jūs vēlaties, lai cilvēki varētu lasīt jūsu saturu, bet jūs varat to darīt tikai daudz.
Labākā alternatīva ir radīt skimmable saturs ar virsrakstiem, treknrakstu tekstu un attēliem, kas ilustrē to, ko jūs mēģināt pateikt. Es domāju vismaz trīs spēcīgas rakstīšanas metodes jūs varat izmantot savu saturu palielināt lasāmību:
- Dalīt saturu ar skaidriem subtitriem
- Sadalīt punktus lai tos padarītu mazākus
- Izmantojiet aizzīmju sarakstus lai dalītos savos punktos ātrāk
Mērķis ir saglabāt savus lasītājus pārvietojas uz leju jebkādiem nepieciešamajiem līdzekļiem. Saglabājot nelielu saturu iekost lielos gabalos jums būs daudz vieglāk uztvert uzmanību un vadīt cilvēkus tālāk.
Apskatiet Quick Sprout emuāru, lai iegūtu piemēru šim rakstīšanas stilam. Saturu raksta Neil Patel, un viņš bieži raksta ļoti garu saturu, bet viņš pārkāpj punktus katram 1–3 teikumiem.
Ja Jums ir pareizas virsraksti, un lietošanu attēli / aizzīmju punkti visā saturā jūs saņemsiet cilvēkus, kas slīd un lasa daudz tālāk. Pārliecinieties arī, ka palieliniet atstarpes apjomu starp punktiem. Maržas un polsterējumi abiem ir liela nozīme izkārtojuma plānošanā un lasāmībā.
Izstrādājiet tekstu tā, lai tas tiešām būtu jautri lasīt. Boring kopija netiks vilināt, bet ne jautri kopiju, kas ir pārāk mazs vai trūkst kontrastu.
Acu nozvejojošie attēli
Nesen veiktais Backlinko gadījuma pētījums liecina, ka lapas ar vismaz vienu attēlu parasti augstāks nekā lapas bez attēliem. Tas ir lieliski no SEO viedokļa.
Bet kā ar lietotāju iesaistīšanos? Ja jūs varat saglabāt vienu attēlu virs reizes vai tuvu augšai tā arī pievērsīs uzmanību apmeklētājiem, pirms viņi piepeši. Atcerieties, ka jauni lapas elementi parasti piesaista.
Kad esat ievietojis attēlu (vai daudzus attēlus) visā lapā, jums tas būs lauzt monotoniju garlaicīgu teksta bloku. Lietotāji var pārtraukt lasīt lai novērtētu attēlu vai izveidotu savienojumu starp attēlu un rakstisko saturu. Bet, tāpat kā vairumam dizaina tehnikas, kvalitāte ir vērtīgāka nekā daudzums.
Moz gadījuma pētījumā konstatēts, ka augstas kvalitātes attēliem ir tendence uzturēt apmeklētājus ilgāk. No otras puses, sliktas kvalitātes attēli nedarbojas arī un dažos gadījumos viņi radīja apmeklētājus piepeši ātrāk nekā bez attēliem. Jums vajadzētu mēģināt iekļaut vismaz vienu attēlu attiecas uz saturu un tas sniedz vērtību lasītājam.
TechCrunch to dara ar attēliem savos rakstos, kur jūs bieži atradīsiet attēlā redzams fotoattēls virs reizes.
WordPress atvieglo attēloto attēlu pievienošanu ar sīktēlu funkciju. Katram ierakstam varat iestatīt atšķirīgu fotoattēlu un piespiest tos parādīties lapas augšdaļā. Tas ir lielisks veids, kā apmeklētājiem dot ieskatu kāds ir satura saturs, un palielināt VKS saistītajiem ziņu logrīkiem, kuros ir arī ziņojuma sīktēls.
Kontrastējošās lapas elementi
Ja jums ir nepieciešams pievērst uzmanību kādai konkrētai lapas lapai asimetrija ir jūsu labākais draugs. Kontrasts vada cietu ķīli starp konkrētām dizaina zonām vai noteiktiem satura blokiem.
Apmeklētājs dabiski pretim pretim jo tas atšķiras. Krāsu, izmēru vai atstarpes lielās atšķirības liek acīm, jo tas ir pārrauj visu pārējo pelējumu izkārtojumā.
Mana iecienītākais piemērs kontrastējošu lapu elementiem, iespējams, ir Skices mājas lapa. Ir daudz kontrastu starp divām zvanīšanas darbībām pogām, viens, lai lejupielādētu Sketch izmēģinājuma un otru iegādāties kopiju.
Pirkuma poga izmanto pilnu fona krāsu daudz spilgtāka nekā citas galvenes krāsas. Pogas teksts ir arī spilgtāks, salīdzinot ar bezmaksas izmēģinājuma pogu. Tas noved apmeklētājus uz pogas Pirkt tūlīt tikai no vizuāliem stimuliem.
Jūs pamanīsiet a līdzīga tehnika Optin Monster mājas lapā. Šai galvenei ir tikai viena poga ar nosaukumu Get OptinMonster Now. Tas ir spilgti zaļš taustiņš zilā fonā bez citiem zaļiem elementiem.
Krāsa, izmērs un forma visi pievērš jūsu uzmanību, jo tā kontrastē ar visu pārējo galvenē. Tieši blakus pogai ir neliela teksta saite video priekšskatīšanai. Iespējams, tas ir lielisks video, un tas ir pelnījis uzmanību, bet ne tik daudz kā izmēģinājuma / pierakstīšanās CTA poga.
Par emuāru, jums var būt atšķirīga kvalifikācija lietotāju iesaistīšanai. Viena kopēja izvēle ir a biļetenu reģistrācijas veidlapa piemēram, Aeolidijas piemērs.
Ja ritiniet uz leju līdz satura apakšai, jūs pamanīsiet a fancy-shmancy pierakstīšanās lodziņš paredzēts tikai jaunumiem. Tas izceļas no pārējās lapas ar unikāla fona krāsa, jautra tipogrāfija un gudra King Triton ikona.
Labākais veids, kā izveidot kontrastu, ir izpētīt piemērus un vienkārši eksperimentēt. Skatiet, kas darbojas un kas nav metriku izsekošana ar A / B testēšanu. Ja meklējat vairāk piemēru, pārbaudiet šo Codrops rakstīšanu, kas ir pilna ar dzīvu asimetrisku tīmekļa vietņu padomiem un ekrāniem.
Veicināt lietotāju mijiedarbību
Ir tik daudz veidu, kā apmeklētājus interesē vietne, bet visbiežāk tas ir iegūt viņiem darījumus. Tas attiecas gan uz statiskiem emuāriem, gan dinamiskām sociālajām vietnēm. Šim nolūkam nav viens piemērs visiem trikiem. Jūs varat darīt visu, lai padarītu lietotājus justies iesaistīti lapā.
Iekšā statiska vietne, jūs varētu pievienot daudz saistītās saites lai lasītu vairāk vai ietvertu attēlu slīdrādes. Jūs varat arī pievienot veidlapas lietotāju komentāriem vai e-pasta biļetenam.
Kad runa ir par dinamiskas saskarnes, vietnes mērķis parasti ir veicināt lietotāju iesaistīšanos. Lielākais šķērslis ir mācību lietotājiem kā vietne darbojas un kā pareizi iesaistīties saskarnē.
Pārbaudiet šo ziņu ar KissMetrics, kas runā par lietotāju iesaistīšanas metodēm. Viena no labākajām stratēģijām, ko esmu atradis, ir izstrādāt ekskursiju ar gidu kas ved apmeklētājus katra no galvenajām iezīmēm.
Padomājiet par to, kā sajaukt Twitter izredzes būtu pavisam jauns lietotājs. Ja viņi neseko nevienam un tam nav sekotāju, kāpēc viņi čivināt?
The “Sekojiet ieteikumiem” pierakstīšanās laikā palīdz jauniem lietotājiem iepazīties ar to, kā darbojas Twitter. Šī funkcija sākas ar jauniem lietotājiem sākt iesaistīties ar platformu un eksperimentēt ar funkcijām piemēram, tweets un privātas ziņas.
Papildus ekskursijai ar gidu jūs arī vēlaties padarīt saskarni vienkāršāku. Galvenajām iezīmēm jābūt 1-2 klikšķi no lietotāja paneļa vai galvenās lapas. Intuitīvas saskarnes nepieciešams skaidrojums, un vienkāršība uztver uzmanību daudz ātrāk.
Izprotot visas šīs metodes, jums būs vieglāk veidot saskarnes ar laiku risināt lietotāju problēmas, un mudināt jaunus lietotājus pievienoties. Ja meklējat vairāk UX dizaina piesaistes padomi pārbaudiet šīs saistītās ziņas:
- Lietotājs, kas izmanto taktiku, lai palielinātu iesaisti (thinkapps.com)
- Nodarbība pakāpeniskā darbā (uxbooth.com)
- Neuzņemieties, ka jauni lietotāji vēlas uzzināt, kā lietot savu produktu (uxdesign.cc)