Noen digitale tjenester prøver å bevare nesten hvert eneste element når skjermen blir mindre. Andre forenkler så kraftig at brukeren må lete etter funksjoner som nettopp var synlige. Begge tilnærmingene bygger på en forståelig tanke: enten bør alt være likt, eller så bør hvert format få sin egen løsning. Men konsistens handler ikke om å kopiere et skjermbilde, og tilpasning betyr ikke at opplevelsen må skifte karakter. Utfordringen er å la innhold, handlinger og visuelle regler fortsatt kjennes sammenhengende når plassen, orienteringen og måten vi samhandler på endrer seg.
Likhet er ikke det samme som gjenkjennelse
Begynn med en oppgave som mange utfører både på mobil og datamaskin, for eksempel å finne en opplysning og gå videre til neste steg. Følg hvor blikket møter informasjonen, hvor handlingen ligger, og om forbindelsen mellom dem er tydelig når layouten endres. Ved å følge samme oppgave gjennom flere skjermstørrelser kan du se om casinoer uten omsetningskrav norge med rask utbetaling fortsatt gjør neste handling tydelig. Dette sier mer om konsistensen enn om to skjermbilder ser identiske ut. Målet er at oppgaven skal være forståelig, selv når veien gjennom den får en annen form.
En vanlig antakelse er at et konsekvent grensesnitt ser likt ut på alle skjermer. Da kan knapper, kolonner og menyer bli presset inn på mobil, selv om resultatet er trangt og vanskelig å bruke. Den motsatte løsningen kan være like problematisk: å lage en helt ny struktur for hvert format. Brukeren må da lære tjenesten på nytt når vedkommende bytter fra telefon til datamaskin.
Det som bør være stabilt, er først og fremst logikken. Navn på funksjoner, rekkefølgen i viktige arbeidsflyter, visuelle signaler og forventninger til hva en handling gjør, bør henge sammen. Derimot kan plasseringen endres når skjermens form krever det. En meny som ligger synlig ved siden av innhold på en bred skjerm, kan samles bak en tydelig kontroll på en smal skjerm. Hvis kontrollen fortsatt oppfører seg forutsigbart og bruker kjente begreper, er dette tilpasning, ikke brudd.
Plass påvirker både innhold og handling
Skjermstørrelse er bare én del av forskjellen mellom enheter. En telefon brukes ofte med én hånd, i korte økter og i skiftende omgivelser. En større skjerm gir gjerne plass til å sammenligne flere deler av innholdet samtidig, men kan også brukes på avstand eller med andre inndata. Derfor bør utformingen ta utgangspunkt i hva brukeren prøver å få gjort, ikke bare i hvor mange piksler som er tilgjengelige.
Når bredden reduseres, må informasjon ofte få en ny rekkefølge. To kolonner kan bli til én, sideinformasjon kan komme etter hovedinnholdet, og lange tabeller kan kreve en annen måte å vise sammenhenger på. Slike valg bør bevare det viktigste forholdet mellom informasjon og handling. Hvis en forklaring står tett ved en knapp på én skjerm, bør brukeren også forstå koblingen når elementene flyttes eller vises i en annen rekkefølge. Tilpasning blir dermed en redaksjonell vurdering så vel som en teknisk.
Regler som tåler forandring
Et robust grensesnitt bygges med regler som beskriver hvordan deler oppfører seg, ikke bare hvordan én bestemt side ser ut. Det kan for eksempel handle om lesbare tekststørrelser, avstand mellom trykkbare elementer, tydelige tilstander og en konsekvent bruk av farger. Når slike prinsipper er gjennomtenkt, blir det enklere å la innhold flyte og komponenter endre størrelse uten at helheten virker tilfeldig.
Samtidig kan en felles visuell stil ikke løse alle spørsmål. En liten berøringsflate kan være vanskelig å treffe selv om den har riktig farge og form. En knapp som ligger nederst på en smal skjerm, kan være praktisk for tommelen, mens samme plassering på en bred skjerm kan virke løsrevet fra innholdet. Utviklere og designere må derfor vurdere både synlighet, rekkevidde, lesbarhet og sammenheng. Konsistens er en støtte for gode valg, ikke en oppskrift som fritar teamet fra å undersøke hvordan løsningen faktisk fungerer.
Test sammenhenger, ikke bare skjermbilder
Det er fristende å kontrollere tilpasning ved å se på noen utvalgte skjermbilder. Men et pent bilde forteller lite om hva som skjer når tekst blir lengre, en bruker zoomer inn, eller innholdet vises på en uventet mellomstor skjerm. Testing bør derfor omfatte vanlige oppgaver og overganger: Kan brukeren finne samme funksjon? Er det klart hva som skjer etter et valg? Bevares viktig informasjon når oppsettet endres?
Det er også nyttig å prøve løsningen med tastatur, berøring og ulike visningsinnstillinger. Slik blir det synlig om en kontroll bare fungerer i én bestemt situasjon, eller om grensesnittets grunnleggende logikk holder på tvers av måter å bruke det på. Funnene bør føres tilbake til felles designregler, ikke bare løses som enkeltstående justeringer. Da kan forbedringer komme flere deler av tjenesten til gode, og senere endringer får et tydeligere utgangspunkt.
Konsistent utforming på tvers av skjermstørrelser handler altså mindre om å bevare hver detalj enn om å bevare forståelige forventninger. Når sentrale begreper, handlinger og visuelle signaler henger sammen, kan oppsettet tilpasses uten at tjenesten mister identiteten sin. Det krever at team vurderer innholdets rekkefølge, brukssituasjonen og samspillet mellom elementer, og tester mer enn faste skjermbilder. En praktisk tommelfingerregel er å følge en viktig oppgave fra start til slutt på flere skjermstørrelser. Hvis logikken består, kan utseendet gjerne forandre seg.