Når og hvordan du bruker minimalisme i webdesign

La oss først få en misforståelse om minimalisme ut av veien. Bare fordi det er mindre å se, betyr ikke det at det er enklere. Faktisk er det helt motsatt. Jo mindre du har, desto mer tid trenger du å bruke for å sikre at hvert element du har er rett på pengene.

Tross alt, hvis du har et overfylt grensesnitt, så hvis noe er justert litt til venstre for midten, eller en font som ikke er helt optimal for det du bruker, vil det sannsynligvis ikke engang bli lagt merke til blant de andre detaljene.

Det vil imidlertid ikke være sant hvis du bruker en minimalistisk webdesign, siden det ikke er noe du kan gjemme deg bak feilen eller dårlige valget. De vil skille seg ut i grelle detaljer – som et neonskilt på et japansk hus. Hva det betyr er at hvis du bare prøver å sette sammen en side, er ikke minimalisme veien å gå. Minimalisme er for perfeksjonistene, de obsessive-kompulsive, de laserfokuserte, holde seg oppe til – tre-om-morgenen-for-å-få-den-tittelen-akkurat riktig type webdesigner. Hvis det ikke er deg, er det ikke noe for deg.

Hvis det er så les videre, les videre! Ned i kaninhullet går vi.

Negativ plass

La oss begynne med å se på hva et minimalistisk nettsted vil ha mest av – negativ plass, selv om du kanskje kjenner det som «bakgrunnen». Bortsett fra, selvfølgelig, at i minimalistisk design er det ikke «tilbake» i det hele tatt. I stedet er den foran og i sentrum, hvor den spiller en viktig rolle, ved at den manipulerer brukerens visuelle flyt.

Kraften til negativ plass er at jo mer du har av det, desto mer vil det du har på siden dukke opp. Dette er grunnen til at industridesignere ofte vil bruke minimalistiske oppsett. På den måten vil produktene deres i stedet for å forsvinne inn i alt annet få oppmerksomheten de leter etter. Og siden det er det de prøver å selge eller i det minste vise frem som gjør denne tilnærmingen svært attraktiv for dem og alle andre som har statiske objekter å vise frem, som interiørdesignere og fotografer.

Negativ plass kan være et kraftig verktøy for å skape en oase av ro, samt å få brukerne til å ikke føle seg overveldet. Dette er grunnen til at spa og velværesentre ofte velger denne typen layout.

Merk at negativ plass ikke betyr at det ikke er noe der. Det er klart at rommet må fylles med noe, og selv om hvitt er et åpenbart valg, er det langt fra det eneste. Dessuten har forskjellige farger helt forskjellige effekter på brukerne, så sørg for at du bruker litt tid på forskningen. En ting jeg vil påpeke er at du ikke velger en overmettet farge. Dette er en grunnleggende feil som mange førstegangsdesignere gjør. Problemet er at det kan være ganske smertefullt for brukerne, noe som derfor gjør en av de store fordelene med minimalisme ugyldig.

Bilder

Hvis bare én farge er for mye av det gode, er det selvfølgelig muligheten til å gå for et bilde av noe slag. Selvfølgelig, hvis du velger et bilde, sørg for at det holder seg til den minimalistiske ånden du går etter. Bildet må ikke være for travelt.

Jeg mener det på to måter.

1. Sørg selvsagt for at bildet ikke er altfor rotete med gjenstander eller mennesker, da dette vil beseire hele formålet med din minimalistiske design.
2. Det er imidlertid ikke nok, siden implikasjonen av rask bevegelse eller fare er like i stand til å trekke øyet til bildet og vekk fra hovedelementet du prøver å vise. Faktisk kan selv visningen av en negativ følelse distrahere folk fra det du virkelig vil at de skal fokusere på.

Av denne grunn, når du surfer gjennom minimalistiske nettsteder, vil du se mange bilder med veldig nøytral og statisk bakgrunn. Her er noen gode eksempler.

Typografi

