7 näpunäidet kasutajatele aja säästva kujunduse loomiseks

Kasutajatel on lühike - väga lühike - tähelepanuulatus. See on ilmselt ilmne lihtsalt teie veebisaidi analüüsi läbi vaadates. See muudab tähtsamaks kui kunagi varem kujundusvõtete juurutamise, mis aitavad kasutajatel skannida ja saada teie veebisaidilt võimalikult lühikese aja jooksul võimalikult palju teavet.

Teie ülesanne on mõista, mida kasutajad peavad disainilahendusest lühidalt valima, ja aidata neil seda teavet hankida, nii et ehk nad jäävad teie veebisaidi juurde ja uurivad seda. Siin on mõned viisid, kuidas seda teha!

1. Mõtle minimaalselt

Ilma paljude valikuteta kujundus võib kasutaja jaoks olla kiire ja lihtne. Kui alguses võiks mõtlemine minimaalselt panna mõtlema minimaalse kujundusstiili peale, siis see on pigem elementide ja efektide sujuvamaks muutmine. (Kuid ka minimaalne kujundusmuster võib töötada.)

Üldiselt on eesmärk piirata teabe üleküllust ja otsuste arvu, mida kasutaja peab disainilahenduse eesmärgi saavutamiseks tegema.

• Hoidke navigeerimine käepärase valikuga lihtsana.
• Kasutage lihtsaid kirjatüüpe, mida on hõlbus korraga lugeda.
• Suurendage elementide vahelist kontrasti, nii et tegevusele on kerge üles leida.
• Iga kujunduse lehe või kerimise puhul pidage silmas ühte mõtet või tegevust.
• Eesmärgi konversioonid (kärud, vormid jne) peaksid olema igal ajal juurdepääsetavad.

2. Julgustage visuaalse sisuga tegevust

Veebisait on visuaalne meedium; maksimaalselt ära kasutada.

Tugevad visuaalid, sealhulgas fotograafia ja videod, on lihtne viis kasutaja tähelepanu köita ning kui see on seotud mõne muudetava elemendiga, võib see aidata kohese klõpsu tekitada.

Punktis A punkti B liikumine kujunduses peaks olema kiire protsess. Mõelge sellele e-kaubanduse osas. Kasutaja näeb sotsiaalmeedias kingapaari, klõpsab veebisaidile pääsemiseks ja seejärel peab tal olema võimalus eset näha (või kuidas seda kohe leida), et veebisaidiga suhelda.

Ajasäästlik kujundus näitaks nupuga kingi, mida nüüd osta. Kasutaja saab seda, mida nad tahavad ja kuidas seda hankida, ilma et peaksite mitu lehte või klõpsamist lehitsema. Siin on veel üks näpunäide visuaalainete kasutaja aja säästmiseks - kasutage sama pilti saidiväliste ja kohapealsete reklaamide jaoks. Neist samadest kingadest erinev pilt ei pruugi kasutajaga sama kiiresti registreeruda.

See toimib seetõttu, et enamik inimesi saab pilti kiiremini töödelda, kui lugeda sama sõna ütlevaid sõnu. Veebisait on visuaalne meedium; maksimaalselt ära kasutada.

3. Jagage keerulised elemendid tükkideks

Looge lugu, et saaksite keerulise kujunduse jagada väiksemateks, paremini seeditavateks tükkideks. Sisu väiksematest plokkidest või tükkidest on kiiremini lihtsam aru saada, aidates kasutajatel liikuda elemendilt ühele.

Kaardistamise loomiseks ja keerukate kujunduste lagundamiseks proovige kasutajaliidese elemente, nagu „loe edasi” linke, kaardi stiilis blokke ja parallaksi kerimisanimatsiooni.

4. Lõigake vormid

Üks lihtsamaid viise, kuidas muuta kujundus kasutajatele kiiremaks, on kärpida vähem teavet, mida te ei vaja. Vormid ei pea küsima teabe kihte.

