Minimalistiske hjemmesider hjælper brugerne med at tænke hurtigere.
I en tid, hvor brugerne nu er mere utålmodige, og teknologisk udbrændthed bliver mere almindelig, er det afgørende for enhver online forretning at designe med fokus på ro og klarhed – så lidt som muligt (minimalt) – for at få succes.
Lad os beskrive minimalistisk hjemmesidedesign og diskutere de fordele, det giver dig og dine besøgende.
Vi vil se på:
- Minimalistisk designs æstetiske markører - tjek nogle minimalistiske WordPress-temaer.
- Fordelene ved minimalisme med hensyn til brugergrænseflade
- Hvordan minimalistisk design forhindrer teknologisk udbrændthed hos brugerne, og hvorfor det er afgørende for din virksomheds succes
{autotoc}
1. Visuel æstetik
Det er naturligt at bruge de minimalistiske faktorer, som vi kan se og engagere os i, når vi tænker på minimalisme.
Apples designæstetik er for eksempel øjeblikkeligt genkendelig og en stor trendsætter i tech-verdenen. Selvom de er forholdsvis enkle, er deres design altid en fryd for øjet.
Årsagen til dette er, at deres visuelle stil er meget enkel.
Lad os se på, hvad det betyder, de forskellige faktorer, der spiller ind i at skabe en minimalistisk æstetik, og hvorfor disse faktorer er så indflydelsesrige.
2. Sort eller hvid
Hvids 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 fremhæver vigtige aspekter som opfordringer til handling og nyttig tekst for maksimal effekt, samtidig med at de sikrer god farvekontrast. Dens lysstyrke er et godt værktøj til tilgængelighed, når den kombineres med kontrasterende farver.
Whites "seriøse" modstykke er sort. Den har stadig en minimalistisk, indholdsfokuseret brugergrænseflade, men den har en mere "påklædt" følelse.
3. Sans-serif-skrifttype
Sans-serif-bogstaver fremstår 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 skrifttykkelse, kan vi opnå den største effekt og følelse, og vores ord kan være de mest fængslende elementer på vores hjemmesider, hvis vi vælger dem med omhu. Mindre er mere i dette tilfælde.
Tjek nogle minimalistiske skrifttyper her.
4. Farver der skiller sig ud
Dristige farver skiller sig ud på både hvide og sorte baggrunde, men når de bruges som baggrundsfarver, kan de se næsten lige så simple ud som hvide eller sorte, samtidig med at de udtrykker mere følelser og mening.
Gradienter er en god 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 websteder kan have forskellige størrelser og former.
Følelsesladet, men ligefrem.
5. Design med en flad overflade
Fladt design er en trend inden for webdesign, der startede i 2012 og siden har vundet popularitet.
Selvom det er en visuelt attraktiv fortolkning af minimalisme, rejste NNGroup alvorlige bekymringer omkring brugervenligheden, 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 brugergrænsefladen.
Buede kanter er nyttige, fordi de minder om de afrundede hjørner på virkelige knapper. Skygger 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 er engagerende, vil vores design blive ubrugeligt, fordi brugeren skal finde ud af, hvad der er og ikke er klikbart. Denne indviklede argumentation modsiger alt, hvad minimalisme hævder at opnå.
Selvom en minimalistisk grafisk æstetik vil gøre vores designs pænere, bør vi ikke overdrive, når det kommer til UI-design.
Prioritér klarhed og klikbarhed frem for visuel interesse.
6. Visuel støj bør undgås
Som en generel regel bør noget skjules, når det er nyttigt, men ikke for langt de fleste forbrugere eller i brugerens nuværende kontekst.
Flytning af et mindre vigtigt navigationselement til et off-canvas menu, der kun afsløres, når det rent faktisk ønskes, er et eksempel på at forsøge at skjule noget for at reducere den kognitive byrde.
Ræsonnementet bag dette er, hvorfor tvinge brugeren til at overveje dens betydning, når de sandsynligvis ikke har brug for at se eller bruge den i første omgang?
Vi skal også tage højde for, at hvis der er for meget indhold, vil brugerne til tider især ikke være i stand til at huske vigtige oplysninger.
Vores hukommelse påvirkes af kognitiv belastning. Vi bliver lammede og usikre på, hvor vi skal gå hen, når vi konfronteres med for mange genstande eller muligheder. Det ser ikke godt ud.
7. Brug visuelt hierarki
Betydningen af hvert element bør 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 vises i en tekststørrelse, der er større end produktnavnet.
Brugeren finder måske ud af, at produktet koster ti dollars, men de vil være forvirrede i et par øjeblikke, 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 information, der ikke engang er relevant for dem.
8. Færre valgmuligheder for en mere strømlinet oplevelse
For mange muligheder at vælge imellem er lig med en langsommere responstid ifølge Hicks' lov. Når en bruger præsenteres for for mange muligheder, kan vedkommende opleve beslutningslammelse, hvilket defineres som manglende evne til at træffe en beslutning som følge af kognitiv belastning.
For eksempel blev Nikes hjemmeside oprettet til kun at vise dig et par produkter ad gangen.
Atoms' hjemmeside er et glimrende eksempel på, hvordan antallet af muligheder er blevet reduceret. Kun 4 navigationselementer er inkluderet i hovednavigationen, hvor de mindre relevante punkter er flyttet til hjemmesidens sidefod.
Når en bruger vælger at "Find din match", præsenteres de for en samtalebaseret, én-til-én-tilgang til at vælge det bedste produkt.
9. Design af nyttig friktion
Funktionel rod, ligesom visuel rod, øger brugerens kognitive belastning og kan være en stor distraktion, hvilket fører til et betydeligt fald i konverteringer.
I tilfælde af e-handel skyldes 34 procent af tomme kasser, at kunderne er tvunget til at oprette en ny konto, hvilket resulterer i et massivt tab af omsætning.
Det betyder ikke nødvendigvis, at vi skal tvinge kunder til at betale i denne situation, men det betyder, at vi kan gøre det valgfrit at oprette en konto.
Hvis vi virkelig ønsker at reducere brugerens kognitive belastning, kunne vi bede dem om at oprette en konto efter betaling, så tanken om at oprette en konto ikke bliver en distraktion!
Før man går i dybden med prototyping, er det en god måde at reducere friktion med hjemmesider ved at oprette et flowdiagram.
På den måde kan vi, hvis der opstår gnidningspunkter på grund af funktionelt rod, genoverveje brugeroplevelsen og skabe en langt mere behagelig oplevelse.
Forebyggelse af dine brugeres teknologiske udbrændthed
På den måde kan vi, hvis der opstår gnidningspunkter på grund af funktionelt rod, genoverveje brugeroplevelsen og skabe en langt mere behagelig oplevelse.
10. Forebyggelse af teknologisk udbrændthed
Vi lever i øjeblikket i den mest visuelle version af vores verden, der nogensinde er skabt. Der findes masser af applikationer, hjemmesider og gadgets, der kan holde dem indesluttet.
På grund af den hurtige anvendelse 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 mennesker med fejl kan vi kun håndtere en lille smule 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 årligt abonnement på grund af mindre tid eller motivation efter kun et par måneder?
Sociale medier er derimod lidt anderledes. Mange brugere er afhængige af dem, og mange bruger mindst to timer om dagen alene på dem.
Der er simpelthen ikke nok timer i døgnet til at bruge, læse, se eller på anden måde forbruge alt, hvad vi har lyst til, men det virkelige problem er de langsigtede konsekvenser for vores mentale velbefindende.
Det får os til at føle os tynget ned.
Byrden er en kombination af stress og ansvar. Vi er stressede, fordi vi ikke tillader os selv at slappe af, i stedet for at fylde hvert vågne minut med teknologi.
Forpligtelse fordi så mange produkter bruger gamification og bindingskontrakter 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 overbelastede hjemmesidebrugere
Når brugere er overbelastede, 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 i hjemmesiden, og de vil opgive den, hvis de støder på bare en lille hindring.
Frustreret: Hvis en bruger er overvældet af muligheder eller valgmuligheder, er det mindre sandsynligt, at de konverterer 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 forlader siden tidligt på grund af utålmodighed og svindende opmærksomhedsspænd. Desværre er dette bare normal adfærd for de fleste almindelige brugere.
12. Hvordan kan brugere drage fordel af minimalistisk webdesign?
Som digitale designere kan vi reducere den kognitive belastning af vores varer, hvilket reducerer stress, irritation og frustration.
I en internettidsalder, der konstant kræver vores opmærksomhed, kan vores hjemmesider være en forfriskende forandring.
Nøglen er at skabe minimalistiske hjemmesider, der ikke øger brugerens allerede massive kognitive belastning, så lad os se på, hvordan en minimalistisk tilgang til hjemmesidedesign kan optimere hjemmesidens brugeroplevelse. 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, samtidig med at man bruger så lidt materiale som muligt.
Ofte stillede spørgsmål om minimalistiske hjemmesider
Hvad er nogle af de vigtigste karakteristika ved minimalistisk design?
Enkelhed, rene linjer og monokrome farvekombinationer kendetegner det. Minimalistisk design består normalt af meget få elementer på en side, masser af blankt eller negativt og et design, der fokuserer på formen, farven og teksturen af et par 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 minimalistiske designpaletter maksimalt tre farvenuancer.
Hvordan indretter minimalister sig?
Der er tre primære tilgange, som minimalister bruger til at levere deres signaturlook. De fjerner rod, bruger en neutral basepalet og fjerner alt fra siden, der ikke er strengt nødvendigt.