Kuidas kasutada tüpograafiat ja disaini kasutajakogemuse suurendamiseks

Mis teeb veebisaidi või e-kirja silmapaistvaks ja lihtsaks? Enne kui hakkate lugema juhendeid sihtlehe loomise või täiusliku meili leidmise kohta, võiksite vahelduseks mõelda lihtsalt ja minimaalselt.

Niisiis, mis teeb midagi sellist imeliseks? Kas see on visuaal, värvid, koopia… või midagi muud?

Noh, kõik need on hästi ja hästi, eriti koopia (pigistage silma! ), kuid on midagi, mis paneb kasutaja tõeliselt tähelepanu pöörama: tüpograafia.

Minu hea sõbra Google’i sõnul on tüpograafia trükiste stiil ja välimus. See, et see on omaette kunstiliik, on ütlematagi selge.

Ja tüpograafia on aluseks, mille alusel luuakse kõikvõimalikud kujundused, mis on seotud kirjasõnaga. See tähendab, et leiate selle kõikjalt: raamatutest, pakenditelt, isegi ja mis kõige tähtsam, meie veebisaitidelt, meilidelt ja sihtlehtedelt.

Olgu see kunstiline või mitte, aga tüpograafia on midagi, mis peab pakkuma kasutajatele head kogemust, nagu kõik tööriistad. Ja kursiivtähed võivad olla nii ilusad, aga kas need on kasutatavad?

Vaatame, kuidas saaksime õiget tüpograafiat kasutades parandada kasutajakogemust ja kasutajaliidest ennast.

Alguses on Font

Kujutage ette, kui blaa ja ükskõikne näeks teie veebisait välja ja kui palju see kasutajakogemusest välja võtaks, kui teie font ei vastaks ettevõtte pühale kolmainsusele: teie sihtrühmale, teie brändi toonile ja eesmärkidele.

Õige fondi valimine on natuke nagu ruumi jaoks sobivate kardinate valimine. Kleepuvad kardinad näitavad kehva maitset ja kirjatüüp, mis lihtsalt ei sobi, võib muuta teie projekti parimal juhul kleepuvaks ja halvimal juhul rämpspostiks.

Font on sama oluline kui visuaal ise, et luua muljet ja määrata täpselt kindlaks asjad, mida vajate täpselt nii veebisaidil kui ka meilis, optimeerides teie kasutuskogemust.

Elegantsete ja mitte liiga tähtsate asjade jaoks on vaja paksus kirjas, kursiivseid tähti ja intensiivset kalligraafiat. Sellised kombinatsioonid nagu allpool on kohustuslikud:

brändi fontide paarid

Siiski olen sunnitud teid millegi eest hoiatama: liiga palju fonte paneb teid mängu kaotama. Teil võib olla maksimaalselt kahte tüüpi fonte ja peate veenduma, et neid kasutatakse ülaltoodud näites: päis on julgem ja rangem, koopia keha jaoks on see täpsem.

Ja pidage meeles järgmist. Kui me räägime teie veebisaidist, mitte sihtlehest või meilist, peaksite võib-olla mõtlema standardse fondi kasutamisele.

Näete, kursiivkirja võib mõnikord olla raske lugeda ja liiga kunstiline tulemus võib olla ilus, kuid seda pole lihtne lugeda ja mõista. Tänapäeva hõivatud klientidele, kes oskavad tekstiplokke skannida ja täpselt seda, mida nad peavad teadma, leiavad, võib aja säästmiseks midagi mittestandardset tunduda liiga palju vaeva nägevana.

Teie publik on näiteks Times New Romaniga rohkem tuttav. Nad võivad teile isegi öelda, kus seda tuleks kasutada, ja neid on lihtne läbi vaadata.

Veelgi enam, see võib põhjustada tõelise sisuprobleemi selles mõttes, et kunstilisem font ja vorming võib tähelepanu sisu kaasamiselt eemale viia.

Fondi erielemendid:

Font koosneb erinevatest elementidest, mis võivad selle kasutamist üsna palju muuta või rikkuda. Teil on erinevad stiilid, kaalud, teosed! Nii et lähme vaatame, millega see kõik on:

Esiteks on teil oma fondiperekond . Fontide perekond (või kirjatüüp) on üsna suur kategooria, mis sisaldab sama stiili fonte.