• Küsige ainult olulist teavet, näiteks nime ja e-posti aadressi, ning jälgige hiljem vormide genereerimiseks, mis on loodud müügivihjete loomiseks.
• Kasutage vorme, mis kinnitavad andmeid, et kasutajad teaksid, kas nad on midagi valesti sisestanud (ja kuhu), nii et parandused on kiired ja lihtsad.
• Minimeerige tippimine ja kasutage vajadusel vormides nuppe või märkeruute. (See on eriti mobiilikasutajate jaoks aja kokkuhoid.)
• Ärge küsige korduvaid andmeid, näiteks krediitkaardi tüüp ja krediitkaardi number. (Kaardi tüüp on numbrist äratuntav.)

5. Kujundage rasvased CTA-d

Tehke kujundus kiiresti kasutatavaks ja hõlpsalt viimistletavaks, kutsudes üles julgelt tegevusele kutsumise kujunduse, millest kasutajad ei saa mööda.

Erksad värvid ja ülemõõdulised elemendid võivad kasutajatel aidata kohe näha, mida neil kujundusega teha on. Lisaks varustage nuppude abil sisu, mis ütleb kasutajatele täpselt, mida teha ja mis juhtub, kui nad siia klõpsavad.

CTA-l peaks selle nähtavuse jaoks olema palju kontrasti, nii et see ei sulanduks ümbritsevate elementidega ja juhiks tähelepanu endale. (Ja ärge unustage veenduda, et CTA-d on hõlpsasti leitav ka mobiiliekraanidelt.)

6. Redigeerimine, redigeerimine, redigeerimine

Mõnikord tähendab hea toimetamine kolmanda osapoole toomist, et kõik läbi lugeda ja veenduda, et see on mõttekas kellelegi teisele.

Miski ei säästa kasutajate aega, nagu näiteks enne avaldamist hoolsuskohustuse täitmine. Redigeerige kõike veebisaidi kujunduses ja seejärel uuesti. Ajasäästlikul veebisaidi kujundusel on kirjutatud koopia, mida on lihtne lugeda ja mõista.

See tähendab, et sõnades pole kirjavigu ega kirjavigu, lausetes kasutatakse õiget süntaksit, grammatikat ja lauseehitust. Ja kõik on korraldatud loogiliselt.

Mõnikord tähendab hea toimetamine kolmanda osapoole toomist, et kõik läbi lugeda ja veenduda, et see on mõttekas kellelegi teisele. Täiendav silmade komplekt aitab teil mõista, kus varjatud vead peituvad või kui sisu on tavalugeja jaoks liiga palju kõnepruuki pakitud.

Uue sisu avaldamiseks valmistumisel võite proovida CMS-is ka õigekirja ja postituste kontrollimiseks kasutada sellist tööriista nagu grammatika.

7. Ole järjekindel

Pealkirjad, põhitekst ja pildid peaksid järgima ühtset stiili.

Järjepidev kujundus sisaldab korduvaid elemente, toiminguid ja interaktsioone, mis toimivad kogu kujunduse vältel täpselt samal viisil. See tähendab lihtsalt, et nupp peaks alati välja nägema nagu nupp, sellel peaks olema sama värv ja font, sama hõljumise olek ja töö täpselt samal viisil, olenemata sellest, kuhu nupp kasutaja viib.

Korrake seda ideed disainilahenduse kõigi elementide puhul, mida kasutatakse mitu korda, nagu ikoonid, ostukorv, vormid, lingid ja sotsiaalmeedia nupud.

Olge kooskõlas ka teiste elementidega. Ka pealkirjad ning põhiteksti ja pildi kasutamine peaksid järgima ühtlast stiili. (Seetõttu on CSS-is elementide ja stiilide määratlemine ning seejärel sobivate siltide kasutamine ülioluline.)

See järjepidevus muudab teie veebisaidi kujunduse kõik lehed sellised, nagu need kuuluvad. Kasutaja ei pea kunagi midagi arvama ega katsetama, et aru saada, kuidas miski töötab.

Järeldus

Kiire. Klõpsake nuppu. Valmis.

See on ilmselt kõige levinum kasutajate muster. Olenemata sellest, kas kasutajad mõtlevad sellele või mitte, soovivad nad teie veebisaidil kiirustades asju ajada, ülesandeid lõpetada või eesmärke täita ja liikuda millegi muu poole. Mida rohkem teie disain töötab koos kasutajatega, et eesmärkide saavutamisel aega kokku hoida, seda kasutajasõbralikum see on.