Neli UXi disainitehnikat kasutajate kaasamise julgustamiseks
Kasutajate julgustamine veebisaidi kasutamise ja kasutamise kohta ei hõlma alati õhem koodi või ilusamat graafikat. Mõned lihtsamad paigutused nagu Reddit hoiavad kasutajaid endiselt sisu sisestatud ja innustavad saidiga suhtlema.
Saladus peitub kasutaja kogemuses ja kaalumist kuidas veebisaidi funktsioonid. Interaktsioonid tulenevad leheküljeelementidest ja tegevusvoogudest, mis liiguvad ühelt leheküljelt teisele.
Selles postituses vaatan mõningaid UX disainitehnika mida saab rakendada parandada kasutajate kogemusi ja suurendada kasutajate kaasamist. Pange tähele, et need ei ole alati iga veebisaidi suhtes kohaldatavad ja on olulisem mõista, miks need tehnikad toimivad, et saaksite kasutada oma otsust.
Kasutajakogemuse teema on suur ja vajab täielikku arusaamist kannatlikkusest. Aga mida rohkem te harjutate, seda rohkem saate aru
Parim, mida saate teha mängida veebisaitidel, mida soovite ja välja mõtlema mis sulle meeldib nende kohta. Oma kogemuste põhjal saate ekstrapoleerida järjepidevaid ideid ja selgitada välja, mis hoiab teid (ja võib-olla ka teisi) veebisaidil.
1. Tähelepanu juhtimiseks kasutage kontrastsust
Iga sait on ehitatud käputäis elementidega, mis on tehtud kasutajate suhtlemiseks. Hüperlingid, nupud, sisestusväljad, külgriba vidinad, nimekiri jätkub ja jätkub. Kuid mitte kõik elemendid ei tohiks olla võrdsed. Mõned neist on loomulikult külastajate kaasamise seisukohast tähtsamad ja need peaksid olema kujundatud suurem kontrastsus eristada lehelt teisi elemente.
See idee tuleneb suurest värvikontrastist ja sellest, kuidas inimesed töötlevad visuaalseid andmeid mustrites. Kui midagi erineb oma ümbrusest kas värvi, suuruse, kuju või tühimiku järgi, võib see olla tunduvad kontekstist lähtuvalt tähtsamad.
Kasutage kontrastsust, et juhtida tähelepanu teatud leheküljeelementidele, mis kaasavad külastajaid konkreetsesse ülesandesse. Kui teie eesmärk on luua rohkem uudiskirja registreerumisi, siis võib teie tellimiskastis olla helge animeeritud registreerimisnupp või ainulaadne vektorikoon.
Eesmärk on tõmmata tähelepanu, luues liidese, mis meelitab külastajaid soovitud tegevuse (te) täitmiseks.
Kui teil on aega, võib mõnda A / B juhtumianalüüsi teha, et näha, millised värvid / elemendid mängivad kõige paremini. Statistikat on raske täpsustada, kuid te saate üllatunud, kui palju on võimalik lihtsast jaotestist õppida.
2. Maitse UI / UX animatsioon
Hiljuti komistasin postile pealkirjaga „Mida Disney Know About Interface Animation”. See hõlmab animatsiooni elutähtsaid punkte ja seda, kuidas need mängivad lame 2D ekraaniga suhtlevate kasutajate psüühikale.
Erinevad animatsioonitüübid võivad tähendada teatud käitumist. Näiteks kui vajutate nuppu üle, võib see üles näidata, et see on klõpsatav. Kasutaja tähelepanu juhivad sageli veateateid.
Mäleta seda UX animatsioon peaks olema nähtav, kuid peen. Wild-over-the-top animatsioonid on pigem TV ja filmide kui liideste jaoks.
Kuid see ei tähenda, et teie liidesed peaksid jääma tasaseks. Tegelikult on enamik kasutajaid pigem omada mingisugust animatsiooni, sest see annab siledama kogemuse illusiooni. Digitaalne disain on osaliselt umbes illusoorse liidese loomine, aga seda realistlikum tundub, et mida rohkem kasutajad tahavad suhelda.
3. Reageeriv disain kui nõue
On õiglane öelda, et hea osa internetikasutajatest sirvib oma mobiiltelefone. Lingid, mis jagatakse sotsiaalsetele saitidele, nagu Facebook ja Twitter, külastatakse sageli nutitelefonide ja tahvelarvutite juures.
See tähendab, et iga veebisait peaks olema mingil moel mobiilile optimeeritud - eelistatavalt täiesti tundliku disainiga.
Kui oled sunnitud kaaluma ekraani suurust, seda asetab kriitilised omadused täiesti uude valgusesse. Disainerina peate valima, millised funktsioonid on kõige olulisemad ja kuidas need väiksematel ekraanidel ilmuvad. See tundlik disainistrateegia võtab aega, et õppida, kuid parim viis on uurida teisi veebisaite ja valida endale sobivad tehnikad.
Tõde on reageeriv disain ja see muutub disaini kogukonnaga iga aasta järel üha enam aktsepteeritavaks.
Kasutajad ootavad ka, et veebisaidid oleksid täielikult reageerivad, nii et nad rahuldaksid kõiki seadme ekraane. Kui sait ei sobi hästi mobiilse veebibrauseri külge, võib see olla kasutaja kogemus.
4. Lihtsustage interaktsiooniprotsessi
Smashing Magazine avaldas hiljuti üks parimaid postitusi, mida ma lugesin liidese disaini lihtsustamine. Selles öeldakse, et keegi ei taha oma veebilehe või rakenduse kasutamiseks kõvadele hüpata. Inimesed on huvitatud ainult lõpptulemus, ja kiireim viis sinna pääseda.
Mulle meeldib iga interaktiivse lehekülje elemendi jaoks koostada UX vooskeeme, kui ma joonistan sõrestikke. Need aitavad visuaalselt ette kujutada, kuidas sait peaks vaatama ja funktsiooni.
Aga tõesti ei ole oluline, kuidas te kogemusi kavandate. Lihtsalt veenduge, et te plaanite kiireim ja lihtsaim kogemus. Kui tegemist on julgustava tegevusega, siis tahad, et olulised asjad oleksid disain.
Kui keegi maandub teie veebi lehele ja ei mõista, kuidas kohe registreeruda, on see suur probleem. See peaks olema selgelt ilmne kasutajale, mida teie sait teeb ja kuidas nad võivad sellest kõrvale jääda.
Parim koht alustamiseks on UX-i disaini ja kasutajaliidese suhtlemisprotsessi uurimine. Sealt saate teha oma projektide jaoks asjakohaseid järeldusi ja lihtsustada oma liideseid nende suurima potentsiaaliga.
Seotud lugemiseks teemaga kasutaja aktiivsus, kontrollige neid postitusi:
- Veebi disainilahenduste rikkumine = kasutaja kogemuse katkestamine
- Kasutatavus ja kasutaja kogemus Arhiiv Smashing Magazine'is
- Veebi disainikontseptsioonid kasutajate interaktsiooni esilekutsumiseks
Tõmba otsad kokku
Ei ole ühtset vastust selle kohta, kuidas veebisaite kujundada (või parandada), et parandada kasutatavust. Jah, on mõned asjad, mida võite proovida, kuid iga sait on veidi erinev ja UX-i disain on väga keeruline.
Loodan, et see artikkel võib hakata mõtlema mõningate tavapäraste tehnikate üle, mida kasutatakse väga kasutatavate liideste loomiseks. Parim, mida saate teha, on asetada ennast tüüpilise kasutaja kingadesse ja proovida määrata liidese peamised vead. Ja kui te tunnete probleemi, siis olete juba lahenduse poole poole jõudnud!