Teiseks on teil fondi kaal, st iga märgi laius. See element eraldab, millist fonti pealkirja loomiseks kasutatakse ja milline neist jõuab kehakoopiasse.

Kolmandaks läheb kerning, st muster, mida märgid järgivad, st kahe tähe vahe, mis on vajalik, kuna teie silmad järgivad täpselt seda mustrit.

See vahe ja veerised määravad lõpliku, väga olulise elemendi:

Tähemärkide arv rea kohta. Liiga palju tähemärke rea kohta ja teksti sisu tundub segane, mille tulemuseks on üsna halb kasutuskogemus.

Liiga vähe ja silm võtab rohkem aega, et jõuda järgmise lõiguni, saades täpselt sama tulemuse, mida eespool mainisin.

Pikkuse piiramisega parandate oma teksti loetavust. Kui rida on liiga pikk, ei kuvata seda seadmes korralikult, mis tähendab, et lugeja ei saa seda korralikult lugeda, mis põhjustab CRO (Conversion Rate Optimization) jama.

Peate leidma selle jaoks sobiva kuldse lõike ja pidage meeles, et see kuldne suhe peab piirduma 60 tähemärgiga rea ​​kohta.

Ja väike vihje siin: peate arvestama ka ridade vahega, kuna rida on lihtsalt liiga lihtne uuesti lugeda või see täielikult välja jätta. Mis pole kunagi hea tava, eriti praegusel ajal, mil tarbijatel on nii palju valikuvõimalusi.

Kirja suurus ja muud õudusunenäod

Kui palju kordi olete näinud suurte suurtähtedega teksti ja mõelnud, et kirjanik tahab vihaselt karjuda? Vean kihla, et vastus on "palju kordi".

Kirjasuurused võivad toimida samamoodi nagu räägitava sõna toon: kaldkiri võib olla matkiv, paksus kirjas kiri võib olla nõudlik, suurtähed võivad tähelepanu äratada ja nii edasi.

Seetõttu peab disainer olema fondi ja stiili valimisel ettevaatlik, eriti kui tal on mitmekesine publik, kellega "vestelda".

Kui te mind ei usu, avage romaan ja kontrollige fonti. Seejärel avage lasteraamat ja tehke sama.

See kõik taandub sellele, mida ma alguses mainisin: peate oma sihtrühmale köitma nii oma tüpograafia kui ka koopia ja visuaalide enda kaudu.

Kuid suurus pole kõik, mis loeb. Kuna me räägime digitaalsest, peab teie tüpograafia olema kõigis seadmetes laitmatu. Peate optimeerima mobiilseadmete, tahvelarvutite ja lauaarvutite jaoks, et kasutaja ei läheks segadusse ega jätaks teie sisu täielikult kõrvale.

Pidage meeles, et kõrgus on sama oluline. Väga pikk või väga lühike tekst, mis näeb hea välja töölauavaate testimisel, ei pruugi mobiilis hästi toimida.

Võib-olla on kõige suurem õudusunenägu teksti joondamine. Lääne kultuuris on inimesed harjunud lugema vasakult paremale, seetõttu tuleks seda fakti meeles pidada ja vastavalt käituda.

Kasutage vasakjoondust, et jäljendada seda, kuidas inimesed trükitekste loevad, ja oletegi valmis.

Sama ei tööta teie sihtrühma puhul, kui see asub kuskil idas, kus lugemine toimub paremalt vasakule. Nii et jällegi on teie sihtrühm esimene asi, mida enne otsuse tegemist kaaluda.

Trendid on teie sõbrad

Teate ju küll, et parimad tavad ei pea tüpograafia ja kujunduse puhul kooki, eks?

Võite kasutada parimaid fonte, teie joondus võib olla laitmatu, kuid ilma kujundustrende kasutamata võib teie e-post, veebisait, sihtleht, olenemata sellest, mida loote, jääda üheks teie kõige paremini hoitud saladuseks.

Paks on mõnikord ilus

Mõelge näiteks MAC-ile. Ilubränd armastab kasutada elemendina paksu teksti ja äärmist kontrasti:

MAC kosmeetika

See on kaubamärgi tunnuslause ja see on olnud igavesti. See on dramaatiline ja te ei saa sellest mööda vaadata. Sama kehtib ka nende uudiskirja kangelase pildi kohta:

MAC Cosmetics uudiskiri

Tervitus on lihtsalt… Seal! Kui me peaksime looma sellest kangelasepildist inimese, oleks see väga stiilne inimene, kellel oleks väga hea meel näha teid tänaval kõndimas.

Kaaluge ka järgmist. Lisaks rasvaste tähtede kasutamisele saate kujunduses esile tõsta ka teksti.

Umbes nagu see, mida me lapsepõlves oma raamatutel markeritega tegime. Mäletate, kui palju tähelepanu see varem äratas?

Need on kaks võimalust, mida saate kasutada disaini hierarhia loomiseks.

Vürtsitage teksti!

Tekstiplokid on suurepärased, kui joondate need ja inimesed saavad neid isegi proovimata lugeda, kuid mis juhtub siis, kui teil on vaja massist eristuda ja asju veidi vürtsitada?

Proovige pealkirjade osas asju segamini ajada tekstiga, mis algab horisontaalselt, muutub vertikaalseks, hajutatud tähtedeks…

Siin on võtmeks külastaja kaasamine. Ja mis oleks parem viis nende kaasamiseks, kui olla mänguline ja lasta neil jälgida neid väikseid elemente, mis panevad nad natuke ringi mängima.

Maagilised inimesed Voodoo inimesed

Ülaltoodud pilt kujutab endast täiuslikku visualiseeringut sellest, mida ma üritan teha, kuna pidin üks või kaks korda pead pöörama, ilma et eksiks. Näete, et vasakule joondamise põhimõte on siin endiselt ilmne, kuna te ei saa nime valesti lugeda, välja arvatud juhul, kui see on tahtlik ja vajate loovuse harjutust!

Sisutükid

Mida iganes teete, peaksite alati meeles pidama, et sisu on see, millega töötate, ja sisu on kuningas. Alati.

Veenduge, et kvaliteet vastaks teie nägemusele ja e-kirjade postitamise, üleslaadimise või saatmise sagedusele.

Teiseks veenduge, et teie kujundus ei võtaks tähelepanu sisult ära. Näiteks CTA-nupp peaks olema paksu ja kontrastset värvi, kuid mitte niivõrd, et adressaat ei loeks sõnumit, mida proovite edastada.

Lugege sisu, veetke sellega aega ja süvenege sellesse tõeliselt. Kui postitate palju uusi asju, peavad need olema õigeaegsed, asjakohased ja tähelepanu köitvad.

Visualiseerige, mida soovite öelda. Lugege oma tekst valjult ette ja veenduge, et loote pildi, mis teil oli, kui mustanditele esimest korda silma jäite.

Ja veel üks tee jaoks

Olge väga tähelepanelik värvide suhtes, mida kavatsete kasutada. Peale värvipsühholoogia ja selle, kuidas see kasutajat mõjutada võib, peate olema ettevaatlik veel paari asja suhtes.

Number üks, värvipimedus. Ärge kasutage olulise teabe esiletõstmisel liiga palju punaseid või rohelisi toone.

Värvipimedus on üsna tavaline seisund, kusjuures kaks kõige levinumat juhtumit on punane ja roheline värvipimedus. Seega, kui rääkida CTA-dest ja asjadest, mida peaksite teadma, nagu näiteks nõuded ja tingimused, pidage kinni mustade ja kontrastsete tingimustega.

Number kaks, vilkuvad pildid ja tekst. Vilkuvad pildid võivad tekitada ärevust, võivad kasutaja tähelepanu hajutada ja on omamoodi tüütud. Kuid need ei ole peamised põhjused, miks peaksite neid vältima.

Vilkuvad kujutised võivad põhjustada epilepsiahooge.

Kokkuvõtteks

Tüpograafia, veebidisaini ja kasutaja enda kogemuste osas on veel palju ütlemata, kuid arvan, et oleme siin põhitõed käsitlenud.

Lihtsalt veenduge, et mõelge kastist välja ja olge asjakohane, olemata samasugune nagu kõik. Loominguline inimene nagu sina, leiab kindlasti viisi, kuidas mõelda väljaspool kasti!

Ja ärge unustage jätta selle postituse kohta oma tagasisidega kommentaar!