Du kan klippe ut mange ting fra den minimalistiske siden din, som en menylinje, knapper på sosiale medier og annonser, men en ting du ikke kan klare deg uten er ord. Til slutt kommer du til å trenge noen. Men hvordan presenterer du dem? Du bør vurdere veldig nøye hvilken font du velger å bruke (og hvis du bestemmer deg for å lage din egen), spesielt siden forskjellige fonter vil fremkalle forskjellige følelser og forskjellige sinnstilstander.

For eksempel serif-fonter (det er de der de snirklete bitene stikker ut under og over linjen) leses mer flytende enn sans serif-fonter og anses derfor som lettere å forstå. På samme måte, ettersom instruksjoner er skrevet i renere, blir mer lesbare skrifter (som Ariel for eksempel) sett på som mer forståelige enn de som er skrevet i mer forvirrende og travlere skriftvalg, noe som betyr at disse instruksjonene anses som lettere å utføre.

Men lesbarhet er selvfølgelig ikke det eneste som må vurderes, du må også tenke på hvilke følelser fontene vekker. Ja, det stemmer, forskjellige fonter påvirker folk ulikt, med skrifttyper som Times New Roman oftere forbundet med følelser som «morsom» og «sint» enn Ariel.

Jeg advarte deg om at minimalisme ikke var for sarte sjeler!

En annen ting å vurdere er hvilke skrifttyper du bruker hvor, da du åpenbart ikke trenger å bruke samme skrift hele veien. Og siden det ikke er noe annet som kan distrahere publikummet ditt, hvis du bruker forskjellige skriftstiler og typografier, er det mye større sannsynlighet for at brukeren legger merke til dem.

Dette kan derfor være en veldig effektiv strategi for å få publikum til å ta hensyn til spesifikke områder. Vurder for eksempel å skrive teksten du vil at brukerne skal lese først i fet stil, med tykke streker, mens delene som er ment å legge merke til senere er skrevet i mer nøytrale skrifttyper. Brukerens blikk vil umiddelbart trekkes til den dristigere teksten, mens den andre teksten vil bli konsumert senere.

Kontrast og posisjonering

Et av de kraftigste verktøyene som er tilgjengelige for en minimalistisk webdesigner er kontrast. Hvis du vil bruke kontrast til den beste effekten, må du gå for lyse bakgrunner – hvit er det dominerende valget, da dette gir den beste effekten. Dette er grunnen til at minimalistiske sider ofte vil bruke svart på hvit bakgrunn, da disse skarpe linjene er enormt visuelt tiltalende. Her er et godt eksempel. Dessuten kan den minste fargen, som en skvett gul, være svært effektiv. Bare tenk på jentekåpen i Schindlers liste.

En designer kan lage en kontrakt med mange forskjellige ting, inkludert farge, form, plassering, skala og størrelse. Hvis den brukes riktig, kan den være utrolig nyttig for å lede brukeren til de delene som de bør ta hensyn til først (omtrent som jeg forklarte i form av typografi ovenfor, da jeg diskuterte fete versus mer nøytrale tekster). Det er imidlertid ikke lett, og for å bruke det best mulig, er det nødvendig å ha en grunnleggende forståelse av hvordan brukere forbruker internettsider.

Studier av øyebevegelser har gitt oss stor innsikt i hvor folk ser først, hvor de vanligvis starter øverst til venstre og deretter, avhengig av om det er mye tekst eller ikke, enten skanner siden i en «F» eller henholdsvis et ‘Z’-mønster.

Siden din minimalistiske side ikke vil være teksttung, vil du derfor ønske å ordne de viktigste aspektene ved siden din i et Z-type mønster, med de tingene som brukerne dine bør legge merke til først (du er menyalternativene dine) vanligvis tar en posisjon mer oppe til venstre på siden din, mens de tingene som bør legges merke til senere (f.eks. dine opphavsrettskrav) kommer lenger ned til høyre. På denne måten vil du gjøre forbruket av siden din mer flytende og mer naturlig.

Hamburgerknappen og andre oppsett

