Minimalistiske nettsteder: 12 ting du bør vite

Minimalistiske nettsteder

Minimalistiske nettsteder hjelper brukere med å tenke raskere.

I en tid hvor brukere nå er mer utålmodige og teknologisk utbrenthet blir mer vanlig, er design for ro og klarhet – så lite som mulig (minimalt) – avgjørende for suksessen til enhver nettbedrift.

La oss beskrive minimalistisk nettsteddesign og diskutere fordelene det gir deg og dine besøkende.

Vi tar en titt på:

  1. Minimalistisk designs estetiske markører - sjekk ut noen minimalistiske WordPress-temaer.
  2. Fordelene med minimalisme når det gjelder brukergrensesnitt
  3. Hvordan minimalistisk design forhindrer teknologisk utbrenthet hos brukere, og hvorfor det er avgjørende for bedriftens suksess

 

1. Visuell estetikk

Visuell estetikk

Det er naturlig å misligholde faktorene av minimalisme som vi kan se og engasjere oss i når vi tenker på minimalisme.

Apple's designestetikk, for eksempel, er umiddelbart gjenkjennelig og en viktig trendsetter i teknologiverdenen. Til tross for at de er ganske enkle, er designet alltid en fryd for øyet.

Grunnen til dette er at deres visuelle stil er veldig enkel.

La oss se nærmere på hva det betyr, de forskjellige faktorene som er med på å skape en minimal estetikk, og hvorfor disse faktorene har så stor innvirkning.

2. Svart eller hvitt

Whites nøytralitet er beroligende ikke bare for øynene, men også for sinnet. Siden fargen ikke har noen betydning, vil ikke brukere bli forstyrret eller tvunget til å vurdere hva den betyr.

Hvit bakgrunn gjør at viktige aspekter som oppfordringer til handling og nyttig tekst skiller seg ut for maksimal effekt samtidig som de sikrer god fargekontrast. Lysstyrken er et flott verktøy for tilgjengelighet når den kombineres med kontrasterende farger.

Whites "seriøse" motstykke er svart. Den har fortsatt et minimalistisk, innholdsfokusert brukergrensesnitt, men det har en mer "oppkledd" følelse.

3. Sans-serif Font

Sans-serif-bokstaver virker renere enn serif-fonter, og det er grunnen til at de ofte brukes av større selskaper. Når vi kombinerer sans-serif-typografi med stor skriftstørrelse og/eller en fet skriftvekt, kan vi oppnå størst effekt og følelser, og ordene våre kan være de mest fengslende elementene på nettsidene våre hvis vi velger dem smart. Less er mer i dette tilfellet.

Sjekk ut noen minimalistiske skrifttyper her.

4. Farger som skiller seg ut

Farger som skiller seg ut

Fet farger skiller seg ut mot både hvit og svart bakgrunn, men når de brukes som bakgrunnsfarger, kan de se omtrent like enkle ut som hvite eller svarte samtidig som de uttrykker mer følelser og mening.

Gradienter er en fin måte å bruke lyse farger på uten å belaste brukeren, spesielt når den brukes sammen med en sans-serif-skrift. Her er et eksempel fra Dribbble som demonstrerer hvordan minimalisme kan ta mange former, og hvordan minimalistiske nettsider kan ha forskjellige størrelser og former.

Følelsesfylt, men rett på sak.

5. Design med flat overflate

Flatt design er en nettsidedesigntrend som startet i 2012 og har siden vunnet popularitet.

Selv om det er en visuelt attraktiv variant av minimalisme, reiste NNGroup alvorlige bekymringer om brukervennlighet fordi flate design brukte minimalistiske konsepter på interaktive funksjoner som knapper, noe som fikk dem til å se ut som om de ikke var interaktive i det hele tatt.

Dette førte til "Flat 2.0", som bruker avrundede kanter og skygger for å gi disse interaktive elementene flere detaljer uten å rote til brukergrensesnittet.

Buede kanter er nyttige fordi de ligner de avrundede hjørnene på virkelige knapper. Skygger gjør knappene mer relaterte ved å legge til et 3D-aspekt til dem, skille dem fra designet og fremkalle virkelige elementer.

Hvis vi ikke gjør det klart at interaktive trykkmål engasjerer, vil designen vår bli ubrukelig fordi brukeren må finne ut hva som er og ikke er klikkbart. Dette kronglete resonnementet motsier alt som minimalismen gir seg ut for å oppnå.

