Noen ganger, når du åpner en app, er den første tanken din:
“Wow, dette ser bra ut!”
Og så går du til en annen og føler umiddelbart at “denne bare… føles stygg.”
Har du noen gang lurt på hvorfor det skjer?
En stor del av grunnen er… typografi.
Typografi
Typografi handler om hvordan tekst presenteres – skrifttype, størrelse, avstand.
Noen tenker kanskje: "det er bare tekst, hvor viktig kan det være i et produkt der så mye annet skjer?"
Men her er poenget – typografi er helt avgjørende i UI.
Tekst er overalt: overskrifter, knapper, beskrivelser, menyer, etiketter. Når det ser bra ut, føles alt “rent” og gjennomtenkt. Når det er dårlig planlagt, merker brukerne umiddelbart at noe ikke stemmer – selv om de ikke kan forklare hva.
Vanlige typografifeil i UI-design
Mange tror at typografi bare betyr “å velge en font jeg liker.” Dessverre er det ikke så enkelt. Typografi i UI-design er full av regler som er veldig enkle å bryte hvis du ikke kjenner dem.
La oss se på noen av de vanligste feilene:
Å bruke for mange fonter
Å blande mange forskjellige fonter på én side gjør at alt ser kaotisk og rotete ut.
Tips: Vanligvis er to fonter nok – én for brødtekst og én for overskrifter.
Dårlige fontvalg
Fonter som rett og slett ikke passer (som Times New Roman på et moderne nettsted eller veldig dekorative fonter i brødtekst) ødelegger uttrykket og gjør lesingen vanskeligere.
Tips: Velg fonter som passer til stilen på prosjektet ditt og er enkle å lese for brukerne. Unngå dekorative display-fonter i lange tekstblokker.
For liten eller for stor tekst
Dette skjer ofte. Bitteliten tekst gjør innholdet vanskelig å lese, spesielt på mobil. Overdimensjonert tekst kan føles påtrengende og distraherende.
Tips: Sikt på en komfortabel størrelse (vanligvis 16–18 px for brødtekst) og sjekk at den er lett å lese på alle skjermstørrelser.
Dårlig kontrast mellom tekst og bakgrunn
Et svært vanlig problem, spesielt lys tekst på lys bakgrunn. Når kontrasten er for lav, blir det vanskelig å lese.
Tips: Sørg for at teksten skiller seg tydelig fra bakgrunnen (vanligvis mørk tekst på lys bakgrunn eller omvendt), slik at alle enkelt kan lese den.
Dårlig avstand
Feil linjehøyde, bokstavavstand eller ordavstand gjør teksten slitsom å lese.
Tips: Sett en god linjehøyde (rundt 1,4 ganger skriftstørrelsen fungerer bra) og sørg for konsekvent avstand slik at brukerne raskt kan skanne teksten.
Gode eksempler på flott typografi
La oss se på tre apper som har fått disse typografiske grunnprinsippene til å sitte:
De er fulle av informasjon, men føles likevel behagelige og enkle å lese, ikke sant?
Det er fordi UI-designerne deres har fulgt enkle typografiregler – som sterk kontrast, ikke mer enn to fonter per side og passende linjehøyde.
Oppsummering
Som du ser, er en app som ser bra ut ikke et spørsmål om flaks. Utseendet til et produkt handler om mange små detaljer som må få oppmerksomhet.
Jobber du med et prosjekt og vil at det skal se bra ut? Eller har du et produkt som ikke ser så bra ut som det kunne gjort?
Ta kontakt – vi har mye erfaring og hjelper deg gjerne med råd!