Den ene tingen som er viktig å huske med minimalistisk design er at bare fordi det ikke er mye å se per side, betyr det ikke at det ikke er mye innhold totalt sett; mesteparten av tiden er all den informasjonen bare gjemt bort i undermenyer og sekundære sider. En populær (men kontroversiell) måte dette gjøres på er gjennom det som er kjent som «hamburgerknappen», eller de tre linjene som du nå ser over alt, som i krom øverst til høyre så vel som på iPhone. Og ja, hvis du har drukket et par drinker, ser det ut som en hamburger (jeg har ikke funnet opp navnet).

Personlig er jeg ingen stor fan da dette strider mot mine minimalistiske instinkter. Hva er vitsen med å lage en ryddig side hvis du så skal lage en rotete meny for å surfe på resten av nettstedet ditt? For meg er en mye bedre strategi å dele hamburgerknappen inn i flere menyvalg som er åpenbare og lett forståelige og som vil engasjere leserne dine, men det er til syvende og sist opp til deg.

En viktig faktor å vurdere når du tenker på om du skal lage flere menyelementer eller bruke den ene knappen, er hvor gammel publikummet ditt er. Jo eldre de er, jo mindre kjent vil de være med dette designet, og desto mer sannsynlig vil de derfor ikke finne undermenyene dine, noe som kan gjøre siden din ubrukelig. Så er siden din hovedsakelig rettet mot millennials? Gå videre og bruk den. Tjener du pensjonister? Det er nok lurt å tenke om igjen.

Visuell stil

Og så er det hvordan siden din skal være lagt opp. Når du bestemmer deg for å velge en minimalistisk stil, må du velge en layoutstil og deretter holde deg til den. Dette er fordi publikum umiddelbart vil begynne å gjøre ubevisste antagelser om hvordan nettsiden din passer sammen, og hvis du deretter bryter disse forutsetningene, vil brukerne dine føle at siden din er «rotete» og «uorganisert». Det er et dødsbud for minimalisme (og de fleste andre sider også, når sant skal sies).

Av denne grunn må du velge et rutenett, som i utgangspunktet betyr kolonnene der du har delt opp siden din, og holde deg til det. Hvor mange kolonner vil du ha? Hvordan blir de fordelt? Hvor mye negativt mellomrom vil det være igjen mellom dem? Dette er alle viktige spørsmål som du må svare på før du i det hele tatt begynner å legge ut siden.

Tanken her er ikke at bilder ikke kan overskride grensene til disse rutenettlinjene. Ofte vil bilder spre seg over hele siden din. I dette tilfellet vil teksten om bildet som presenteres nedenfor, bli arrangert i kolonnene du valgte. Tilsvarende, hvis du har flere bilder på siden din, bør de følge rutenettet du har laget, slik at siden din totalt sett ser ren og profesjonell ut.

Er minimalisme verdt det?

Det avhenger ærlig talt av hva du prøver å gjøre (og selvfølgelig emnet på siden din). Hvis du prøver å redusere arbeidet ditt, er minimalisme ikke noe for deg, som allerede sagt. Hvis på den annen side denne typen layout instinktivt appellerer til deg og passer til den typen produkt du presser på, så er det veien videre.

Saken er at minimalisme krever et annet ferdighetssett enn standarddesign, ved at du ikke bare kan bruke løpe-of-the-mill stykker og sette dem sammen for å lage en side. Hvis du prøver å gjøre det, kommer du til å ende opp med noe som ikke er visuelt tiltalende eller så informativt. Det verste av begge verdener med andre ord.

I stedet må du bruke litt tid på å lære å undergrave dine grunnleggende instinkter som du har plukket opp fra tidligere sidedesign du har laget. Da må du sette deg ned og finne ut hva som er viktig for siden din.

Og du er nødt til å sette deg inn i kontrakt, skrifttyper og bilder som du aldri har gjort før. Det er nesten som du lærer et nytt formspråk. Det kan være vanskelig.

Tingen med å lære et nytt språk er imidlertid at det får deg til å innse ting ved originalspråket ditt som du aldri har lagt merke til før. Og dette er like sant med å lære minimalistisk webdesign. Selve det å prøve å lære å designe på denne måten vil få deg til å innse ting om design du aldri visste før.

Og det kan godt gjøre all svetten og det harde arbeidet verdt det.

Glemmer for øyeblikket at minimalistiske sider bare er vakre, selvfølgelig.