Selv om en minimalistisk grafisk estetikk vil gjøre designene våre penere, bør vi ikke gå over bord når det kommer til UI-design.

Prioriter klarhet og klikkbarhet fremfor visuell interesse.

6. Visuelt rot bør unngås

Som en generell regel, når noe er nyttig, men ikke for det store flertallet av forbrukere eller i brukerens nåværende kontekst, bør det skjules.

Flytte en less-viktig navigasjonselement til en off-canvas meny, bare for å bli avslørt når det faktisk er ønskelig, er et eksempel på å prøve å skjule noe for å redusere kognitiv belastning.

Begrunnelsen bak dette er at hvorfor tvinge brukeren til å vurdere betydningen når de neppe trenger å se eller bruke den i utgangspunktet?

Vi må også ta hensyn til det faktum at hvis det er for mye innhold, vil brukere ikke kunne huske viktig informasjon til tider, spesielt.

Hukommelsen vår påvirkes av kognitiv belastning. Vi blir lammet og usikre på hvor vi skal gå når vi konfronteres med for mange objekter eller alternativer. Det ser ikke bra ut.

7. Bruk visuelt hierarki

Betydningen av hvert element bør angis visuelt, og rekkefølgen de ses i bør påvirkes.

Dette betyr at enkelte elementer må prioriteres visuelt for å hjelpe brukeren med å forstå hva som skjer. Tenk på et produkt hvis pris vises i en tekststørrelse som er større enn produktnavnet.

Brukeren kan finne ut at produktet koster ti dollar, men de vil bli forvirret i noen øyeblikk fordi de ikke aner hva produktet er.

Det er enda verre hvis det viser seg at de ikke bryr seg om produktet fordi de allerede har behandlet informasjon som ikke engang er relevant for dem.

8. Ta færre valg for en mer strømlinjeformet opplevelse

For mange alternativer å velge mellom tilsvarer en langsommere responstid, ifølge Hicks lov. Når en bruker blir presentert for mange alternativer, kan han eller hun oppleve beslutningslammelse, som defineres som manglende evne til å ta en beslutning som følge av kognitiv belastning.

For eksempel ble Nikes nettsted laget for å kun vise deg noen få produkter om gangen.

Nettstedet til Atoms er et utmerket eksempel på hvordan antall alternativer har blitt redusert. Bare 4 nav-elementer er inkludert i hovednavigasjonen, med less relevante punkter flyttes til bunnteksten på nettstedet.

Når en bruker velger å "Finn din passform", blir de presentert for en samtale, en-for-en-tilnærming til å velge det beste produktet.

9. Designe friksjon som er nyttig

Funksjonell rot, som visuelt rot, øker brukerens kognitive belastning og kan være en stor distraksjon, noe som fører til et betydelig fall i konverteringer.

Når det gjelder e-handel, skyldes 34 prosent av ledige kasser at kunder blir tvunget til å opprette en ny konto, noe som resulterer i et massivt inntektstap.

Dette betyr ikke nødvendigvis at vi må tvinge kundeutsjekking i denne situasjonen, men det betyr at vi kan gjøre det valgfritt å opprette en konto.

Hvis vi virkelig ønsket å redusere brukerens kognitive belastning, kunne vi be dem opprette en konto etter at de har sjekket ut, slik at ideen om å opprette en konto ikke blir en distraksjon!

Før du går dypt inn i prototyping, er å lage et flytskjemakart en fin måte å redusere nettstedfriksjonen på.

På den måten, hvis det er noen friksjonspunkter på grunn av funksjonelt rot, kan vi revurdere brukerens reise og skape en mye mer behagelig opplevelse.

Forhindrer brukernes tekniske utbrenthet

På den måten, hvis det er noen friksjonspunkter på grunn av funksjonelt rot, kan vi revurdere brukerens reise og skape en mye mer behagelig opplevelse.

10. Forebygging av teknisk utbrenthet

Vi lever for tiden i den mest visuelle versjonen av vår verden som noen gang er skapt. Det er mange applikasjoner, nettsteder og gadgets for å holde dem inne.

På grunn av den raske bruken av ny teknologi, blir hverdagstingene, kjøkkenene og ryggsekkene våre digitalt forankret med ny teknologi og funksjoner som lover å forbedre livene våre.

