Hvordan bruke typografi og design for å øke brukeropplevelsen

Hva gjør et nettsted eller en e-post overbevisende og lett for øynene? Før du begynner å lese på guider på guider om hvordan du oppretter en landingsside eller hvordan du kan finne den perfekte e-posten, bør du kanskje tenke på en enkel og minimal måte for en forandring.

Så, hva er det som gjør noe sånt fantastisk? Er det det visuelle, fargene, kopien… Eller noe annet?

Vel, alle disse er fine og vel, spesielt kopien (wink wink! ), men det er noe som får brukeren til å være skikkelig oppmerksom: Typografi.

Typografi er stilen og utseendet til trykksaker, ifølge min gode gamle venn, Google. At dette er en type kunst i seg selv, sier seg selv.

Og typografi er grunnlaget for alle slags design som har med det skrevne ord å gjøre, blir skapt. Dette betyr at du kan finne det overalt: i bøker, på pakker, til og med – og viktigst av alt, for oss – på nettsteder, e-poster og landingssider.

Men, kunstnerisk eller ikke, typografi er noe som må gi brukerne en god opplevelse, omtrent som alle verktøy. Og kursive bokstaver kan være så vakre, men er de brukbare?

La oss se hvordan vi kan forbedre en brukers opplevelse og selve brukergrensesnittet ved å bruke riktig typografi.

Først, There’s The Font

Tenk deg hvor blah og likegyldig nettstedet ditt ville se ut og hvor mye det ville tatt ut av brukeropplevelsen hvis fonten din ikke stemte overens med den hellige treenigheten til en virksomhet: målgruppen din, merkevarens tone og målene dine.

Å velge riktig skrift er litt som å velge de perfekte gardinene for et rom. Klistrete gardiner viser dårlig smak, og en skrift som bare ikke stemmer overens kan få prosjektet ditt til å se klebrig ut i beste fall og i verste fall spamy.

Fonten er like viktig som selve det visuelle, for å skape et inntrykk og finne de tingene du trenger for å bli pekt ut, både på en nettside og i en e-post, for å optimalisere brukeropplevelsen din.

Du trenger fet for dristige utsagn, kursive bokstaver og intens kalligrafi for ting som er elegante og ikke for viktige. Kombinasjoner som den nedenfor er et must:

merke skrifttyper

Jeg er imidlertid tvunget til å advare deg om noe: For mange fonter vil få deg til å tape spillet. Du kan ha to typer fonter på det meste, og du må sørge for at de brukes som eksempelet ovenfor: dristigere og strengere for overskriften, mer raffinert for teksten i kopien.

Og husk følgende: Hvis vi snakker om nettstedet ditt og ikke en landingsside eller en e-post, bør du kanskje tenke på å bruke en standardisert font.

Du skjønner, kursiv kan noen ganger være vanskelig å lese, og et resultat som er for kunstnerisk kan være vakkert, men det er ikke lett å lese og forstå. For dagens travle kunder, som er flinke til å skanne tekstblokker og finne akkurat det de trenger å vite, for å spare tid, kan noe ikke-standardisert se ut som altfor mye innsats.

Publikum er mer kjent med Times New Roman, for eksempel. De kan til og med fortelle deg hvor den skal brukes, og de er enkle å skanne gjennom.

Dessuten kan det forårsake et reelt innholdsproblem, i den forstand at en mer kunstnerisk skrifttype og format kan ta oppmerksomheten bort fra innholdsengasjement.

En fonts spesielle elementer:

En skrift består av forskjellige elementer som kan gjøre eller ødelegge bruken, stort sett. Du har forskjellige stiler, vekter, arbeidene! Så la oss se hva dette handler om:

Du har først og fremst skriftfamilien din. Skriftfamilien (eller skrifttypen) er stort sett den store kategorien som inneholder skrifter med samme stil.

For det andre har du skriftvekten din, altså bredden på hvert tegn. Dette elementet skiller hvilken font som skal brukes til å lage en overskrift og hvilken som skal havne i brødteksten.

For det tredje kommer kerning, dvs. mønsteret som tegnene følger, dvs. avstanden mellom to bokstaver, som er nødvendig, siden øynene dine vil følge det nøyaktige mønsteret.

Denne avstanden og marginene er det som vil definere det siste, veldig viktige elementet:

Antall tegn per linje. For mange tegn per linje og brødteksten vil se rotete ut, noe som resulterer i en ganske dårlig brukeropplevelse.

For få, og det vil ta mer tid for øyet å nå neste avsnitt, og få nøyaktig samme resultat som jeg nevnte ovenfor.

Ved å begrense lengden forbedrer du tekstens lesbarhet. Hvis linjen er for lang, vil den ikke vises ordentlig på enheten, noe som vil bety at leseren ikke vil kunne lese den ordentlig, noe som vil resultere i et rot, CRO(Conversion Rate Optimization)-messig.

Du må finne et gyldent snitt som fungerer for deg på den, og husk at dette gyldne snittet må stoppe ved 60 tegn per linje.

Og et lite hint her: Du må også være oppmerksom på avstanden mellom linjene, siden det rett og slett er for enkelt å enten lese en linje på nytt eller utelate den helt. Noe som aldri er en god praksis, spesielt i denne tiden når forbrukerne har så mange alternativer.

Skriftstørrelse og andre mareritt

Hvor mange ganger har du sett en tekst med store bokstaver og tenkt at skribenten vil rope sint? Jeg vedder på at svaret er «mange ganger».

Skriftstørrelser kan fungere akkurat som tonen i det talte ordet: kursiv kan etterligne, fet skrift kan være krevende, store bokstaver kan avkalle oppmerksomhet og så videre.

