Minimalistiske websteder: 12 ting, du bør vide

Minimalistiske hjemmesider

Minimalistiske websteder hjælper brugerne med at tænke hurtigere.

I en æra, hvor brugerne nu er mere utålmodige, og teknologisk udbrændthed bliver mere almindeligt, er design for ro og klarhed – så lidt som muligt (minimalt) – afgørende for succesen for enhver online-forretning.

Lad os beskrive minimalistisk hjemmesidedesign og diskutere fordelene, det giver dig og dine besøgende.

Vi tager et kig på:

  1. Minimalistisk designs æstetiske markører - tjek nogle minimalistiske WordPress-temaer.
  2. Fordelene ved minimalisme i form af brugergrænseflade
  3. Hvordan minimalistisk design forhindrer teknisk udbrændthed hos brugere, og hvorfor det er afgørende for din virksomheds succes

 

1. Visuel æstetik

Visuel æstetik

Det er naturligt at vælge de faktorer af minimalisme, som vi kan se og engagere os i, når vi tænker på minimalisme.

Apple's designæstetik er for eksempel øjeblikkeligt genkendelig og en vigtig trendsætter i tech-verdenen. På trods af at de er ret enkle, er deres design altid en fryd for øjet.

Grunden til dette er, at deres visuelle stil er meget enkel.

Lad os se på, hvad det betyder, de forskellige faktorer, der indgår i at skabe en minimal æstetik, og hvorfor disse faktorer har så stor indflydelse.

2. Sort eller hvid

Whites neutralitet er beroligende ikke kun for øjnene, men også for sindet. Da farven ikke har nogen betydning, vil brugerne ikke blive forstyrret eller tvunget til at overveje, hvad den betyder.

Hvide baggrunde får vigtige aspekter som opfordringer til handling og nyttig tekst til at skille sig ud for maksimal effekt, samtidig med at de sikrer god farvekontrast. Dens lysstyrke er et fantastisk værktøj til tilgængelighed, når det parres med kontrastfarver.

Whites "seriøse" modstykke er sort. Det har stadig en minimalistisk, indholdsfokuseret brugergrænseflade, men det har en mere "påklædt" følelse.

3. Sans-serif Font

Sans-serif-bogstaver virker renere end serif-skrifttyper, hvilket er grunden til, at de ofte bruges af større virksomheder. Når vi kombinerer sans-serif typografi med stor skriftstørrelse og/eller en fed skriftvægt, kan vi opnå den største effekt og følelser, og vores ord kan være de mest fængslende elementer på vores hjemmesider, hvis vi vælger dem smart. Less er mere i dette tilfælde.

Tjek nogle minimalistiske skrifttyper her.

4. Farver der skiller sig ud

Farver der skiller sig ud

Fed farver skiller sig ud mod både hvid og sort baggrund, men når de bruges som baggrundsfarver, kan de se næsten lige så enkle ud som hvide eller sorte, mens de udtrykker mere følelser og mening.

Gradienter er en fantastisk måde at bruge lyse farver på uden at belaste brugeren, især når de bruges sammen med en sans-serif-skrifttype. Her er et eksempel fra Dribbble, der demonstrerer, hvordan minimalisme kan antage mange former, og hvordan minimalistiske hjemmesider kan have forskellige størrelser og former.

Følelsesmæssigt, men ligetil.

5. Design med en flad overflade

Fladt design er en hjemmesidedesigntrend, der begyndte i 2012 og siden har vundet popularitet.

Selvom det er et visuelt attraktivt bud på minimalisme, rejste NNGroup alvorlige brugervenlighedsbekymringer, fordi flade designs anvendte minimalistiske koncepter på interaktive funktioner som knapper, hvilket fik dem til at se ud som om de slet ikke var interaktive.

Dette førte til "Flat 2.0", som bruger afrundede kanter og skygger til at give disse interaktive elementer flere detaljer uden at rode på brugergrænsefladen.

Buede kanter er nyttige, fordi de ligner de afrundede hjørner på knapper i det virkelige liv. Shadows gør knapper mere relaterbare ved at tilføje et 3D-aspekt til dem, adskille dem fra designet og fremkalde virkelige elementer.

Hvis vi ikke gør det klart, at interaktive trykmål engagerer, bliver vores design ubrugeligt, fordi brugeren skal finde ud af, hvad der er og ikke kan klikkes. Dette indviklede ræsonnement modsiger alt, hvad minimalismen foregiver at opnå.