Sannheten er imidlertid at bare noen få utvalgte lykkes i det lange løp.

Mer teknologi, flere problemer.

Som mangelfulle mennesker kan vi bare håndtere en liten mengde kognitiv belastning, men alt vi akkumulerer øker den belastningen. Dette gjelder ikke bare for varene vi har, men også for oppsettet og vedlikeholdet de krever, samt kunnskapen og informasjonen som kreves for å betjene dem.

Og dette forutsetter at vi faktisk bruker produktet – har du noen gang kansellert et årsabonnement pga. less tid eller motivasjon etter bare noen få måneder?

Sosiale medier er derimot litt annerledes. Mange brukere er avhengige av det, og mange bruker minst to timer per dag på det alene.

Det er rett og slett ikke nok timer i døgnet til å bruke, lese, se eller på annen måte konsumere alt vi ønsker, men det virkelige problemet er de langsiktige innvirkningene på vårt mentale velvære.

Det får oss til å føle oss tynget.

Byrden er en kombinasjon av stress og ansvar. Vi er stresset siden vi ikke tillater oss selv å slappe av, i stedet for å fylle hvert våkne minutt med teknologi.

Forpliktelse fordi så mange produkter bruker gamification og innlåsingskontrakter for å uetisk beholde brukere. Så er det vår besettelse med den nest beste tingen og gode kjøp.

Fristelsen til å bli avhengig av teknologi er rundt oss.

11. Effektene av at nettsidebrukere blir overbelastet

Når brukere er overbelastet, kan de oppleve en av to følelser:

Utålmodige: De vil bare være villige til å investere en liten del tid og krefter på nettstedet, og de vil gi opp hvis de møter en liten snublestein.

Frustrert: Hvis en bruker er overveldet av alternativer eller valg, er de det less sannsynligvis vil konvertere og er mer sannsynlig å bytte til en konkurrent eller gi opp søket helt.

Med andre ord, når brukere surfer på nettet, er det en god sjanse for at de går tidlig på grunn av utålmodighet og minkende oppmerksomhet. Dessverre, for de fleste vanlige brukere, er dette bare normal oppførsel

12. Hvordan kan brukere dra nytte av minimalistisk design av nettsteder?

Vi kan redusere den kognitive belastningen av varene våre som digitale designere, noe som reduserer stress, irritasjon og frustrasjon.

I en internettalder som kontinuerlig krever vår oppmerksomhet, kan nettsidene våre være en forfriskende forandring.

Nøkkelen er å lage minimalistiske nettsider som ikke øker brukerens allerede massive kognitive belastning, så la oss se på hvordan en minimalistisk tilnærming til nettstedsdesign kan optimalisere nettstedets UX. Vi vil også se på noen få virkelig inspirerende eksempler på fantastiske minimalistiske nettsteder underveis.

Nettsteder med et minimalistisk utseende handler om mer enn bare estetikk. Minimalistisk design er en metode for å være så tydelig som mulig samtidig som man bruker så lite materiale som mulig.

Vanlige spørsmål om minimalistisk nettsted

Hva er noen av de viktigste egenskapene til minimalistisk design?

Enkelhet, rene linjer og monokrome fargekombinasjoner kjennetegner den. Minimalistisk design består vanligvis av noen få elementer på en side, mye blankt eller negativt og et design som fokuserer på formen, fargen og teksturen til noen få nøkkelelementer.

Hvilke farger brukes ofte i minimalistiske design?

Mange designere bruker enkle fargepaletter når de lager minimalistiske design. Farger som enkle svarte, hvite og/eller grå nyanser er populære. Generelt koster de fleste minimale designpaletter maksimalt tre fargenyanser.

Hvordan dekorerer minimalister?

Det er tre hovedtilnærminger minimalister gjør for å levere sitt signaturutseende. De fjerner rot, bruker en nøytral basepalett og fjerner alt fra siden som ikke er strengt nødvendig.

om forfatteren
Forfatter: Daniel Luke
Daniel er en WordPress-webdesigner med lang erfaring med å jobbe med forskjellige WordPress-temaer som lar ham sammenligne og kontrastere forskjellige temaer, forstå styrker og svakheter for å utvikle faktiske, virkelige vurderinger.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...