Koduleht » UI / UX » Keskendunud liideste kavandamine parema kasutajate kaasamiseks

    Keskendunud liideste kavandamine parema kasutajate kaasamiseks

    Kasutaja kaasamine on keeruline näitaja, mida saab erinevate projektide puhul erineval moel saavutada. Enamik disainereid mõtleb liides kui nad räägivad interaktiivsusest, aga lehekülje sisu võib soodustada ka kasutajate suhtlemist. Parema kasutajate kaasamise huvides on oluline kirjutage huvitavat sisu, ja esitama selle sisu meeldivas disainis.

    See on palju lihtsam öelda kui tehtud, aga kui sa õpid mõningaid põhialuseid, siis pole teil mingit probleemi käsitlemine a keskendunud kasutajaliides koos suure sisuga teie projektide jaoks.

    Selles postituses näitan teile, kuidas seda suurendada kasutajate suhtlemine ja sisu kaasamine veebipõhistes liideses. Need on kaks kõige levinumat võimalust külastaja külastamiseks ja kui võimalik optimeerida kogemusi teil ei ole probleemi selle tulutoova aja suurendamisel lehekülje mõõtmises.

    Capture Novelty

    Mõiste uudsus määratleb sündmuse või asja, mis on kontekstist lähtuvalt üldiselt uus, sageli väga uus ja ainulaadne. Uudsed sündmused püüa meie tähelepanu, sest nad välja paistma. See kehtib ka kasutajaliidese disaini kohta, mis kujutab endast uudseid elemente hüpata lehelt välja.

    Ma leidsin hiljuti suure postituse, mis arutles uudsuse tähtsust töölevõtmisel. Kasutajad näivad suunata uusi kogemusi, liideseid ja kasutajaliidese elemente sest nad on erinevad. Ainus asjaolu, et seda kujundatakse erinevalt, juhib sageli tähelepanu.

    Üheks tavaliseks näiteks on enamikule sihtlehekülgedelt leitud üleskutse nupp. Samuti saate luua uudsuse taustfotod, illustratsioonid või rakenduse ekraanipildid, näiteks Uber for Businessi sihtlehele.

    Sellel leheküljel on nupp Tegevusnupp, kuid minu tähelepanu on kohe läheb ekraanipiltidele. Nad animeerivad, kui need esimesena laaditakse, nii et need ühenduvad disaini uudsus liikumisega tähelepanu haaramiseks.

    Alternatiiviks oleks GiftRocket illustreeritud ikoonid linkidena kaevama kohale.

    Mõlemad näited kasutama uudsuse oma eelise. Sa ei saa alati inimesi siia saidile tõmmata, kuid teie tähelepanu juhtimisel näete paremaid tulemusi vistseraalsel tasemel esiteks.

    Disain on esimene asi külastajad näevad ja te peate oma tähelepanu pöörama mõne sekundi jooksul julgustada edasist kaasamist.

    Skimmable tüpograafia

    Uuringud on leidnud, et enamik kasutajaid veebilehe skannimine selle asemel, et seda sõna-sõnalt lugeda. Tõenäoliselt tahad inimesed oma sisu lugeda, kuid te saate seda teha ainult nii palju.

    Parim alternatiiv on luua skimmitav sisu pealkirjadega, rasvase tekstiga ja piltidega, mis näitavad, mida sa tahad öelda. Ma mõtlen vähemalt kolm võimsat kirjutamismeetodit saate oma sisu kasutada suurendada loetavust:

    1. Jagage sisu selge subtiitritega
    2. Lõiketa lõiked need väiksemad
    3. Kasuta täpseid nimekirju jagada oma punkte kiiremini

    Eesmärk on hoida oma lugejaid lehekülje allapoole liikumine mis tahes vajalike vahenditega. Hoides sisu vähe hammustatud suurusega tükkidena teil on palju lihtsam aeg tähelepanu pälvida ja inimesi edasi saidile juhtida.

    Selle kirjutamisstiili näited leiate Quick Sprout blogist. Sisu on kirjutanud Neil Patel ja ta kirjutab sageli väga pikaformaadilist sisu, kuid ta lõikab lõiked 1–3 lauset.

    Kui teil on õiged pealkirjad, ja kasutamine pilte / täpppunkte kogu sisu kohta saad inimesed skimmimise ja lugemise veelgi kaugemale. Kindlasti ka kindlasti suurendage tühiku suurust punktide vahel. Margid ja paddings mõlemal on suur roll paigutuse kujundamisel ja loetavusel.

    Kujundage tekst nii, et see tegelikult oleks lõbus lugeda. Igav koopia ei meelita, aga ka lõbus koopia, mis on liiga väike või kontrastne.

    Pilkupüüdvad pildid

    Backlinko hiljutine juhtumiuuring viitab sellele lehekülgedele vähemalt ühe pildiga üldiselt kõrgem kui lehekülgi, millel pole pilte. See on SEO seisukohast suurepärane.

    Aga kasutajate kaasamine? Kui sa suudad seda pilti hoida klapi kohal või lähedal see võtab ka külastajate tähelepanu, enne kui nad põrkuvad. Pea meeles, et uudsed leheküljeelemendid kalduvad meelitama.

    Kui teil on kogu lehekülg (või mitu pilti), mis on kogu lehekülje sees, saate seda teha lõhkuda monotoonsus igav tekstiplokid. Kasutajad saavad seda teha murdke lugemisest pildi hindamiseks või pildi ja kirjaliku sisu vahelise ühenduse loomiseks. Kuid nagu enamiku projekteerimistehnikate puhul, on kvaliteet väärtuslikum kui kogus.

    Moz juhtumiuuringus leiti, et kvaliteetsed pildid kipuvad hoida külastajaid lehel palju kauem. Teisest küljest on halva kvaliteediga pildid ei tööta ka ja mõnel juhul põhjustasid nad külastajad põrge kiiremini kui ilma piltideta. Peaksite proovima lisada vähemalt ühe pildi sisuga seotud ja see annab lugejale väärtuse.

    TechCrunch teeb seda oma artiklites olevate piltidega, kus leiate sageli a pildi kohal klapi kohal.

    WordPress muudab pildinäidiku pisipildi funktsiooni abil Objekte sisaldavate piltide lisamise lihtsaks. Igale kirjutatavale postitusele saate määrata eraldi foto ja sundida neid ilmuma lehe ülaosas. See on suurepärane võimalus anda külastajatele pilguheit milline on sisu sisu, ja suurendada CTR seotud postituste vidinate puhul, mis sisaldavad ka postituse pisipilti.

    Kontrastsed leheküljeelemendid

    Kui teil on vaja tähelepanu pöörata ühele konkreetsele valdkonnale lehel asümmeetria on teie parim sõber. Kontrast juhib kõva kiilu disaini teatud alade või teatud sisu plokkide vahel.

    Külastaja on loomulikult vastanduma sest see on erinev. Värvi, suuruse või tühiku suured kõrvutised tõmbavad silma, sest see on katkestab kõik muu vormi paigutusse.

    Minu lemmik näide kontrastsete lehtelementide kohta on ehk Sketch'i koduleht. Leitud on palju kontraste kahe helistamisnupu vahel, üks Sketch'i uuringu allalaadimiseks ja teine ​​koopia ostmiseks.

    Ostunupp kasutab täielikku taustavärvi palju heledam kui teised päise värvid. Nupu tekst on ka tasuta prooviversiooni nupuga võrreldes heledam. See viib külastajad nupule Osta kohe ainult visuaalsetest stiimulitest.

    Te märkate a sarnast tehnikat Optini Monsteri koduleheküljel. Sellel päisel on ainult üks nupp, mis on märgistatud nupuga Get OptinMonster Now. See on siniselt roheline roheline nupp, millel ei ole muid rohelisi elemente.

    Värv, suurus ja kuju juhivad teie tähelepanu, sest see on vastandub kõike muud päises. Otse nupu kõrval on väike video link eelvaate jaoks. See on ilmselt suurepärane video ja see väärib tähelepanu, kuid mitte nii palju kui katse / registreerimise CTA nupp.

    Blogi puhul võib kasutajal olla erineva kvalifikatsiooniga. Üks ühine valik on a uudiskirja registreerimise vorm nagu näiteks Aeolidia kohta.

    Kui sirvite sisu allapoole, märkate a fancy-shmancy registreerimiskast mõeldud ainult uudiskirja vormi jaoks. See erineb ülejäänud leheküljest koos unikaalne taustavärv, lõbus tüpograafia ja armas King Tritoni ikoon.

    Parim viis kontrastiga kujundamiseks on näidete uurimine ja lihtsalt katsetamine. Vaadake, mis toimib ja mida mitte jälgimise näitajad A / B testimisega. Kui otsite rohkem näiteid, vaadake seda Codrops-i kirjutust, mis on täis elavate asümmeetriliste veebisaitide näpunäiteid.

    Julgusta kasutajate suhtlemist

    Seal on nii palju viise, kuidas hoida külastajaid saidist huvitatud, kuid kõige tavalisem on saada neid asju. See kehtib nii staatiliste blogide kui ka dünaamiliste sotsiaalsete saitide kohta. Selleks pole ühtegi sobivat trikki. Te saate teha mis tahes toiminguid, et kasutajaid teha tunne, et olete lehega seotud.

    Sees staatiline sait, võite lisada palju seotud lingid lugemiseks või lisamiseks piltide slaidiseansid. Sa saad ka lisage vorme kasutaja kommentaaride või e-uudiskirja jaoks.

    Kui tegemist on dünaamilised liidesed, saidi eesmärk on tavaliselt kasutajate kaasamise soodustamine. Suurim takistus on õpetajad kuidas sait töötab ja kuidas liidesega korralikult suhelda.

    Vaadake seda postitust KissMetricsi poolt, kes räägib kasutajate kaasamise tehnikatest. Üks parimaid strateegiaid, mida ma leidsin, on kujundada giidiga ekskursioon mis viib külastajaid läbi iga peamise funktsiooni.

    Mõtle sellele, kuidas Twitteri väljavaade segadust tekitaks täiesti uuele kasutajale. Kui nad ei järgi kedagi ja neil ei ole järgijaid, siis miks nad piiksuksid?

    The “Järgige soovitusi” märkimise ajal aitab uus kasutaja tutvuge Twitteri toimimisega. See funktsioon käivitab uued kasutajad hakata tegelema platvormiga ja katsetada funktsioone sellised, tweets ja erasõnumid.

    Lisaks ekskursioonile, mida soovid ka muuta liides lihtsaks. Peamised funktsioonid peaksid olema 1-2 klõpsu kaugusel kasutaja juhtpaneelilt või põhilehelt. Intuitiivsed liidesed vajavad selgitust, ja lihtsus juhib tähelepanu palju kiiremini.

    Kõigi nende tehnikate mõistmisega on teil lihtsam ajahooned lahendada kasutajate probleeme, ja julgustada uusi kasutajaid ühinema. Kui otsite rohkem UX disaini kaasamise nõuanded vaadake neid seotud postitusi:

    • Kasutaja lisab Taktikat, et suurendada kaasatust (thinkapps.com)
    • Õppetund järkjärgulisel töölevõtmisel (uxbooth.com)
    • Ära arva, et uued kasutajad tahavad teie toodet kasutada (uxdesign.cc)