Selvom en minimalistisk grafisk æstetik vil gøre vores designs pænere, bør vi ikke gå overbord, når det kommer til UI-design.

Prioriter klarhed og klikbarhed frem for visuel interesse.

6. Visuel rod bør undgås

Som en generel regel, når noget er nyttigt, selv om det ikke er for langt de fleste forbrugere eller i den aktuelle kontekst af brugeren, skal det skjules.

Flytte en less-vigtigt navigationselement til en off-canvas menu, som kun skal afsløres, når det faktisk ønskes, er et eksempel på at forsøge at skjule noget for at reducere kognitiv byrde.

Begrundelsen bag dette er, at hvorfor tvinge brugeren til at overveje dets betydning, når det er usandsynligt, at de behøver at se eller bruge det i første omgang?

Vi skal også tage højde for, at hvis der er for meget indhold, vil brugerne til tider ikke være i stand til at huske vigtig information, især.

Vores hukommelse påvirkes af kognitiv belastning. Vi bliver lammet og usikre på, hvor vi skal hen, når vi konfronteres med for mange genstande eller muligheder. Det ser ikke godt ud.

7. Brug visuelt hierarki

Betydningen af ​​hvert element skal angives visuelt, og den rækkefølge, de ses i, bør påvirkes.

Det betyder, at visse elementer skal prioriteres visuelt for at hjælpe brugeren med at forstå, hvad der foregår. Overvej et produkt, hvis pris er vist i en tekststørrelse, der er større end produktnavnet.

Brugeren kan finde ud af, at produktet koster ti dollars, men de vil være forvirrede i et øjeblik, fordi de ikke aner, hvad produktet er.

Det er endnu værre, hvis det viser sig, at de er ligeglade med produktet, fordi de allerede har behandlet oplysninger, der ikke engang er relevante for dem.

8. At træffe færre valg for en mere strømlinet oplevelse

For mange muligheder at vælge imellem er lig med en langsommere svartid, ifølge Hicks' lov. Når en bruger bliver præsenteret for for mange muligheder, kan han eller hun opleve beslutningslammelse, som defineres som manglende evne til at træffe en beslutning som følge af kognitiv belastning.

For eksempel blev Nikes hjemmeside lavet til kun at vise dig nogle få produkter ad gangen.

Atoms hjemmeside er et glimrende eksempel på, hvordan antallet af muligheder er blevet reduceret. Kun 4 nav-elementer er inkluderet i hovednavigationen, med less relevante punkter flyttes til hjemmesidens sidefod.

Når en bruger vælger at "Find din pasform", præsenteres de for en samtale, en-for-en tilgang til at vælge det bedste produkt.

9. Design af friktion, der er nyttig

Funktionelt rod, ligesom visuelt rod, øger brugerens kognitive belastning og kan være en stor distraktion, hvilket fører til et betydeligt fald i konverteringer.

I tilfældet med eCommerce skyldes 34 procent af de ledige kasser, at kunderne er tvunget til at oprette en ny konto, hvilket resulterer i et massivt tab af indtægter.

Dette betyder ikke nødvendigvis, at vi er nødt til at tvinge kundeudbetaling i denne situation, men det betyder, at vi kunne gøre oprettelse af en konto valgfri.

Hvis vi virkelig ønskede at reducere brugerens kognitive belastning, kunne vi bede dem om at lave en konto, efter de har tjekket ud, så tanken om at oprette en konto ikke bliver en distraktion!

Før du går dybt ind i prototyping, er oprettelse af et rutediagram en fantastisk måde at reducere hjemmesidefriktion.

På den måde kan vi genoverveje brugerens rejse og skabe en meget mere behagelig oplevelse, hvis der er friktionspunkter på grund af funktionelt rod.

Forebyggelse af dine brugeres tekniske udbrændthed

På den måde kan vi genoverveje brugerens rejse og skabe en meget mere behagelig oplevelse, hvis der er friktionspunkter på grund af funktionelt rod.

10. Forebyggelse af teknisk udbrændthed

Vi lever i øjeblikket i den mest visuelle version af vores verden, der nogensinde er skabt. Der er masser af applikationer, websteder og gadgets til at holde dem indeholdt.

På grund af den hurtige indførelse af ny teknologi bliver vores hverdagsting, køkkener og rygsække digitalt forankret med ny teknologi og funktioner, der lover at forbedre vores liv.