Derfor må en designer være forsiktig når han velger en skrifttype og en stil, spesielt hvis de har et mangfoldig publikum å «snakke» med.

Hvis du ikke tror meg, bare åpne en roman og sjekk skriften. Åpne deretter en barnebok og gjør det samme.

Det hele koker ned til det jeg nevnte i begynnelsen: Du må appellere til målgruppen din gjennom typografien din så vel som kopien og selve det visuelle.

Men størrelsen er ikke alt som betyr noe. Siden vi snakker digitalt, må typografien din være upåklagelig på alle enheter. Du må optimalisere for mobil, nettbrett og desktop, for å hindre at brukeren blir forvirret og forkaster innholdet ditt helt.

Husk at høyden er like viktig. En veldig lang eller veldig kort tekst som ser bra ut når du tester for skrivebordsvisning, fungerer kanskje ikke bra for mobil.

Det kanskje største marerittet av alt er justeringen av teksten. I vestlig kultur er folk vant til å lese fra venstre til høyre, derfor bør du være oppmerksom på det faktum og handle deretter.

Bruk venstrejustering for å etterligne måten folk leser tekster på, og du er i gang.

Det samme vil ikke fungere for målgruppen din hvis denne ligger et sted i øst, hvor lesing er fra høyre til venstre. Så igjen, målgruppen din er det første du bør vurdere før du tar en beslutning.

Trender er dine venner

Du vet at beste praksis ikke tar kaken når det kommer til typografi og design, ikke sant?

Du kan bruke de beste skrifttypene, justeringen din kan være upåklagelig, men uten å bruke designtrender kan e-posten din, nettsiden din, landingssiden din, uansett hva det er du lager, fortsatt være en av dine best bevarte hemmeligheter.

Fet er noen ganger vakkert

Tenk på MAC for eksempel. Skjønnhetsmerket elsker å bruke fet tekst og ekstrem kontrast som et element:

MAC Cosmetics

Dette er merkevarens slagord og har vært det siden for alltid. Det er dramatisk og du kan ikke gå glipp av det. Det samme gjelder heltebildet i nyhetsbrevet deres:

MAC Cosmetics nyhetsbrev

Hilsenen er bare… Der! Hvis vi måtte lage en person ut fra det heltebildet, ville det vært en veldig stilig person som ville vært veldig glad for å se deg gå nedover gaten.

Vurder også å gjøre følgende: I tillegg til å bruke fete bokstaver, kan du også fremheve tekst i designet.

Litt som det vi pleide å gjøre som barn med tusjene våre på bøkene våre. Husker du hvor mye oppmerksomhet dette pleide å vekke?

Dette er to måter du kan bruke, for å etablere hierarkiet når det kommer til designet.

Krydre teksten!

Tekstblokker er flotte når du justerer dem og folk er i stand til å lese dem uten engang å prøve, men hva skjer når du trenger å skille deg ut fra mengden og krydre ting litt?

Prøv å blande ting når det kommer til overskriftene, med tekst som begynner som horisontalt, vendes til vertikalt, vendes til spredte bokstaver…

Nøkkelen her er å engasjere besøkende. Og hvilken bedre måte å engasjere dem enn å være lekne og la dem se etter disse små elementene som vil få dem til å leke litt.

Magic People Voodoo People

Bildet ovenfor er den perfekte visualiseringen av poenget jeg prøver å gjøre, siden jeg måtte snu hodet en eller to ganger uten å gå meg vill. Du kan se at venstrejusteringsprinsippet fortsatt er tydelig her, siden du ikke kan lese navnet feil, med mindre det er med vilje og du trenger en øvelse på kreativitet!

Innholdsbiter

Uansett hva du gjør, bør du alltid huske på at innhold er det du jobber med og innhold er konge. Bestandig.

Sørg for at kvaliteten samsvarer med visjonen din og frekvensen du legger ut, laster opp eller sender e-post med.

For det andre, sørg for at designet ditt ikke tar oppmerksomheten bort fra innholdet. For eksempel bør en CTA-knapp være dristige og kontrasterende farger, men ikke til et punkt hvor mottakeren ikke vil lese meldingen du prøver å formidle.

Gå videre og les innholdet, bruk tid med det og sett deg virkelig inn i det. Hvis du legger ut mange nye ting, må de være tidsriktige, relevante og vekke oppmerksomhet.

Visualiser hva du vil si. Les teksten høyt og sørg for at du lager bildet du hadde i hodet ditt da du først så utkastene.

Og en til for veien

Vær veldig oppmerksom på fargene du skal bruke. Bortsett fra fargepsykologi og hvordan det kan påvirke brukeren, må du være forsiktig med et par andre ting:

Nummer én, fargeblindhet. Ikke bruk for mange røde eller grønne farger når det gjelder å fremheve viktig informasjon.

Fargeblindhet er en ganske vanlig tilstand, med rød og grønn fargeblindhet som de to vanligste tilfellene. Så når det kommer til CTAer og ting man bør vite, som for eksempel vilkårene og betingelsene, hold deg til svarte og høye kontraster.

Nummer to, blinkende bilder og tekst. Blinkende bilder kan forårsake følelser av angst, de kan distrahere brukeren og de er litt irriterende. Men dette er ikke hovedgrunnene til at du bør unngå dem.

Blinkende bilder kan forårsake epileptiske anfall.

For å konkludere

Det er fortsatt mye usagt når det kommer til typografi, webdesign og brukerens egen opplevelse, men jeg tror vi har dekket det grunnleggende her.

Bare sørg for å tenke utenfor boksen og være relevant uten å være den samme som alle. Et kreativt individ som deg vil helt sikkert finne en måte å tenke utenfor boksen på!

Og ikke glem å legge igjen en kommentar med din tilbakemelding på dette innlegget!