Sandheden er dog, at kun få udvalgte lykkes i det lange løb.

Mere teknologi, flere problemer.

Som fejlbehæftede mennesker kan vi kun håndtere en lille mængde kognitiv belastning, men alt, hvad vi akkumulerer, øger denne belastning. Dette gælder ikke kun for de varer, vi har, men også for den opsætning og vedligeholdelse, de kræver, samt den viden og information, der kræves for at betjene dem.

Og dette forudsætter, at vi rent faktisk bruger produktet – har du nogensinde opsagt et årsabonnement pga. less tid eller motivation efter kun et par måneder?

Sociale medier er derimod lidt anderledes. Mange brugere er afhængige af det, og mange bruger mindst to timer om dagen på det alene.

Der er simpelthen ikke nok timer i døgnet til at bruge, læse, se eller på anden måde forbruge alt, hvad vi ønsker, men det virkelige problem er de langsigtede indvirkninger på vores mentale velvære.

Det får os til at føle os tynget.

Byrden er en kombination af stress og ansvar. Vi er stressede, da vi ikke tillader os selv at slappe af, i stedet for at fylde hvert vågent minut med teknologi.

Forpligtelse, fordi så mange produkter bruger gamification og lock-in kontrakter til uetisk at fastholde brugere. Så er der vores besættelse af den næstbedste ting og gode tilbud.

Fristelsen til at blive afhængig af teknologi er overalt omkring os.

11. Virkningerne af, at hjemmesidebrugere bliver overbebyrdede

Når brugere er overbebyrdede, kan de opleve en af ​​to følelser:

Utålmodige: De vil kun være villige til at investere en lille smule tid og kræfter på hjemmesiden, og de vil opgive det, hvis de støder på selv en mindre anstødssten.

Frustreret: Hvis en bruger er overvældet af muligheder eller valg, er de det less sandsynligvis konvertere og er mere tilbøjelige til at skifte til en konkurrent eller helt opgive deres søgning.

Med andre ord, når brugere surfer på nettet, er der en god chance for, at de går tidligt på grund af utålmodighed og svindende opmærksomhedsspænd. For de fleste almindelige brugere er dette desværre bare normal adfærd

12. Hvordan kan brugerne drage fordel af minimalistisk hjemmesidedesign?

Vi kan reducere den kognitive belastning af vores varer som digitale designere, hvilket reducerer stress, irritation og frustration.

I en internetalder, der konstant kræver vores opmærksomhed, kan vores hjemmesider være en forfriskende forandring.

Nøglen er at skabe minimalistiske websteder, der ikke tilføjer brugerens allerede massive kognitive belastning, så lad os se på, hvordan en minimalistisk tilgang til webstedsdesign kan optimere webstedets UX. Vi vil også se på et par virkelig inspirerende eksempler på fantastiske minimalistiske hjemmesider undervejs.

Hjemmesider med et minimalistisk look handler om mere end blot æstetik. Minimalistisk design er en metode til at være så tydelig som muligt og samtidig bruge så lidt materiale som muligt.

Ofte stillede spørgsmål om minimalistisk hjemmeside

Hvad er nogle af de vigtigste egenskaber ved minimalistisk design?

Enkelhed, rene linjer og monokrome farvekombinationer kendetegner den. Minimalistisk design består normalt af meget få elementer på en side, masser af tomme eller negative og et design, der fokuserer på formen, farven og teksturen af ​​nogle få nøgleelementer.

Hvilke farver bruges ofte i minimalistiske designs?

Mange designere bruger simple farvepaletter, når de skaber minimalistiske designs. Farver som simple sorte, hvide og/eller grå nuancer er populære. Generelt koster de fleste minimale designpaletter højst tre farvenuancer.

Hvordan laver minimalister dekoration?

Der er tre hovedtilgange, som minimalister gør for at levere deres signaturlook. De fjerner rod, bruger en neutral basepalette og fjerner alt fra siden, der ikke er strengt nødvendigt.

Om forfatteren
Forfatter: Daniel Luke
Daniel er en WordPress webdesigner med stor erfaring med at arbejde med forskellige WordPress-temaer, der giver ham mulighed for at sammenligne og kontrastere forskellige temaer, forstå styrker og svagheder for at udvikle faktiske anmeldelser i den virkelige verden.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig at forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...